/* CSS DOCUMENT */
/* Written by The Media Cellar, Inc. www.mediacellar.com for Weber Murphy Fox */

body {font: small Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background-color: #666; color: black;}
#container {width: 760px; margin-left: auto; margin-right: auto; background-color: white;}
#header, #content, #footer {width: 760px; margin-left: auto; margin-right: auto;}
#footer {background-color: #999; color: #fff;}

/* TYPE STYLES */
h1 {font: bold 1.25em/1em Verdana, Helvetica, Arial, sans-serif; color:#f03226; padding-top: 5px;}
h2 {font: bold .9em/1em Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 15px 0 0 0;}
h3 {font-weight: bold; font-size: 1.2em; color: #f03226; padding: 0;}
h4 {font-size: .9em; color: #f03226; margin: 0; padding: .5em 0 0 0;}
p {padding: .75em 0 0 0; margin: 0;}
a, a:visited {text-decoration: none; color: blue;}
a:hover, a:focus {text-decoration:underline;}
:link img {border: none;}
.strong {font-weight:bold;}
.inline_red {color: #f03226;}
a img { border: none; }

/* NAVIGATION */
.navcolumn {background-color: #EAEAEA;}
#navcontainer {width: 100px;}
#navcontainer ul {margin-left: 0; padding-left: 0; list-style-type: none; font-size: .9em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: black;}
#navcontainer ul li a#current {background-color: black; color: white;}
#navcontainer ul ul {font-size: .9em;}
#navcontainer ul ul li a {font-weight: normal;}
#navcontainer a {display: block; padding: 3px 3px 3px 8px; width: 89px; background-color: #EAEAEA; font-weight: bold;}
#navcontainer a:link, #navlist a:visited {color: black; text-decoration: none;}
#navcontainer a:hover {background-color: #bbb;}
.subnavlist li {font-weight: normal;}
.listspacer {width:100px; height: 4px; font-size: .5em; padding: 0; margin: 0; background-color: #EAEAEA;}

/* FOOTER */
#footer {font-size: .8em; color: white; background-color:#999; padding: 4px;}
#footer ul {margin: 0; padding: 0;}
#footer ul li {list-style:none; padding-left: 4px; padding-right: 4px; display: inline; border-right: 1px solid #DFDFDF;}
#footer ul li a {text-decoration: none;}
#footer ul li a:link, #footer ul li a:visited {color: white;}
#footer ul li a:hover {color: black; background-color: white;}
#footer ul li a#current {background-color: white; color: black;}
.copyright {text-align:right;}

/* PHOTO FLOATS */
img.floatright {float: right; padding-left: 10px;}
img.floatleft {float: left; padding-right: 10px;}

/* CONTENT AREA */
/*#stdpage {padding: 8px 15px;}*/
.leftcontent, .rightcontent {padding: 10px; vertical-align:top;}
.leftholder {vertical-align:top;}nav
.rightholder {vertical-align:top;}

#contentholder {background-image:url(images/left_grey.gif); background-repeat: repeat-y; vertical-align:top; padding:5px 20px 30px;}
#rightcontentholder {padding: 10px;}
#leftcolumn {width: 230px; padding: 10px; float:left;}
#rightcolumn {width: 375px; padding: 10px 15px; float:left;}
.rightcol_casestudy {width: 50px;}

#frontpage_news img {padding: 5px;}
#frontpage_news {}
#frontpage_news h4 {clear: both; font: bold .95em/1.05em Verdana, Helvetica, Arial, sans-serif; color:#f03226; padding-top: 8px; margin-top: 20px; border-top: 1px dotted #6f6f6f;}
#frontpage_project {padding-top: 45px;}

#widepage {width: 629px; padding: 8px 15px;}
#widepage h1 {font: bold 1em/1em Verdana, Helvetica, Arial, sans-serif; padding: 15px 0 5px 0; /*border-top: 1px solid black;*/ color: #f03226; margin:0;}
#widepage h2 {font-weight: bold; font-size: .9em; margin: 0; color:#f03226; margin:0; padding: 4px 0 2px 0;}
#widepage h3 {font-weight: bold; font-size: .9em;}
#widepage h4 {font-weight: bold; font-size: .9em; color: #000; padding-bottom: 12px;}

#casethumbholder {width: 375px;}
#casethumbholder a {color: #000; text-decoration: none; display: block; padding: 0 5px; background-color: #FFF;}
#casethumbholder a:hover {background-color: #CCCCCC;}
.case_thumb {height:45px; clear:both; border-top: 1px solid #f03226; padding: 5px 0; display:block;}

.opportunity {border-top: 1px dotted black; padding-top: 2px;}

/* CONTACT FORM */
#contactform {width: 370px; border: 1px solid #600;}
#contactform td {padding: 3px;}
#contactform tr {background-color: #ddd;}
#contactform tr.requiredlabel {background-color: #f03226; color:black;}
#contactform tr.requiredlabel td {border-right: 1px solid #ddd;}
#contactform td.labelcell {text-align:right; padding-right: 3px; border-right: 1px solid #600;}
#contactform td.submit {border-top:1px solid #600;}
.location {padding: 12px 0 8px;}

/* CASE STUDIES */
#csheader {width: 230px; padding: 10px 0px 0px 10px; clear:right;}
#csleftcolumn {width: 325px; padding: 0px 15px 10px 15px; float:left;}
#csrightcolumn {width: 280px; padding: 0px 10px; float:left;}
#csheader h3 {font-weight: bold; font-size: 1.2em; color: #f03226; padding: 0;}
#bottom_half {clear:both;}
.csthumb {padding-right: 8px; padding-top:8px; padding-bottom: 8px;}
#thumbs_holder {width: 230px; padding: 0px 15px 10px 15px; float: left;}
#specs_holder {border-top: 1px solid black; padding-bottom: 20px;}
.specs_holderleft {padding:4px; width: 100px; text-align:right; font-size: .8em; vertical-align:top; font-weight:bold;}
.specs_holderright {padding:4px; font-size: .8em; vertical-align:top;}

/* CASE STUDY BUILDER */

.formholder {width: 525px; padding: 8px; border-top: 1px solid black; border-bottom: 1px solid black;}
.formholder2 {width: 525px; background-color: #CCC; padding: 8px;}