@charset "utf-8";
/* INDEX/HOMEPAGE CSS DOCUMENT -- CREATED 8/16/2010 -- UPDATED 8/24/2010 */
/* FORM CODE BASED ON 'FANCY FORM DESIGN' FROM SITEPOINT.COM */

/* UNIVERSALS */
body { background:#480069 url("images/background-body.jpg") repeat-x fixed; margin:auto; font-family:Trebuchet,Arial,Helvetica,sans-serif; }
h1, h2, h3, h4, h5 { font-weight:normal; letter-spacing:.05em; }
h1 { font-size:22px; color:#bdde35; padding-top:35px; margin-left:15px; }
p { font-size:15px; line-height:21px; }
a { color: #d15326; text-decoration:none; font-style:italic; }
a:hover { text-decoration:underline; }
.clear { clear:both; }

/* TOP NAVIGATION */
#topbar { width:100%; height:92px; background:url("images/background-nav.png") repeat-x; margin-bottom:20px; text-align:center; }
#logo { width:358px; padding:0; margin:0 50px 0 0; }
#menu { float:right; width:531px; }

/* HOMEPAGE */
#maincontainer { margin:auto; width:910px; }
#homeleftside { float:left; width:410px; margin-bottom:20px; background:url("images/background_home-whiteboard.png") no-repeat; height:542px; }

#homeleftside h1 { color:#ce5225; margin-left:35px; }
#homeleftside p { margin-left:35px; width:85%; }

#homerightside { float:right; width:485px; margin-bottom:20px; background:url("images/background_home-featured-work.png") no-repeat; height:542px; }
#homerightside h2 { margin-top:40px; margin-left:15px; color:#bdde35; }

/* ABOUT */
#aboutleftside { float:left; width:318px; height:555px; margin-bottom:20px; background:url("images/background_about-photo.png") no-repeat; }
#photoofme { margin-top:21px; margin-left:19px; }

#aboutrightside { float:right; width:580px; height:555px; margin-bottom:20px; background:url("images/background_about-whiteboard.png") no-repeat; }
p#first { margin-top:50px; }
#aboutrightside h1 { margin-top:0; }
#aboutrightside p { margin-left:45px; font-size:14px; line-height:18px; width:85%; }
#aboutrightside ul {  width:75%; margin-left:55px; }
#aboutrightside ul li { font-size:14px; line-height:18px; margin-bottom:5px; }

/* PORTFOLIOS */
#portfoliocontainer { margin:auto; width:910px; margin-bottom:20px; }
#portfoliotop { background:url("images/background-portfolio-top.png") no-repeat; height:85px; margin:0; padding:0; }
#portfoliocontainer h1 { margin-top:0; padding-top:35px; margin-bottom:0; }
#portfoliobody { background-image:url("images/background-portfolio-body.png"); background-repeat:repeat-y; }
.portfolioimage { width:276px; height:166px; display:inline; float:left; margin:5px; }
.first { margin-left:30px; }
#portfolionav { background:url("images/background-portfolio-nav.png") no-repeat; width:910px; height:112px; text-align:center; color:#d15326; }
#portfolionav a { font-style:normal; text-align:center; font-size:24px; }
#portfoliobottom { background:url("images/background-portfolio-bottom.png") no-repeat; height:41px; }
#links { padding-top:30px; }
#for-IE-7 { margin:0 0 -15px 0; padding:0; color:#221501; line-height:1px; }

/* CONTACT PAGE */
#contactcontainer { margin:auto; width:910px; margin-bottom:20px; background:url(images/background-contact1.png) no-repeat; height:359px; }
#contactcontent { width:800px; margin:auto; padding-top:60px; }
#contactcontent p#first { margin-top:0; }
#contactcontent p { font-size:20px; }

/* CONTACT WITH FORM
#contactleftside { float:left; width:318px; height:855px; margin-bottom:20px; background:url("images/background_contact-leftside.png") no-repeat; }
#contactleftside a { color:#fcf8d8; text-decoration:none; font-weight:bold; }
#contactleftside a:hover { text-decoration:underline; }
#contactleftside p { color:#FFFFFF; font-size:14px; margin-left:25px; margin-top:6px; line-height:18px; width:80%; }
.sections { color:#bdde35 !important; font-size:20px !important; margin-bottom:0; }
#firstp { margin-top:35px !important; }

#contactrightside { float:right; width:582px; margin-bottom:20px; } 
#contactrighttop { background:url("images/background_contact-right-top.png") no-repeat; height:121px; }
#contactrighttop h1 { font-size:22px; color:#bdde35; padding-top:35px; margin:0 0 0 15px; }
#contactrightbody { background:url("images/background_contact-right-body.png") repeat-y; }
#contactrightsidebottom { background:url(images/background_contact-right-bottom.png) no-repeat; height:61px; }
#contact-form { margin:auto; width:500px; }
#contact-form p { margin-top:0; } */

/* MISTAKE FORM PAGE 
#mistakeleftside { float:left; width:318px; height:740px; margin-bottom:20px; background:url("images/background_mistake-leftside.png") no-repeat; }
#mistakeleftside a { color:#fcf8d8; text-decoration:none; font-weight:bold; }
#mistakeleftside a:hover { text-decoration:underline; }
#mistakeleftside p { color:#FFFFFF; font-size:14px; margin-left:25px; margin-top:6px; line-height:18px; width:80%; }
.sections { color:#bdde35 !important; font-size:20px !important; margin-bottom:0; }
#firstp { margin-top:35px !important; }

#mistakerightside { float:right; width:582px; margin-bottom:20px; } 
#mistakerighttop { background:url("images/background_contact-right-top.png") no-repeat; height:121px; }
#mistakerighttop h1 { font-size:22px; color:#bdde35; padding-top:35px; margin:0 0 0 15px; }
#mistakerightbody { background:url("images/background_contact-right-body.png") repeat-y; }
#mistakerightsidebottom { background:url(images/background_contact-right-bottom.png) no-repeat; height:61px; }
#mistake-form { margin:auto; width:500px; }
#mistake-form p { margin-top:0; } */

/* FORM STYLING */
fieldset { border: none; position: relative; padding: 0; }
.fieldnote { font-size:10px; }
.introduction { margin-bottom:0; padding-bottom:20px; }
fieldset abbr { color: #d15326;	font-size: 20px; font-weight: bold;	line-height: 1; padding: 0 1px; vertical-align: middle; }
fieldset label abbr { display: block; font-size: 23px; right: 20px; padding: 0; position: absolute; top: 10px; width: 16px; }
fieldset div { margin: 0 0 10px; padding: 5px 0 5px 0; }
fieldset div label { color:#221501; float:left; display:block; font-size:16px; font-weight:normal; line-height:1.1; margin:7px 0 0 0; width:175px; }
fieldset div input, fieldset div textarea, fieldset div select { border: 1px solid #a3b4c4; border-color: #636d77 #a3b4c4 #c7d2de; color: #221501; display: block; font-size: 14px; font-family:Trebuchet, Arial, Helvetica, sans-serif; line-height: 1; margin: 0; }
fieldset div input:focus, fieldset div textarea:focus, fieldset div select:focus { border-color: #636d77; }
fieldset div input { background:#fcf8d8; padding: 6px 5px; width:240px; }
fieldset div select { padding: 0 0 0 3px; width: 291px; }  
fieldset div textarea { background:#fcf8d8; height:189px; padding: 6px 5px; width: 240px;}
fieldset div ul { margin: 5px 0 0 0; }
fieldset div ul li { margin: 0 0 5px; padding: 0; }
fieldset div ul li label { display: inline; float: none; font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
fieldset div ul li input { background: none; border: none; display: inline; margin: 0 5px 0 0; padding: 0; width: auto; }
fieldset div.controls { background:none; border-bottom:none; }	
fieldset div.controls input { float:right; width:160px; }
#submit { background-color:#d15326; border:1px solid #221501; color:#fcf8d8; font-size:20px; letter-spacing:.05em; }
#submit:hover { background-color:#221501; border:1px solid #d15326; }

/* -- !Validation -- */
fieldset div, fieldset fieldset.group { position: relative; border-bottom:1px solid #e0dcbf; padding-bottom:20px; }

/* List of Messages */
#form-messages { font-size: 1.16em; margin: 2.5em auto; padding: 0 0 0 23px; width: 280px; }	
#form-messages h2 { color: #630000; font-weight: normal; font-size: 1em; margin: 0; }
#form-messages ul { color: #633000; padding: 0 0 0 30px; }
#form-messages ul li { background: url(images/bg-form-messages-li.gif) no-repeat 0 0.55em; padding: 0 0 0 19px; }
#form-messages a { color: #633000; text-decoration: underline; }
#form-messages a:hover, #form-messages a:focus { text-decoration: none; }
.valid #form-messages { background-image: url("images/bg-form-messages-success.gif"); }
.valid #form-messages h2 { color: inherit; }

/* Error Message */
fieldset strong.error { clear: left; color: #993333; display: block; margin: 0.5em 0 0.2em 5px; }
	
/* Field */
fieldset div input.error, fieldset div textarea.error, fieldset div select.error { border: 1px solid #993333; }
fieldset img.icon {	right: 60px; position: absolute; top: 10px; }

/* -- !Company Type and Contact Type -- */
fieldset #field-company, #field-reason { }
fieldset #field-company ul, #field-reason ul { overflow: hidden; list-style-type:none; }
fieldset #field-company ul li, #field-reason ul li { margin-right: 38px; }

/* SERVICES */
#servicescontainer { margin:auto; width:910px; height:615px; margin-bottom:20px; background:url("images/background_services.png") no-repeat; }
#servicescontainer a { color:#d15326; text-decoration:none; }
#servicescontainer a:hover { text-decoration:underline; }
#servicescontainer h1 { margin-top:0; padding-top:35px; }
h3 { font-size:26px; letter-spacing:normal; margin-top:0; }
#servicesleftside { float:left; width:385px; margin:40px 0 0 50px; }
#servicesleftside p { margin-left:40px; font-size:18px; }
#servicesrightside { float:right; width:385px; margin:40px 55px 0 0; }
#servicesrightside h3 { text-align:right; }
#servicesrightside p.top { margin-left:40px; font-size:18px; }
#allservices { margin:auto; text-align:center; font-size:26px; line-height:30px; padding-top:40px; padding-bottom:15px; }
#border { border-bottom:1px solid #2d2514; margin:auto; width:40%; }
#besureto { font-size:18px; text-align:center; margin-top:10px }

/* SITEMAP */

/* BOTTOM NAVIGATION */
#bottomnav { clear:both; width:910px; background-image:url("images/background-bottomnav.png"); background-repeat:no-repeat; height:280px; padding-top:21px; position:relative; }
#bottomcontent { width:870px; margin-left:18px; }
#verybottom { font-size:10px; color: #ffffff; text-align:center; line-height:14px; }
#verybottom a { color:#efefef; }