html {background-color:#f4f7e3; color:#535e63; font-family:helvetica,arial,sans-serif; font-size:11pt;}
body {width:880px; margin:50px auto;}

* {margin:0px; padding:0px;}

#main, #team {position:relative; padding:7px; background-color:#dee3d2;}
#header {position:relative; width:806px; height:90px; padding:10px 30px 7px; background-color:#fff;}
#image {width:100%;}
#content {background-color:#fff; padding:20px 30px 30px 230px;}
#footer {padding:20px; color:#718188; font-size:.7em; font-weight:bold; line-height:1.5em;}
#overlay {display:none; position:absolute; z-index:50; top:0px; left:0px; width:100%; height:1500px; background-color:rgba(0,0,0,.8); }
#overlay-content {display:none; position:absolute; z-index:100; width:880px; top:80px; margin:0px auto; background-color:#fff;}
#preload {position:absolute; left:-15000px; }

a {color:#535e63; text-decoration:none;}
a:hover {color:#29929e;}
a img {border-width:0px;}



/* HEADER SECTION */
#header a {font-size:1.05em;}
#header li {display:inline-block; margin-right:35px; list-style-type:none;}
#header ul {position:absolute; display:inline-block; top:43px; right:20px;  width:70%; text-align:right;}
#header #logo {width:202px;}


/* IMAGE SECTION -- ADD BACKGROUND IMAGES WHERE APPROPRIATE */
.contact {position:relative; height:128px; background:url(../images/headers/contact_header.gif) no-repeat left top;}
.home {position:relative; height:128px; background:url(../images/headers/home_header.gif) no-repeat left top;}
.ourteam {position:relative; height:128px; background:url(../images/headers/team_header.gif) no-repeat left top;}
.ourwork {position:relative; height:128px; background:url(../images/headers/work_header.gif) no-repeat left top;}
.ourwork p, .contact p {position:absolute; margin:74px 0px 0px 228px; color:#fff; font-size:1em;}





/* CONTENT SECTION */
#content a {display:inline-block; padding-right:12px; background:url(../images/global/cd_arrow.gif) no-repeat right center; font-size:.92em; font-weight:bold;}
#content a:hover {background:url(../images/global/cd_arrow_over.gif) no-repeat right center; text-decoration:underline;}
#content a.text {display:inline !important; padding:0px; background:url() !important; font-size:1em !important; text-decoration:underline;}
#content p {width:530px; font-size:.85em; margin:10px 0px 20px; line-height:1.6em;}
#content li {display:inline-block; margin-right:50px; list-style-type:none;}


/* CONTACT PAGE */
#content address {float:left; width:200px; margin-left:-200px; font-size:.75em; font-style:normal; line-height:1.3em;}
fieldset {border-width:0px;}
fieldset > div {position:relative; text-align:center; }
input, select, textarea {display:inline-block; width:280px; margin:0px 5px 5px 0px; padding:3px 1px; color:#777 !important; font-family:helvetica,arial,sans-serif !important; font-size:.8em;}
select {width:284px !important;}
textarea {width:580px; height:50px; padding:3px 3px;}

option {color:#bbb !important;}
fieldset .button {display:inline-block; width:80px; margin-top:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:3px 12px 1px; background-color:#96a51b !important; color:#fff !important; font-family:helvetica,arial,sans-serif; font-size:.95em; font-weight:normal; text-align:center;}
fieldset .button:hover {text-decoration:underline;}
fieldset .button:active {background-color:rgba(150,165,27,.4) !important; color:#96a51b !important;}


/* CONTACT PAGE VALIDATION STYLES -- HTML5/CSS3 AWARE */
input:focus:required:invalid {-moz-transition: background-color .4s; -webkit-transition:background-color .4s; background-color:#29929e; color:rgb(98,98,98) !important; }
	input:required:invalid + span {position:relative; display:inline-block; -moz-border-radius:10px; width:20px; -webkit-border-radius:10px; width:20px; height:20px; margin:0px 15px -5px; -moz-transition: background-color .4s; -webkit-transition:background-color .4s; background-color:#29929e;}
	input:focus:required:invalid + span {-moz-transition: background-color .4s; -webkit-transition:background-color .4s; background-color:#29929e;}

input:focus:required:valid {-moz-transition: background-color .4s; -webkit-transition:background-color .4s; background-color:#bcc575; color:rgb(98,98,98) !important; }
	input:focus:required:valid + span {position:relative; display:inline-block; -moz-border-radius:10px; width:20px; -webkit-border-radius:10px; width:20px; height:20px; margin:0px 15px -5px; -moz-transition: background-color .4s; -webkit-transition:background-color .4s; background-color:#bcc575;}
	input:required:valid + span {position:relative; display:inline-block; -moz-border-radius:10px; width:20px; -webkit-border-radius:10px; width:20px; height:20px; margin:0px 15px -5px; -moz-transition: background-color .4s; -webkit-transition:background-color .4s; background-color:#bcc575;}

input.error {border:2px solid #29929e;}


/* 	input.error + span {display:block !important; position:relative; left:50px !important; width:500px !important; margin:5px 0px !important; text-align:center;} */
/* 	input.reset {position:absolute; right:0px; top:0px; border:1px solid #fff; background-color:#fff !important; color:#535e63 !important;} */



/* Pre h5 Browser Form Styles */
input.selected {background-color:#29929e; color:rgb(0,0,0) !important; }
input.selected-valid { background-color:#bcc575; color:rgb(98,98,98) !important; }
select#type option {color:rgb(98,98,98) !important;}



/* OUR WORK */
#content .work {width:550px; margin-left:30px;}
#content .work > li {display:inline-block; width:250px; margin:0px 15px 15px 0px;font-size:.8em; font-weight:bold;}
.work-cont .button {display:inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 12px; background:url() !important; background-color:#f45e15 !important; color:#fff; font-size:.95em; font-weight:normal; text-align:center;}


/* FOOTER SECTION */
#footer a {color:#718188;}
#footer a:hover {color:#29929e;}
#footer address {font-style:normal;}
#footer li {display:inline-block; list-style-type:none;}
#footer li:after {padding:0px 6px 0px 8px; content:"|"; }
#footer li:last-child:after {content:"" !important;}


/* MEET THE TEAM */
#team-nav {width:866px; height:128px; background:url(../images/headers/team_header.gif) no-repeat left top; }
#team-content {clear:both; position:relative;}

#team-nav a {font-size:.65em; color:#b79aca;}
#team-nav a img, #work-nav a img {border:1px solid #b79aca; opacity:1;}
#team-nav a img:hover, #work-nav a img:hover {opacity:.8;}
#team-nav li, #work-nav li {margin-left:5px; display:inline-block; list-style-type:none;}
#team-nav ul, #work-nav ul {float:right; margin:70px 20px 5px 0px;}

#teambutton {display:inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 12px; background:url() !important; background-color:rgb(105,54,135) !important; color:#fff; font-size:.95em; font-weight:normal; text-align:center;}


/* BIOS */
#team-content {width:866px; color:#fff;}
#team-content > div {display:none;}

#team-content #kenny {height:281px; padding-top:15px; background:url(../images/team/kenny.jpg) no-repeat left top;}
#team-content #suzanne {height:281px; padding-top:15px; background:url(../images/team/suzanne.jpg) no-repeat left top;}

#team-content h2 {margin-bottom:5px; font-size:1.2em; font-weight:normal;}
#team-content h3 {margin-bottom:14px; font-size:.95em; font-weight:normal;}
#team-content p {font-size:.82em; line-height:1.32em;}

#team-content .bio {position:relative; display:block !important;}
#team-content .bio > .bio-cont {position:relative; margin-top:10px; width:330px; margin-left:460px;}
#team-content .bio > .bio-cont-left {position:relative; margin-top:10px; width:330px; margin-left:90px;}

#team-content .latnav {display:block; position:absolute; top:100px; z-index:10; width:836px; height:32px; padding:0px 15px;}
#work-content .latnav {display:block; position:absolute; top:210px; z-index:10; width:816px; height:32px; padding:0px 15px;}
.latnav a#left {float:left; width:32px; height:32px; background:url(../images/global/circle_arrow_left.png) no-repeat left center; opacity:1;}
.latnav a#right {float:right; width:32px; height:32px; background:url(../images/global/circle_arrow_right.png) no-repeat left center; opacity:1;}
.latnav a:hover {opacity:.7 !important;}



/* PORTFOLIO OVERLAY */
#work {position:relative; padding:7px; }
#work-nav {width:866px; height:128px; background:url(../images/headers/work_header.gif) no-repeat left top; }
#work-nav ul {margin-top:80px;}
#work-content {position:relative; background-color:#fff; padding:10px;}
#work-content div {width:100%; margin:10px 0px; font-size:.9em; text-align:center;}
#work-content img {display:block; margin:0px auto;}


/* CLOSEBOX POSITIONING FOR OVERLAY */
#closebox {position: absolute; top:-12px; right:-12px;}

/* CLOSEBOX STYLE */
.closebox {width:33px; height:33px; border-width:0px; background:url(../images/global/close_x_button.png) no-repeat left top;}
.closebox:hover {background:url(../images/global/close_x_button_over.png) no-repeat left top;}