/* sub nav colors
orange - #f39711
blue - #1d8aca
grey - #333
*/

*{behavior: url(inc/iepngfix.htc)}
body {background:#f39711 url(i/bg.gif) repeat; margin: 0; padding: 0; text-align:center;}
img {border: 0 none;}
h2 {font: bold 1.4em/1.8em Arial, Helvetica, sans-serif; margin: 10px 0 10px 325px; color: #333;}
#wrap {width: 100%; min-width: 900px; margin: 0 auto; background: url(i/bg-header.gif) no-repeat center top; padding-top: 17px;}
#head { position: relative; width: 90%; height: 90px; margin: 0 auto;}
.logo {float: left; margin-top: -30px;}

/*############ START NAV ############*/
#nav {margin: 30px 0 0 0; left: 66px; position: relative; width: 750px;}
#nav ul {list-style: none; padding: 0; position: relative; top: 0px; white-space: nowrap; margin: 0;}
#nav li {display: inline; list-style: none; padding: 0;}
#nav li a {color: #666666; font: .75em/.5em Arial, Helvetica, sans-serif; margin: 0 10px 0 10px;}
#nav li a:link, #nav li a:visited {color: #666666; text-decoration: none;}
#nav li a:hover, #nav li a:active {color: #069;}

/* #content */
#content {top: 0; position: relative; width: 90%; min-width: 800px; margin: 0 auto; text-align:left;}
#content p { font: 13px/18px Arial, Helvetica, sans-serif; color: #333; margin: 18px 0 10px 300px; padding-left: 25px;}
#content p.list-head {font: italic bold 13px/18px Arial, Helvetica, sans-serif; margin: 0 0 8px 320px; color: #333;}
#content ul {font: 12px/15px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 18px 360px; padding: 0; list-style: url(i/bullet.gif);}
#content ul ul, #content ul ul ul {margin: 0 0 18px 30px; list-style: url(i/bullet-sm.gif);}
#content li {margin: 6px 0;}
#content h2.title {margin: 18px 0 0 300px;/*background: url(i/title_welcome_bg.gif) no-repeat bottom left;*/padding: 0 10px 2px 25px;}
#content h3.title {margin: 30px 0 10px 300px;/*background: url(i/title_recent-bg.gif) no-repeat bottom left;*/padding: 0 10px 2px 25px;}
#content h4 {font: bold 13px/18px Arial, Helvetica, sans-serif; margin: 0 0 9px 300px; color: #366A83; padding-left: 25px;}
#content a:link, #content a:visited {color: #366A83; text-decoration: none;}
#content a:hover, #content a:active {color: #FAC878; text-decoration: underline;}

/* Sidebar */
#sbar {top:20px; left: 6px; position: relative; float: left; height: 380px; width: 256px; float: left; margin: 10px 15px 0 0; text-align: center;}
#sbar .subnav {background: #f39611 url(i/subnav-bg.gif) no-repeat; width:201px; border-bottom:1px solid #366A83; margin-bottom: 50px; height:220px; padding-top: 10px; text-align: left;}
#sbar .subnav p {font: 11px/14px Arial, Helvetica, sans-serif; margin: 0; padding: 8px 0 8px 15px;}
#sbar .subnav p.last{margin-bottom: 50px;}
#sbar .subnav img {margin: 0 2px 0 0;}
#sbar a {margin: 0 0 0 2px;}
#sbar a.head {margin: 0;}
#sbar a:link, #sbar a:visited {text-decoration: none; color: #333;}
#sbar a:hover, #sbar a:active {color: #1d8aca; text-decoration: none;}


/*######## SUB PAGES ########*/
body.sub #content p {font: .85em/1.4em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 18px 10px; padding-left: 25px;}
body.sub #content h2.title {margin: 0 0 7px 10px; /*background: url(i/title_welcome_bg.gif) no-repeat bottom left;*/ padding: 0 10px 2px 25px;}
body.sub #content h3.title {margin: 30px 0 10px 10px; /*background: url(i/title_recent-bg.gif) no-repeat bottom left;*/	padding: 0 10px 2px 25px;}
a.lightbox img {margin:4px 8px 0 0;}

/*######## CONTACT FORM ########*/
.zemContactForm fieldset {border: none; margin: 0 0 0 317px;}
.zemContactForm legend {padding: 0.5em 10px 0.5em 0; width: 60px; display: none;}
.zemContactForm label {float: left; width: 60px; margin: 10px 10px 0 0; /*text-align: right;*/ font: 13px/15px Arial, Helvetica, sans-serif; color: #333;}
.zemContactForm br {clear: left;}
input.zemSubmit {margin: 10px 0 0 0; background: url(i/bg-submit.gif) repeat-x; border: 1px solid #333333; font: 12px/12px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 3px;}
input.zemSubmit:hover {cursor: pointer; background: #366A83; color: #FFF; border: 1px solid #FFF;}
input#Email, input#Name, textarea#Message {border: 1px solid #666666; padding: 3px; font: 12px/14px Arial, Helvetica, sans-serif; color: #333;}
input#Email:focus, input#Name:focus, textarea#Message:focus {border: 1px solid #06F; background: #FDDEB7;}

/*######## IE HACKS ########*/
/* Hides from IE5-mac \*/
* html #ps-sub {margin: -85px 0 0 -390px;}
* html .logo {margin-top: 0;}
* html #content {top: 25px;}
/* End hide from IE5-mac */
/*######## END IE HACKS ########*/

/*######## Recent Work Thumbnails ######## */
/*#content ul.recent {margin: -40px 0 0 45px; width:auto;}*/
#content ul.recent {margin: 0 0 0 45px; width:auto;}
#content ul.recent li {display:inline; list-style-type:none; margin:5px;}
#content ul.recent li img {background: transparent url(i/recent/recent-bg.png) no-repeat scroll right bottom; padding: 5px;}
p.buttons {text-align: center;}
p.buttons img {margin: 0 50px;}
p.gallery a {margin: 0 25px;}

/*#### Accordion ####*/
ul#accordion{width: 100%;}
li.selected li{display:inline; list-style-type: none}
li.selected div{width:600px;}

/*######## FOOTER ########*/
#footer {display:block; width: 90%; height:180px; clear: both; border-top:1px solid #F8DBB6; margin:auto;}
#footer p {	font: .65em/1em Arial, Helvetica, sans-serif; color: #630; margin: 0 0 5px 0;}
#footer a {color: #630;}
#footer p.contact {	font: bold .85em/1.2em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 24px 0;}
#footer p.contact a {color: #333;}
#footer p.credit {margin: 42px 0; color: #8A4403;}
#footer p.credit a {color: #8A4403;}
#footer a:hover {text-decoration: none;}

#footer-left, #footer-right{margin-top:20px;}
#footer-left{float:left; height:auto;}
#footer-left h2{margin:0; font-size:16px; color:#fff;}
#footer-left h2 a {color:#FFF; text-decoration:none;}
#footer-left img{padding-right:5px; vertical-align:baseline;}
#footer-left h2 img.phone{margin-left:28px;}
#footer-left .footer_nav{margin-top:71px;}

#footer-right{float:right; text-align:right;}
#footer-right img{margin-right:26px;}
#footer-right img.last{margin-right:0;}

/*#### #Subcontent Table ####*/
#subcontent table {width:700px;cell-spacing:0; padding:0 0 20px 0; border:0;margin:0;}
#subcontent table #slider{width:261px; height:126px;}
#subcontent table td.right{border-left:1px solid #fff; width:261px;}
#subcontent tr.title{width:700px; height:30px;}
td.left{width:400px; text-align:left; margin:0; vertical-align:top;}
td.left h2{margin-left:60px; width:400px; height:40px;}
td.right h2{margin-left:40px;}
span#gallery a, span#gallery a:link, span#gallery a:visited{display:block; float:right; width:100px; margin-right:187px; margin-top:-28px; height:40px; font-size:10px; color:#F8DBB6;}
#slider{margin-left:40px; overflow:hidden; width:261px; height:126px;}
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{width:261px; height:126px; overflow:hidden;}					
#prevBtn a:visited, #prevBtn a:link, #nextBtn a:link, #nextBtn a:visited{font: 10px Arial, Helvetica, sans-serif; color:#F8DBB6; text-decoration:none;}
#prevBtn a:hover, #nextBtn a:hover{text-decoration:underline;}
span#prevBtn{display:block; float:right; margin-top:-162px; margin-right:118px;}
span#nextBtn{display:block; float:right; margin-right:77px; margin-top:-162px;}