/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body, h1, h2, h3, ol, ul, li, form {border: 0; margin: 0; padding: 0;}
.clear{clear:both;}
#space{margin:30px 0 0 0;}
.state{font-size:12px; color:#8D1921;}


/* ---------------------------- */
/* HOME PAGE TAG DEFINITION     */
/* ---------------------------- */
body{margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#787878 url(images/background.gif) center repeat-y;}
.wrapper{width:955px; margin:auto; }

/* header */
.header{width:100%; background:#FFF; height:75px;}
.header .logo{float:left; margin:5px 0 0 10px;}
.header .phone{float:right; color:#666; margin:25px 25px 0 0; font-size:14px; text-align:right; }


/* ---------------------------- */
/* NAVIGATION DEFINITION        */
/* ---------------------------- */
/* navigation */
.navbar{width:100%; background:#666 url(images/navback.gif); height:35px; font-size:14px; font-weight:bold; color:#FFF; z-index:1000;}

/* menu */
#menu{ background:#666 url(images/navback.gif); height:35px; font-size:14px; font-weight:bold; color:#FFF; margin:0 0 0 430px; padding:0px; list-style:none; display:inline-block; float:left; z-index:1000; }
#menu a { color:#FFF; text-decoration:none;}
#menu li {float:left; position:relative; margin:15px 0 0 0;}
#menu li a { color:#FFF; text-decoration:none; padding:15px 10px 5px 10px;}
#menu li a:hover {color:#666; background:#FFF; padding:15px 10px 5px 10px;}

/* sub-menus*/
#menu ul { padding:0; margin:0; display:block; display:inline; z-index:1000;}
#menu li ul { position:absolute; left:0px; top:0px; margin-top:20px; width:150px; line-height:16px; background-color:#000; color:#FFF; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:0; padding:0; border-top: dotted 1px #606060; font-size:12px; list-style-type:none; width:150px; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#FFF; }
#menu li ul li a:hover { color:#FFF; background-color:#666; width:130px;}

/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}


/* ---------------------------- */
/* CONTENT DEFINITION           */
/* ---------------------------- */
/* content overrides */
.ourfirm{background:url(images/skylinetop.jpg); height:30px; padding:0; margin:0;}
.ourclients{background:url(images/blueprinttop.jpg); height:30px; padding:0; margin:0;}
.ourpeople{background:url(images/golftop.jpg); height:30px; padding:0; margin:0;}
.services{background:url(images/airporttop.jpg); height:30px; padding:0; margin:0;}
.contact{background:url(images/redtop.jpg); height:30px; padding:0; margin:0;}
.blog{background:url(images/golftop2.jpg); height:30px; padding:0; margin:0;}
.hero{background-color:#FFF; width:955px; height:375px; min-height:375px; position: absolute; z-index: 1;}

/* content */
.content{width:100%; min-height:370px; background:#FFF; padding:0 0 25px 0;}
.content .featured{z-index: 2; width:900px; margin:auto; top:265px; border-color:#FFF; border-width:2px; border-style:solid; background:url(images/transparent.png) repeat; position:relative; height:120px;}
.content .featured .image{float:left; margin:10px; width:180px; height:100px; overflow:hidden;}
.content .featured .image img{width:180px; height:100px; overflow:hidden;}
.content .featured .featcontent{float:left; margin:25px 10px 10px 10px; width:670px; font-size:14px; line-height:22px; color:#FFF;}
.content .featured .featcontent p{margin:0; padding:0;}
.content .title{padding:35px 25px 0 25px; margin:0 0 25px 0;}
.content .title h1{font-size:24px; color:#FFF; font-weight:bold;}

/* news */
.news{width:100%; height:200px; background:#FFF;}
.news .title{font-size:16px; padding:20px 0 0 20px; color:#999;}
.news .holder{width:275px; margin:0px 20px; float:left;}
.news .holder .title{color:#333; font-size:14px; font-weight:bold; margin:10px 0 0 0; padding:0;}
.news .holder .title a{color:#333; font-size:14px; font-weight:bold; margin:10px 0 0 0; padding:0; text-decoration:none;}
.news .holder .title a:hover{color:#000;}
.news .holder .date{color:#600; font-size:12px; font-weight:bold; margin:0; padding:0;}
.news .holder .descr{color:#000; font-size:12px; margin:0; padding:0;}
.news .holder .descr a{ text-decoration:underline; color:#600; }
.news .holder .descr a:hover{ font-weight:bold; }
.news .holder p{margin:5px 0 0 0; padding:0;}

/* left sidebar */
.content .left{width:540px; float:left; padding:0 50px 0 25px; line-height:20px;}
.content .left h1{margin:10px 0 15px 0;}
.content .left h2{font-size:18px; color:#8D1921; font-weight:bold; margin:0; padding:0;}
.content .left p{margin:0 0 20px 0; padding:0;}

/* bio */
.content .left .bio-wrap{width:380px; float:left;}
.content .left .headshot{float:left; margin:0 10px 10px 0; width:150px;}
.content .left .bio-wrap h1{margin:0; padding:0; font-size:24px; color:#000; font-weight:bold;}
.content .left .bio-wrap h2{padding:0; font-size:16px; color:#8D1921; font-weight:bold; margin:5px 0 5px 0;}
.content .left .bio-wrap .phone{background:url(images/phoneicon.gif) no-repeat; float:left; margin:0px 20px 15px 0; padding:0 0 0 20px; font-size:12px; color:#666;}
.content .left .bio-wrap .email{background:url(images/emailicon.gif) no-repeat; float:left; margin:0px 0px 15px 0; padding:0 0 0 30px; font-size:12px; color:#666;}
.content .left .bio-wrap .email a{color:#666;}
.content .left .bio-wrap .email a:hover{color:#999;}
.content .left .bio-wrap ul{}
.content .left .bio-wrap li{list-style:none; background:#CCC; width:240px; margin:0 0 5px 0; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px;}
.content .left .bio-wrap li a{text-decoration:none; color:#000; background:url(images/small-arrow.png) no-repeat; padding:0 0 0 15px; margin:0 0 0 10px; display:block;}
.content .left .bio-wrap li a:hover{text-decoration:none; color:#FFF; background:url(images/small-arrow-white.png) no-repeat;}
.content .left .bio-details .totop{margin:0 0 30px 0;}
.content .left .bio-details .totop a{text-decoration:none; color:#8D1921;}
.content .left .bio-details .totop a:hover{color:#CCC;}
.content .left .bio-details h2{padding:0; font-size:16px; color:#8D1921; font-weight:bold;}
.content .left .bio-details p{margin:10px 0 0 0;}

/* right sidebar */
.content .right{width:240px; border-left:dotted; border-width:1px; border-color:#999; float:left; padding:0 0 0 50px; min-height:250px; line-height:20px; color:#666;}
.content .right h2{font-size:18px; color:#8D1921; font-weight:bold; margin:0 0 5px 0; padding:0;}
.content .right ul{}
.content .right li{list-style:none; background:#CCC; width:240px; padding:5px; margin:5px 0 5px 0px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px;}
.content .right li a{text-decoration:none; color:#000; background:url(images/small-arrow.png) no-repeat; padding:0 0 0 15px; margin:0 0 0 5px; display:block;}
.content .right li a:hover{text-decoration:none; color:#FFF; background:url(images/small-arrow-white.png) no-repeat; padding:0 0 0 15px; margin:0 0 0 5px;}

.content .right ul li ul{margin:0; padding:0;}
.content .right ul li ul li{list-style:inside; -moz-border-radius:0; border-radius:0; -webkit-border-radius:0; width:auto; margin:0 0 0 20px; color:#8D1921;}
.content .right ul li ul li a{text-decoration:none; background:none; margin:0; padding:0; color:#666;}
.content .right ul li ul li a:hover{text-decoration:none; color:#000; background:none; padding:0; margin:0; font-weight:bold;}

/* employees */
.content .right .divider{width:250px; border-bottom:dotted 1px #606060;}
.content .right .feat-employee{width:250px; padding:10px 0 10px 0; border-bottom:dotted 1px #606060;}
.content .right .feat-employee .img{float:left;}
.content .right .feat-employee .img img{width:70px;}
.content .right .feat-employee .detail{width: 150px; float:left; margin: 0 0 0 10px; background:url(images/small-arrow.png) no-repeat; padding:0 0 0 12px;}
.content .right .feat-employee .detail .name{font-size:14px; font-weight:bold; color:#000; margin:3px 0 0 0; padding:0;}
.content .right .feat-employee .detail .title{font-size:12px; color:#8D1921; margin:0; padding:0;}
.content .right .feat-employee .detail .focus{font-size:12px; color:#58595B; margin:0;}
.content .right .feat-employee .detail .focus p{margin:5px 0 0 0;}
.content .right .staffspace{margin:20px 0 0 0;}
.content .right .staffname{font-size:12px; color:#000; font-weight:bold; }
.content .right .stafftitle{font-size:12px; color:#8D1921; }
.content .right .staff-phone{background:url(images/phoneicon.png) no-repeat; padding:0 0 0 20px;}
.content .right .staff-email{background:url(images/emailicon.png) no-repeat; padding:0 0 0 25px;}
.content .right .staff-email a{text-decoration:none; color:#666;}
.content .right .staff-email li{list-style:none;}
.content .right a{text-decoration:none;}

.content .left .divider{width:535px; border-bottom:dotted 0px #606060; margin:0 0 0 0;}
.content .left .feat-employee{width:270px; padding:10px 0 10px 0; border-bottom:dotted 0px #606060; float:left; margin:0 0 0 0px;}
.content .left .feat-employee .img{float:left;}
.content .left .feat-employee .img img{width:70px;}
.content .left .feat-employee .detail{width: 160px; float:left; margin: 0 0 0 10px; background:url(images/small-arrow.png) no-repeat; padding:0 0 0 12px;}
.content .left .feat-employee .detail .name{font-size:14px; font-weight:bold; color:#000; margin:3px 0 0 0; padding:0;}
.content .left .feat-employee .detail .title{font-size:12px; color:#8D1921; margin:0; padding:0;}
.content .left .feat-employee .detail .focus{font-size:11px; color:#58595B; margin:0; line-height:14px;}
.content .left .staffspace{margin:20px 0 0 0;}
.content .left .staffname{font-size:12px; color:#000; font-weight:bold; }
.content .left .stafftitle{font-size:12px; color:#8D1921; }
.content .left a{text-decoration:none;}

.content .left li {margin:0 0 0 15px;}
.content .left li a{text-decoration:none; color:#000;}
.content .left li a:hover{text-decoration:none; color:#FFF;}

#left{float:left; width:265px; margin:0 0 20px 0; color:#666; list-style:square;}
#right{float:left; width:265px; color:#666; list-style:square;}

/* form */
.form input{height:25px; border:solid; border-width:2px; border-color:#CCC; font-size:14px; color:#999;}
.form textarea{height:100px; width:518px; border:solid; border-width:2px; border-color:#CCC; font-size:14px; color:#999;}
.form #firstname, .form #email{width:250px; margin:0 10px 10px 0;}
.form #lastname, .form #phone{width:250px; margin:0 0 10px 0;}
.form .disclaimer{width:505px; background:#900; color:#FFF; padding:10px; font-size:11px; line-height:14px; margin:0 0 10px 0;}
.form .haveread{width:290px; background:#FFF; color:#900; padding:0; font-size:12px; margin:10px 0 0 215px; font-weight:bold;}
.form .haveread input{padding:0 0 5px 0; margin:5px;}
.form .haveread .box{float:left; margin:0 0 0 5px;}
.form .haveread .bump{float:left; margin:12px 0 0 0;}
.form #submit{margin:0 0 0 385px;}

/* blog */
.content .left .blogs h1{font-size:18px; margin:0 0 0 0; padding:0 0 0 0; background:none;}
.content .left .blogs h2{font-size:14px; margin:0 0 10px 0; pading:0;}
.content .left .blogs .disclaimer{font-size:10px; line-height:12px; font-style:italic; color:#999;}
.content .right ul .recent {background:none; padding:0; margin:0 0 50px 0;}
.content .right .recent li{background:none; padding:0; margin:0;}
.content .right .recent li a:hover{color:#999; background:none;}
.content .left .blogs{font-size:12px;}

/* ---------------------------- */
/* FOOTER DEFINITION            */
/* ---------------------------- */
.footer{width:945px; min-height:20px; background:#FFF; margin:10px 0 0 0; padding:5px;}
.footer .link{float:right; margin:5px 10px; color:#CCC;}
.footer .emaildisclaimer{ width:600px; font-size:10px; color:#333; font-style:italic; margin:0 0 0 10px; }