/* CSS Document */

body{margin:0px; padding:0px; background:transparent url(../images/background.png) repeat-x top left; font-size:65%; font-family:Arial, Helvetica, sans-serif; color:#666666;}


h2, p{font-size:1em; }

h1{font-size:2.4em; color:#01ABCE; font-weight:normal}

h3, h4{margin:10px 0px 0px 0px; color:#01ABCE; padding:0px; font-size:1.1em; font-weight:bold;}

h4 span{color:#666666; font-weight:normal; font-size:1em}
p{margin:0px 0px 10px 0px}

h1, h2{margin:0px 0px 10px 0px}

b {font-weight:bold; text-decoration:underline}

input,textarea, select{width:148px; font-size:1em;margin-bottom:10px;}

select{width:152px; font-size:1em;}
.clear{clear:both;}
label{}
.wrapper{width:750px; margin:0px auto; padding:0px; position:relative; height:1%;}/*relative positioning for the drop-down id*/
.header{width:100%; height:87px; float:left; position:relative;}
.strapline{float:left; position:absolute; bottom:20px;}
.logo{float:right; position:absolute; top:0px; right:40px;}



.nav{height:40px; width:510px; float:left; position:relative; left:10px; z-index:100;}
.nav ul{list-style:none; margin:0px; padding:0px; position:relative; z-index:inherit;}
.nav li{float:left;margin:0px 5px 0px 0px; padding:0px; text-indent:-9000px; display:block;}

ul#drop-down{list-style:none; margin:0px; padding:0px; width:93px; margin:2px 0 0 1px; border:1px solid #FFF; border-bottom:none; display:none; background-color:#01ABCE;}
ul#drop-down li{height:20px; border-bottom: 1px solid #FFF; line-height:20px; text-align:center; float:none; text-indent:0px; margin:0;}
ul#drop-down li a{display:block; width:100%; height:20px; text-decoration:none; color:#FFF; font-size:1.1em;}
ul#drop-down li a:hover{background-color:#F0F000; color:#333;}

.banner{position:relative; left:10px; top:12px; clear:both;}

.link-home{display:block;width:85px; height:39px; background:url(../images/nav-home.png) no-repeat top left; }
.link-home-current, a:hover.link-home{display:block;width:85px; height:39px; background:url(../images/nav-home2.png) no-repeat top left; }
.link-market-areas{display:block;width:96px; height:39px; background:url(../images/nav-market-areas.png) no-repeat top left; }
.link-market-areas-current, a:hover.link-market-areas{display:block;width:96px; height:39px; background:url(../images/nav-market-areas2.png) no-repeat top left; }
.link-portfolio{display:block;width:103px; height:39px; background:url(../images/nav-portfolio.png) no-repeat top left; }
.link-portfolio-current, a:hover.link-portfolio{display:block;width:103px; height:39px; background:url(../images/nav-portfolio2.png) no-repeat top left; }
.link-about{display:block;width:71px; height:39px; background:url(../images/nav-about.png) no-repeat top left; }
.link-about-current, a:hover.link-about{display:block;width:71px; height:39px; background:url(../images/nav-about2.png) no-repeat top left; }
.link-contact{display:block;width:67px; height:39px; background:url(../images/nav-contact.png) no-repeat top left; }
.link-contact-current, a:hover.link-contact{display:block;width:67px; height:39px; background:url(../images/nav-contact2.png) no-repeat top left; }

.squares{display:block;width:53px; height:39px; background:url(../images/nav-squares.png) no-repeat top left; }

.join-email{width:200px ; height:39px; float:left;}
.join-email form{width:150px; float:right; position:relative; top:4px;}
.join-email label{color:#FFFFFF; display:block; margin-bottom:2px; position:relative}
.join-email  input{width:100px; float:left; position:relative; top:2px; font-size:0.9em; color:#666666}
.join-email input#go-button{width:22px; height:22px;float:left; position:relative; top:1px; left:10px;}


.content{width:100%; position:relative; float: left; top:25px; left:10px;}
.icons{width:128px;float:left;}
.icons ul{list-style:none; margin:0px; padding:0px; margin-top:30px; margin-left:30px}
.icons li{display:block; margin-bottom:10px;}

.maincontent{float:left; width:450px; margin-top:30px; position:relative; left:80px;}

.ruler{width:100%; height:1px; margin:30px 0px 10px 0px; background-color:#cccccc; float:left; position:relative; left:10px; clear:both;}

.ruler2{width:100%; height:1px; margin:20px 0px 10px 0px; background-color:#cccccc; float:left; }

.footer{float:left; width:750px; position:relative; left:35px; _margin-left:-4px;}

.footer p{color:#01ABCE}
.footer a{color:#01ABCE; text-decoration:none}
.footer a:hover{color:#01ABCE; text-decoration:underline;}


.container{ width:206px; float:left; margin-right:36px; margin-bottom:20px }
.container2{ width:206px; float:left; margin-right:0px; margin-bottom:20px }
.project-image{float:left;}
.project-text{float:left;}
.project-more{float:left;}
.project-more a{float:right; color:#01ABCE; font-size:1.1em; font-weight:bold; text-decoration:none; background:url(../images/projectPortfolio/more.png) no-repeat right -2px; padding-right:20px; padding-bottom:11px;}
.submit{float:right; color:#01ABCE; font-weight:bold; font-size:1.1em; background:url(../images/projectPortfolio/more.png) 80% 50% no-repeat; padding-right:20px;   width:100px; height:30px; line-height:30px; border:none; cursor:pointer;}


.galleryimage {width:399px; margin:0px auto}
.prevnext{width:399px; margin:10px auto 40px auto; }
.next {float:right; color:#01ABCE; font-size:1.1em; font-weight:bold; text-decoration:none; background:url(../images/projectPortfolio/more.png) no-repeat right -2px; padding-right:20px; padding-bottom:11px;}
.prev{float:left; color:#01ABCE; font-size:1.1em; font-weight:bold; text-decoration:none; background:url(../images/projectPortfolio/prev.png) no-repeat left -2px; padding-left:20px; padding-bottom:11px;}

#market-areas{font-size:1.3em;}
#market-areas li{height:22px;}
#market-areas a{color:#666; text-decoration:none;}
#market-areas a:hover{color:#666; text-decoration:underline;}

.contactform{width:161px; float:left;}
.address{width:200px; float:left; margin-left:80px;}

.map{float:left; color:#01ABCE; font-size:1.1em; font-weight:bold; text-decoration:none; background:url(../images/projectPortfolio/more.png) no-repeat right -2px; padding-right:20px; padding-bottom:11px; margin-top:30px}