/* Credits
Site Design - Charlie Healy
HTML - Charlie Healy
CSS - Charlie Healy
JQuery - Charlie Healy
*/

* {margin:0; padding:0;}
#access{display:none;}
.float_right {float:right; margin:10px;}
#wrapper {width:900px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #header {width:900px; height:170px; background:url(../img/bg-header.png) no-repeat; position:relative;}
        #logo {}
        #mini-nav {position:absolute; top:10px; right:10px; width:110px;}
            #mini-nav li {list-style:none;}
            #mini-nav li a{font-size:16px; font-weight:bold; text-decoration:none; color:#fff; padding:5px 0 10px 0; display:block; width:100px; height:20px;}
    #nav{width:900px; height:31px; background:url(../img/bg-nav.png) repeat-x; text-align:center; padding:13px 0 0 0;}
    	#nav a {color:#fff; text-decoration:none; font-weight:bold; padding:0 0 13px 0;}
        #nav a:hover, #nav a.on { background:url(../img/icon-indicator.png) center bottom no-repeat;}
		#nav li { list-style:none; display:inline; color:#FFF; font-size:14px;  }
    #content { background-color:#EBDACF;}
    	#content .clear {clear:both;}
    	#content #col-left {width:542px; float:left; padding:15px 0 0 8px;}
        	#col-left h2 {font-size:24px; padding:0 0 12px 0; color:#440E0E;}
            #col-left h3 {font-size:22px; padding:0 0 12px 0; color:#fff;}
            #col-left .box1, #col-left .box2{color:#fff; padding:10px 20px; width:220px; height:180px; float:left; border:2px solid #fff; position:relative;}
            #col-left .box1 a, #col-left .box2 a{background-color:#591D19; width:245px; height:27px; position:absolute; bottom:0; left:0; text-align:right; color:#FFF; text-decoration:none; padding:8px 15px 0 0;}
            #col-left .box1 {margin:0 4px 0 0; background:#971B1E url(../img/icon-security.png) top right no-repeat;}
            #col-left .box2 {background:#971B1E url(../img/icon-energy.png) top right no-repeat;}
            #col-left .box1 p, #col-left .box2 p {font-size:12px; padding:0;}
            #col-left a {color:#971B1E;}
            #col-left strong {color:#971B1E;}
            #col-left p {padding:12px 20px 0px 10px; font-size:14px;}
        #content #col-right {width:320px; float:right; padding:15px;}
        	#col-right a {color:#971B1E;}
            #col-right h4 {color:#971B1E; font-size:18px; font-weight:bold;}
            #col-right strong {color:#971B1E;}
            #col-right ul {padding:0 0 0 20px; font-size:14px;}
        	#col-right p {padding:0 0 12px 0; font-size:14px;}
            #col-right p.right-align{text-align:right; color:#440E0E; font-weight:bold; padding:15px 0 0 0;}
            #col-right h2 {font-size:24px; padding:0 0 12px 0; color:#440E0E;}
            #content #col-left ul#gallery li {float:left; list-style:none; border:2px solid #fff; margin:0 4px 4px 0; padding:0; height:131px;}
            #content #col-left ul#gallery li a{}
            #content #col-left ul#gallery li a img{ border:1px solid #440E0E; width:124px; height:129px; margin:0; padding:0;}
    #footer {width:900px; height:85px; background:url(../img/bg-footer.png) repeat-x; text-align:center; padding:13px 0 0 0; color:#fff; }
    	#footer ul {margin:0 0 13px 0;}
    	#footer a {color:#fff; text-decoration:none;}
    	#fnav li {list-style:none; display:inline;}
    	#fmini-nav li {list-style:none; display:inline;}
        
        /* lightbox */

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%;	height: 500px;}
#jquery-lightbox {position: absolute; top: 20px; left: 0; width: 100%; 	z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%; left: 0%;	height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0; height: 100%; width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; 	float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 92%;  float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;  clear: left;  padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em;}

#contact-area { width: 500px; padding: 0 0 0 0; float:left;}
#contact-area input, #contact-area textarea { padding: 5px; width: 300px; font-size: 18px; margin: 0px 0px 10px 0px; border: 2px solid #f4edd9; float: left; }
#contact-area textarea { height: 90px;}
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #FFF; }
#contact-area input.submit-button {margin-left: 360px; width: 100px; }
#contact-area label { float: left; text-align: right; margin-right: 15px; width: 120px; padding-top: 5px; font-size: 18px; color:#333; display: block; }