@charset "utf-8";
/* CSS Document */


html {
height: 100%;
}


body {
background: #eaeff3; /* Old browsers */
background: -moz-linear-gradient(top, #eaeff3 0%, #eaeff3 17%, #c0d9ed 43%, #b8d5ec 60%, #b8d5ec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeff3), color-stop(17%,#eaeff3), color-stop(43%,#c0d9ed), color-stop(60%,#b8d5ec), color-stop(100%,#b8d5ec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eaeff3 0%,#eaeff3 17%,#c0d9ed 43%,#b8d5ec 60%,#b8d5ec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eaeff3 0%,#eaeff3 17%,#c0d9ed 43%,#b8d5ec 60%,#b8d5ec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eaeff3 0%,#eaeff3 17%,#c0d9ed 43%,#b8d5ec 60%,#b8d5ec 100%); /* IE10+ */
background: linear-gradient(to bottom, #eaeff3 0%,#eaeff3 17%,#c0d9ed 43%,#b8d5ec 60%,#b8d5ec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeff3', endColorstr='#b8d5ec',GradientType=0 ); /* IE6-9 */
background-attachment:fixed;	
color: #373737;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-align: left;
margin: 0 auto;
padding: 0;
position: relative;
min-height: 100%;
}

body h1{
font-size: 16px;
font-weight: bold;
color:#FD7800;
margin:0;
padding:0;
}
body h2{
font-size: 14px;
font-weight: bold;
margin: 0;
padding:0;
}	
body h3{
font-size: 14px;
font-weight: bold;
margin:0;
padding:0;
}		
body p{
font-size: 12px;
margin:0;
padding:0;
}


/*------------------------------------------------------------------ 
/////// GENERAL SECTION  ///////			
------------------------------------------------------------------*/
.readMore{
color:#fd7800;
text-decoration: none;
font-weight: bold;
}
.readMore:hover{
color: #373737;
}

.viewListings {

}

.titleofPage {
font-size:40px;
font-weight: bold;
font-family: 'Bitter',serif;
float:left;
color:#FD7800;
margin:0;
padding:0;
}

.titleofPage h1 {
	font-size:40px;
}

.smallP {
font-size:10px;
}

.weatherNumber {
color: #FD7800;
font-size: 75px;
margin-right: 15px;
}

.day{
font-weight: bold;
margin-top: 10px;
}

.date {
font-size:15px;
font-weight: bold;
margin-left: 20px;
}
.timeDate {
margin-bottom: 20px;
}
.location {
font-weight: bold;
margin-top: 10px;
}
.weather2 {
border:1px solid #cccccc;
width: 150px;
float:right;
text-align:center;
}

.weatherIcon2 {
float:left;
margin: 0 20px 
}
.weatherTemp {
float:left;

}
.weatherNumber2{
font-size:30px;
color:#FD7800;
}

.weatherLocation {
font-size:10px;
font-weight:bold;
margin-bottom: 5px;
}

.webCam {
border: none;
}

.quote {
color: #FD7800;
font-family: 'Bitter',serif;
font-size: 20px;
font-style: italic;
}


.empty {
clear:both;
margin:0;
padding:0;	
}

/*------------------------------------------------------------------ 
///////  TOP SECTION  ///////			
------------------------------------------------------------------*/
.topContent{
margin: 20px auto;
width:980px;
}
.logo{
float:left;
width: 277px;
}

.topContact{
float:right;
text-align:right;
width: 275px;

}


.callNow {
font-size:20px;	
margin-bottom: 15px;					
}

.topSocialMedia {
margin-right: 10px;
}
.topSocialMedia:last-child {
margin-right: 0px;
}

/*------------------------------------------- 
///////  SLIDER SECTION  ///////			
-------------------------------------------*/	
#slideShow {
margin-bottom: 40px;
min-width: 980px;
width: 100%;
}

.slider{
height: 388px;
}
.slider div {

width:960px;
height:388px;
}

.slideShowContent {
margin: 0 auto;
width: 980px;
}
#arrows {
position:absolute;
width:100%;
min-width: 970px;
}

.leftCorner {
cursor: pointer;
margin-top: 150px;
padding-left: 30px;
position:relative;
z-index: 8;
float:left;
}
.rightCorner {
cursor: pointer;
margin-top: 150px;
padding-right: 30px;
position:relative;
z-index: 8;
float:right;
}	
.slider img {
}

.slider_navi {
text-align:center;
margin-right: 20px;
margin-top: 20px;
}
.slider_navi img {
margin-left: 5px;
}

.slideText {
bottom: 270px;
position: relative;
text-shadow: 1px 1px 1px #000;
right: 00px;

text-align: center;
}

.slideText p{
background-image:url(../images/trans.png);
width:980px;
margin-left:1px;
padding-bottom:10px;
}

.slideText h1{
background-image:url(../images/trans.png);
width:980px;
margin-left:1px;
}

.slideTextOrange p{
background-image:url(../images/trans.png);
display:block;
width:980px;
padding-bottom:10px;
}

.slideTextOrange h1{
background-image:url(../images/trans.png);
width:980px;
margin-left:1px;
}

.slideTextOrange {
bottom: 270px;
position: relative;
right: 00px;

text-align: center;
}
.slideText h1{
font-family: 'Lato', sans-serif;
font-size: 50px;
color: #FFF;
text-shadow: 1px 1px 1px #000000;
}

.slideText p{
color: #FD7800;
font-size:16px;
font-family: 'Bitter', serif;
font-style:italic;
font-size: 20px;
}

.slideTextOrange h1{
font-family: 'Lato', sans-serif;
font-size: 50px;
color: #fff;
text-shadow: 1px 1px 1px #000000;
}

.slideTextOrange p{
color: #FD7800;
font-size:16px;
font-family: 'Bitter', serif;
font-style:italic;
font-size: 20px;
}			


.viewListings {
background-color: #1F1E1E;
color: #CCCCCC;
font-family: 'Bitter',serif;
font-size: 14px;
left: 430px;
padding: 15px;
position: relative;
top: 25px;
text-decoration: none;
width: 120px;
}
.viewListings:hover {
background-color:#FD7800;
color: #1F1E1E;
}

/*------------------------------------------------------------------ 
///////  NAVIGATION SECTION  ///////			
------------------------------------------------------------------*/
#navigation {
border-top: 1px solid #cccecf;
border-bottom: 1px solid #cccecf;
height: 28px; 
margin: 0 0 20px 0;
padding: 0;
min-width: 980px;	
width:100%;
}
.navigationContent {
margin: 0 auto;
padding-left:10px;
width: 988px;
}

.link_btn {
float:left;
line-height:28px;
margin:0 10px 0 0;
padding:0;
text-align:center;
width: 110px;
}

.link_btn a {
color: #484747;
display: block;
font-weight: bold;
text-decoration:none;
}

#active {
width: 74px;
background-color: #009787;
}




/*------------------------------------------------------------------ 
///////  WRAPPER SECTION  ///////			
------------------------------------------------------------------*/
#wrapper {
margin:0 auto;
padding-bottom:190px;		
width: 980px;
}



.threeColumns {
margin:20px 0;
}
.column1 {
background-image:url(../images/ph.png);
float:left;
text-align:center;
height: 240px;
width: 376px;
}
.column1Text {
float: right;
margin: 10px 10px 0;
width: 200px;
}
.column1Text p{
text-align:justify;
font-size: 10px;
}

.column2 {
background-color: #FFFFFF;
float:left;
text-align:center;
margin-left: 35px;
height: 240px;
width: 240px;
}
.weather {
margin: 10px 0 20px 0;
width: 240px;
}
.weatherIcon {
float:left;
margin: 5px 0 0 15px;
}

.weatherText {
float:right;
}	


.column3 {
background-image:url(../images/infoman_website_09.jpg);
float:right;
text-align:center;
height: 240px;
width: 294px;
}
.column3 h2 {
margin: 0 !important;
padding:10px 0;
}

.blackBox {
background-color: #2c2c2c;
text-align:center;
margin-top: 30px;
margin-bottom: 20px;
height: 72px;
width: 980px;
}
.blackBox a {
color:#FD7800;
}
.blackBoxContent {
text-align: center;
position:relative;
bottom: 70px;
}
.blueBoxTitle {
text-align: center;
font-family: 'Bitter',serif;
font-size: 14px;
position:relative;
top:3px;
}

.blackBoxTitle {
color: #EAEFF3;
font-size:30px;
font-family: 'Lato', sans-serif;
font-weight:lighter;			
}

.view {
color: #FD7800;
font-size:15px;
font-family: 'Bitter', serif;
font-style:italic;		
}

.viewOrage{
color: #FD7800;
font-family: 'Bitter',serif;
font-size: 15px;
font-style: italic;	
}


/*------------------------------------------------------------------ 
///////  FOOTER SECTION  ///////			
------------------------------------------------------------------*/

#footer {
background-color:#202020;
background-repeat:repeat-x;
color:#FFFFFF;	
padding:0;
margin:0;
height: 178px;
width: 100%;
min-width: 980px;
position:absolute;
bottom:0;
left:0;
}
.footerContent {
width: 980px;
margin:10px auto 0 auto;
padding: 20px 0;
}
.footerColumn1 {
float:left;
margin-top: 20px;
margin-left: 0;
width: 470px;
}
.footerColumn2 {
text-align: right;
float:right;
margin-top: 10px;
margin-right: 0;
width: 355px;			
}

.footerSocialMedia {
margin: 0 10px 10px 0;
}

.footerSocialMedia:last-child {
margin-right: 0px;
}

/*------------------------------------------------------------------ 
/////// PAGES SECTION  ///////			
------------------------------------------------------------------*/
.whiteWrapper {
background-color:#f8f8f8;
padding: 10px;

border: 1px solid #CCC;
-moz-box-shadow:    0px 4px 4px 0px #202020;
-webkit-box-shadow: 0px 4px 4px 0px #202020;
box-shadow:         0px 4px 4px 0px #202020;
width: 980px;
}				
/*------------------------------------------------------------------ 
///////  ABOUT PAGE SECTION  ///////			
------------------------------------------------------------------*/
.aboutText {
float:left;
text-align:justify;
margin-top: 20px;
width: 650px;
}

.aboutImage {
background-color: #F6F6F6;
float: right;
margin-top: 20px;
padding:8px;
border: 1px solid #CCCCCC;
}

/*------------------------------------------------------------------ 
///////  MAP PAGE SECTION  ///////			
------------------------------------------------------------------*/
.mapContainer {
background-color: #FFFFFF;
margin-top: 20px;
padding:10px;
border: 1px solid #CCCCCC;
text-align:center;
}

small a{
color: #1F1E1E !important;
text-decoration:none;
font-family: 'Bitter',serif;
font-size: 14px;	
}
small a:hover{
color: #FD7800 !important;	
}

/*------------------------------------------------------------------ 
///////  CONTACT PAGE SECTION  ///////			
------------------------------------------------------------------*/
.mapOffice {
background-color: #F6F6F6;
float:left;
margin-top: 20px;
padding:10px;
border: 1px solid #CCCCCC;
text-align:center;
width: 510px;
}

.form {
margin: 65px 0 0 85px;
float:left;
width: 300px		
}

#contact input,label,button {
font-size:12px;
margin-bottom: 20px;
display:block;
text-align:left;
}
.preferredComunication {
margin-top:10px;
}


#contact input {
padding:5px;
/*width: 125px;*/
}
#contact .name {
height: 15px;
width: 285px;
}
#contact .email {
height: 10px;
float: left;
width: 125px;
}
#contact .phone {
height: 10px;
margin-left: 20px;
float: left;
width: 125px;
}
#contact .date {
height: 10px;
float: left;
width: 125px;
}
#contact .date2 {
height: 10px;
margin-left: 20px;
float: left;
width: 125px;
}
.emailCheckbox {
float:left;	
margin-right:10px;
width: 15px;
}
.emailCheckboxLabel {
float:left;	
margin-right: 30px;
width: 25px;
}
.phoneCheckbox {
float:left;	
margin-right:10px;
width: 15px;
}
.phoneCheckboxLabel {
float:left;	
margin-right:10px;
width: 25px;
}


#contact textarea {
padding:5px;
width:285px;
height:50px;
resize:none;
}

#contact button {
background: none repeat scroll 0 0 #373737;
border: medium none;
border-radius: 0;
color: #FD7800;
cursor: pointer;

font-family: 'Bitter',serif;
font-weight: bold;
height: 20px;
margin-right: 3px;
margin-top: 20px;
text-align: center;
width: 85px;
}

.link_btn a:hover {
background-color:#222;
color:#FFF;
}