* {margin:0; padding:0;}
body {background:#eee url(../images/body_bkgd.jpg) repeat-x top left; color:#333; font:10pt/2em arial,verdana,sans-serif;}
p {margin:0 0 1em 0;}
h1 {color:#f90; font:18pt/1.5em times,serif; font-variant:small-caps; letter-spacing:1px; margin:15px 0 10px 0;}
h2 {}
h3 {font:bold 15pt/1.5em times,serif; font-variant:small-caps;}
a {color:#f90; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {list-style-position:inside; list-style-type:square;}

.bold {font-weight:bold;}
.center {margin:0 auto; text-align:center;}
.clear {clear:both;}
.last {border:none !important;}
.fineprint {color:#666; font-size:8pt;}
.rightImg {padding:10px 0 0 0;}

/* MASTHEAD */
#masthead {background:transparent url(../images/masthead_bkgd.jpg) repeat-x top left; height:169px; margin:0 auto; padding:0 10px; width:880px;}
#mastheadLeft {float:left; width:600px;}
#mastheadRight {float:right; width:275px;}
#logo {float:left; margin:50px 0 0 0; width:350px;}
#slogan {clear:left; color:#bbb; float:left; font-family:times,serif; font-weight:bold; font-variant:small-caps; letter-spacing:2px; padding:0 0 0 10px; width:340px;}
#promoMessage {color:#eee; float:right; font:bold 18pt/1.5em arial,verdana,sans-serif; margin:50px 0 0 0; text-align:center; text-shadow:2px 2px 2px #333; width:300px;}

/* NAVIGATION */
#navigation {clear:both; font-size:9pt; line-height:1em; list-style-type:none; padding-top:30px; width:560px;}
#navigation li {border-right:1px dotted #555; color:#f90; display:inline; padding:0 2px 0 0;}
#navigation li a {color:#fff; outline:none; padding:4px 10px;}
#navigation li a:hover {background:transparent url(../images/navigation_hover_bkgd.png); color:#f90; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px;}
#home #navigation li a.hme, #seo #navigation li a.seo, #contact #navigation li a.cnt, #development #navigation li a.dev, #portfolio #navigation li a.pfo, #faqs #navigation li a.faq, #pricing #navigation li a.pcg, #hosting #navigation li a.hst {background:transparent url(../images/navigation_active_bkgd.png); -moz-border-radius:6px; -webkit-border-radius:6px;}

#contentWrapper {background:#fff url(../images/content_bkgd.gif) repeat-x top left; border:1px solid #ccc; margin:0 auto; padding:20px 40px; width:820px; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px;}

/* LEFT COLUMN */
#columnLeft {float:left; width:540px;}

	/* DEVELOPMENT */
	#devTools {margin:30px 0 0 0;}
	#devTools dt {font-weight:bold; text-align:right;}
	#devTools dd {background:#eee; border:1px solid #ddd; font-size:8pt; line-height:1.5em; padding:10px; -moz-border-radius:9px; -webkit-border-radius:9px;}

	/* DEVELOPMENT */
	#columnLeft ul {margin:0 0 0 30px;}
	
	/* PORTFOLIO */
	body#portfolio #columnLeft {width:800px;}
	body#portfolio #columnRight {display:none;}
	#portfolioIE {display:none;}
	
	
	/* FAQs */
	#faqs dt {font-weight:normal;}
	#faqs dd {background:transparent url(../images/faq_answer_bkgd.png) repeat-x bottom left; padding:0 10px 5px 10px; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px;}
	#faqs dt.question {background:transparent url(../images/faq_dt_bkgd.gif) no-repeat center left; padding:0 0 0 15px;}

	/* CONTACT FORM */
	#contact #columnRight .fineprint {margin:0 !important;}
	
	#contactForm {font-size:9pt;}
    #contactForm fieldset {background-color:#eee; border:1px solid #ccc; margin:0 0 1em 0; padding:1em;}
    #contactForm label {float:left; font-weight:bold; padding-right:10px;}
	#contactForm .formField {margin:0 0 .75em 0;}
    #contactForm .required {color:#cb5a0e; font-size:10pt; font-weight:bold;}
	#contactForm .requiredNote {color:#cb5a0e; font-size:8pt; margin:10px 0 0 0;}
	    
    #contactForm input[type="text"], textarea, select {border:1px solid #ccc; margin:5px 0 0 0; text-indent:5px;}
    #contactForm input.radio, input.checkbox, input.submit {width:auto;}
    #contactForm select {font-size:.85em; text-indent:0;}  
    #contactForm option {text-indent:0 !important;}  
    #contactForm .stateLabel {background-color:#eee; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#325092; font-size:.65em; font-weight:bold; letter-spacing:.1em; padding:1px 2px;}

	/* style form elements on focus */	
    #contactForm input:focus, textarea:focus {border-color:#f90;}
    #contactForm input.radio {float:left; margin-right:1em;}
    #contactForm textarea {width:300px; height:100px;}
    #contactForm .formButton {background-color:#5d5f6b; border:1px solid #2d303f; color:#fff; font-size:8pt; font-weight:bold; margin:0 0 0 200px; outline:none; padding:2px 7px; -moz-border-radius:9px; -webkit-border-radius:9px;}

	#thankYou {background:transparent url(../images/thank_you.jpg) no-repeat; height:259px; margin:0 auto; width:315px;}
	#thankYou p {color:#003272; font-size:24pt; font-weight:bold; padding-top:187px; text-align:center;}
	
/* RIGHT COLUMN */
#columnRight {float:right; width:260px;}
#columnRight .fineprint {text-align:center;}
#mission, #vision {font-size:8pt;}
#mission h4, #vision h4 {border-bottom:1px solid #ccc; font-size:10pt; font-variant:small-caps; font-weight:bold;}

/* fOOTER */
#footer {clear:both; margin:10px auto; width:900px;}
#footerContent {background:transparent url(../images/footer_logo.png) no-repeat top right; float:right; padding:0 35px 0 0; width:415px;}
#footer p {color:#666; font-size:8pt; line-height:1em; text-align:right;}
#footer p a {color:#666;}
#footer p a:hover {color:#333;}