/* Body */
body{ font: 100% Tahoma, Arial, Helvetica, sans-serif; background: url(../images/main-bg.jpg) repeat-x #858585; margin:0; padding:0; color:#333333;}
.bold{ font-weight:bold;}
.float-left{ float:left;}
/*wrapper1*/
#wrapper1{ background:url(../images/wrapper1.jpg) center 85px no-repeat; min-width:997px; width:100%;}
#wrapper2{ background:url(../images/wrapper2-bottom-effect.jpg) center bottom no-repeat;min-width:997px; width:100%;}
/* main */
#main{ background:url(../images/content-shadow-BG.jpg) repeat-y; position:relative; margin:0 auto; padding:0; text-align:left; width:997px;}

/* header */
#header{ background:url(../images/header/banner.jpg) no-repeat; position:absolute; width:997px; height:363px; top:0; left:0; background-color:#666666;}
#header	 img.logo{ position:absolute; margin:-40px 0 0 -216px;}		
#header ul{ margin:18px 0 0 300px; padding:0px; position:absolute; list-style:none;height:65px; border-bottom:1px solid #CCCCCC;}
#header ul li{ background:url(../images/header/break.jpg) right 41px no-repeat; margin:0px; padding:0px; float:left;  display:block; text-align:left; font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
#header ul li.background-none{ background:none;}
#header ul li a#home{ margin:0px; padding:35px 0 0 0; width:73px;height:25px; display:block;  color:#333333; }
#header ul li a#location{ margin:0px; padding:35px 0 0 0; width:124px;height:25px; display:block; color:#333333; text-align:center;}
#header ul li a#hawaii{ margin:0px; padding:35px 0 0 25px; width:99px;height:25px; display:block; color:#333333; text-align:left;}
#header ul li a#contact-us{ margin:0px; padding:35px 0 0 0; width:135px;height:25px; display:block;color:#333333;text-align:center;}
#header ul li a#testimonials{ margin:0px; padding:35px 0 0 0; width:150px;height:25px; display:block;  color:#333333;text-align:center;}
#header ul li a#clients{ margin:0px; padding:35px 0 0 0; width:88px;height:25px; display:block; color:#333333;text-align:center;}
#header ul li a#location:hover, #header ul li a#contact-us:hover, #header ul li a#testimonials:hover, #header ul li a#clients:hover, #header ul li a#hawaii:hover{ background:url(../images/header/hover-arrow.jpg) top center no-repeat; color:#00B2EA;}
#header ul li a#location.active, #header ul li a#contact-us.active, #header ul li a#testimonials.active,#header ul li a#hawaii.active, #header ul li a#clients.active{ background:url(../images/header/hover-arrow.jpg) top center no-repeat; color:#00B2EA;}
#header ul li a#home:hover{ background:url(../images/header/hover-arrow.jpg) 15px top no-repeat; color:#00B2EA;}
#header ul li a#home.active{ background:url(../images/header/hover-arrow.jpg) 15px top no-repeat; color:#00B2EA;}
#header span.call-us{ position:absolute; margin:170px 0 0 40px;}
#header span.call-us span.one{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px;color:#00B3EB;}
#header span.call-us span.two{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;color:#000000;}
#header span.call-us span.three{ font-size:11px; color:#333333;}
/* sidebar */
#sidebar{ float:left; margin:309px 0 0 4px; width:239px;display:inline; position:relative; border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}			
#sidebar h3.heading1{ background:url(../images/sidebar/heading-box1.png) no-repeat; font-size:15px; color:#006699; width:250px; height:78px;position:absolute;}
#sidebar h3.heading1 span{border-bottom:1px solid #0099CC; width:180px; display:block; margin:0px 0 0 65px; padding-top:23px;}
#sidebar h3.heading2{ background:url(../images/sidebar/heading-box2.png) no-repeat; font-size:15px; margin-top:-3px; color:#669900; width:250px; height:78px;position:absolute;}
#sidebar h3.heading2 span{border-bottom:1px solid #669900; width:180px; display:block; margin:0px 0 0 65px; padding-top:23px;}
#sidebar h3.heading3{ background:url(../images/sidebar/heading-box3.png) no-repeat; font-size:15px; color:#CC3300; width:250px; height:78px;position:absolute;}
#sidebar h3.heading3 span{border-bottom:1px solid #CC3300; width:180px; display:block; margin:0px 0 0 65px; padding-top:23px;}
#sidebar h3.heading4{ background:url(../images/sidebar/heading-box4.png) no-repeat; font-size:15px; color:#FF9900; width:250px; height:78px;position:absolute;}
#sidebar h3.heading4 span{border-bottom:1px solid #FF9900; width:180px; display:block; margin:0px 0 0 65px; padding-top:23px;}
#sidebar ul{ margin:66px 0 0 0; padding:0px; list-style:none; line-height:17px;}
#sidebar ul li{ margin:0px; padding:0px; display:block; font-size:11px; display:block; }
#sidebar ul li.odd{background:#F8F8F8;}
#sidebar ul li.even{background:#EFEFEF;}
#sidebar ul li a{ background:url(../images/sidebar/grey-bullet.jpg) 20px 9px no-repeat; margin:0px; padding:3px 0 0 40px; display:block; color:#333333; display:block;height:21px; width:199px; border-bottom:1px solid #FFFFFF; }		
#sidebar ul li span{ background:url(../images/sidebar/grey-bullet.jpg) 20px 9px no-repeat; margin:0px; padding:3px 0 0 40px; display:block; color:#333333; display:block;height:21px; width:199px; border-bottom:1px solid #FFFFFF; font-size:10px;}
#sidebar ul li small{ background:url(../images/sidebar/grey-bullet.jpg) 20px 9px no-repeat; margin:0px; padding:3px 0 0 40px; display:block; color:#333333; display:block;height:21px; width:199px; border-bottom:1px solid #FFFFFF;}		

#sidebar img.side-logo{ margin-top:65px;}
/* content */
#content{ background:url(../images/content/content-bg.jpg) #FFFFFF no-repeat; float:right; width:746px; margin:363px 4px 0 0;display:inline;}			
#content #main-content{ width:714px; margin-left:30px; padding-top:13px;}
#content #main-content h1{ color:#333333; font-size:18px; font-weight:normal; padding-bottom:5px;}
#content #main-content p{ font-size:11px; line-height:18px; padding-bottom:15px;}
#content #main-content cite{ color:#00AFE2; font-size:11px; font-style:italic;}
#content #main-content a.read-more{ float:right; display:block;}
#content #main-content a.read-more img{ border:none; display:block;}
#content #main-content img.content-image{ margin-top:5px; padding-bottom:10px;}
#content #main-content div.colmn1{ width:235px; float:left; margin-right:15px; display:inline;}
#content #main-content div.colmn2{ width:215px; float:left; margin-right:20px; display:inline;}
#content #main-content div.colmn3{ width:215px; float:left;}

	#content #main-content .gallery{ width: 750px; float: left;}
	#content #main-content .gallery img{ float: left; border: none; margin-left: 15px;}
	#content #main-content .gallery a{ float:left; }
	#content #main-content .gallery a:hover{ opacity:0.5;filter:alpha(opacity=40); }
	#content #main-content .page { float: left; width: 560px; text-align: center; margin-left:50px; }
	#content #main-content .page  a{color: #000; font: bold 14px arial; margin: 0 5px; padding: 3px;}
	#content #main-content .page  a:hover, #content .page  a.active{ color:#009DD0; text-decoration:underline overline;}



#content #contact-area{ background:url(../images/content/contact-us-banner3.jpg) #333333 no-repeat; width:693px; height:157px; margin-left:30px; margin-top:15px;}

#content #contact-area p{ width:164px; color:#009DD0; text-align:center; position:absolute; margin:15px 0 0 515px; font-size:12px; font-weight:bold;}
#content #contact-area cite{ margin:0px; padding:0px; position:absolute; display:block; font-size:14px; color:#000000; margin:100px 0 0 515px; font-style:normal; font-weight:bold;}

#content #contact-area2{ background:url(../images/content/contact-us-banner.jpg) #333333 no-repeat; width:693px; height:157px; margin-left:30px; margin-top:15px;}

#content #contact-area2 p{ width:164px; color:#009DD0; text-align:center; position:absolute; margin:15px 0 0 515px; font-size:12px; font-weight:bold;}
#content #contact-area2 cite{ margin:0px; padding:0px; position:absolute; display:block; font-size:14px; color:#000000; margin:100px 0 0 515px; font-style:normal; font-weight:bold;}

#content #contact-area1 { background:url(../images/content/contact-us-banner2.jpg) #333333 no-repeat; width:693px; height:157px; margin-left:30px; margin-top:15px; }

#content #contact-area1 p{ width:164px; color:#009DD0; text-align:center; position:absolute; margin:15px 0 0 10px; font-size:12px; font-weight:bold;}
#content #contact-area1 cite{ margin:0px; padding:0px; position:absolute; display:block; font-size:14px; color:#000000; margin:100px 0 0 10px; font-style:normal; font-weight:bold; text-align:center;}

#content #contact-area3 { background:url(../images/content/contact-us-banner1.jpg) #333333 no-repeat; width:693px; height:157px; margin-left:30px; margin-top:15px; }

#content #contact-area3 p{ width:164px; color:#009DD0; text-align:center; position:absolute; margin:15px 0 0 10px; font-size:12px; font-weight:bold;}
#content #contact-area3 cite{ margin:0px; padding:0px; position:absolute; display:block; font-size:14px; color:#000000; margin:100px 0 0 10px; font-style:normal; font-weight:bold; text-align:center;}

#content #content-bottom{ background: url(../images/content/content-bottom-bg.jpg) repeat-x #FFFFFF; width:716px; margin-top:17px; padding-left:30px; padding-top:20px; margin-bottom:20px;}
#content #content-bottom h3{font-size:18px; font-weight:normal; padding-bottom:15px;}
#content #content-bottom h4{font-size:14px; float:left; padding-top:4px;}
#content #content-bottom cite{color:#00AFE2; margin:0px; padding:0px;}
#content #content-bottom p{font-size:11px; line-height:18px; padding-bottom:15px;} 
#content #content-bottom div input.input-email{ background:url(../images/content/input-text-area.jpg) no-repeat; width:176px; height:22px; border:none; margin:0px 2px 0 2px; padding:4px 0px 0 10px; float:left;}
#content #content-bottom div input.submit-button{ float:left; margin:0px; padding:0px;}
#content #content-bottom #testimonials-area{ background:#F8F8F8; width:315px; border:1px solid #CCCCCC; height:auto !important; min-height:250px; height:250px; float:right; margin:30px 13px 0 17px; display:inline; padding:15px 15px 0 15px;}
#content #content-bottom #testimonials-area h3{ font-size:18px; font-weight:normal; padding-bottom:15px;}
#content #content-bottom #testimonials-area img{ float:left; margin-right:17px; display:inline;}
#content #content-bottom #testimonials-area p{ font-size:11px; padding-bottom:8px; line-height:17px;}
#content #content-bottom span.dotted-line{ width:312px; border-bottom:none; border-left:none; border-right:none; border-top:1px dotted #999999; height:1px; display:block; margin:13px 0 0 0; padding-bottom:10px;}
#content #content-bottom #testimonials-area cite{ margin:0px; padding:0px; display:block; font-size:11px; color:#0099CC; font-style:normal;}
#content #content-bottom #testimonials-area a.more{ font-family:"Arial Narrow", Tahoma; font-size:11px; color:#0099CC; float:right; margin-top:10px;}

#content #client ul{ width:100px; }
#content #client li { list-style:square; }
#content #client li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } 
#content #client li a:hover{ color:#000000; text-decoration:underline; } 
#content #client h1{ border-bottom:1px solid #333333; width:300px; }
#content #client img { border:1px solid #000; }

#content dt { float:left;}
#content dd { margin:20px 0 0 0;}

/* footer */
#footer{ background:url(../images/footer/footer-bg.jpg) no-repeat; width:997px; margin:0 auto; height:153px; clear:both;}
#footer p.copyright{ width:220px; float:left; font-size:9px; color:#CCCCCC; text-align:center; margin:35px 0 0 10px; padding:0px;}
#footer p { font-size:12px; color:#FFFFFF; float:right; margin:35px 17px 0 0;}
#footer p a{ color:#FFFFFF; margin:0 8px 0 8px; }
#footer p a:hover{ color:#009DD0; text-decoration:underline; }
#footer span{ font-size:9px !important; color:#CCCCCC; float:right; display:block; margin:0px 25px 0 0; clear: right;}