@charset "utf-8";
/* CSS Document */

	
/* - - - CSS RESET - - - */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img{
	border:none;
}

hr {
	border: 0;
	border-top:1px solid #36444f;
	background-color: #999;
	color: #999;
	height: 1px;
	margin: 1em 0;
	clear: both;
}

h1, h3, h4, h5, h6{
	font-weight:normal;
}


h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-left: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 24px;
}


/* - - - PNG FIX - - - */
/* behavior: url(includes/iepngfix.htc); */
.greybox p, #header div {
	behavior: url("includes/iepngfix.htc");
}

/* - - - DESIGN STYLES - - - */
body{
	background: url(../images/body_tile.jpg) repeat-x top left #4d4d4d;
    text-align: center;
}
br.clear{
	line-height:1px;
    height:1px;
    font-size:1px;
    clear:both;
}
strong{
	font-weight:bold;
}
#container {
	text-align:left;
    margin: 0 auto;
    width:900px;
}
#container #header{
	width:900px;
    height:259px;
    padding-top:1px;
    background: url(../images/header.jpg) no-repeat;
    position:relative;
}
#container #header #navcontainer {
	 /*position:absolute; 
     top:50px;
     left:652px;*/
     margin-left:652px;
     margin-top:50px;
}
#container #header #navcontainer ul {
	list-style:none;
	height: 67px;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#container #header #navcontainer ul li {
    display: inline;
   	float:left;
}
#container #header #navcontainer ul li a {
	display: block;
	height: 67px;
    color: #fff;
    text-decoration: none;
    padding: 0px 10px;
    float: left;
}
#container #header #navcontainer ul li a:link,#container #header #navcontainer ul li a:visited {
	
}
#container #header #navcontainer ul li a:hover {
	background: url(../images/nav.png) 50% -67px no-repeat;
}
#container #header #navcontainer ul li a:active {
	
}
.home #home, .portfolio #portfolio, .about #about, .contact #contact {
	background: url(../images/nav.png) 50% 0px no-repeat;
}
#container #header #message{
	position:absolute;
    top:128px;
    left:28px;
}
#container #header #message h1,#container #header #message h2,#container #header #message h3{
	display:inline;
}
#container #header #message h1{
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:45px;
    color:#FFF;
    line-height:normal;
}
#container #header #message h2{
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:36px;
    color:#FFF;
    line-height:normal;
}
#container #header #message h3{
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    color:#FFF;
}
#container #header #message h3.elevated{
	position:relative;
    top:-1em;
}
#container #header #message .left-bump{
	margin-left:28px;
}
#container #content{
	padding-top:20px;
    color: #CCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:normal;
}
#container #content a:link,#container #content a:visited{
	color:#ff9900;
    text-decoration:none;
}
#container #content a:hover{
	color: #FFFFCC;
}
#container #content #content-left{
	display:inline;
    width:582px;
    float:left;
    margin-left: 28px;
}
#container #content #content-left form p{
    background: #4d4d4d;
    color:#FFF;
    font: normal 11px/18px Arial, Helvetica, sans-serif;
    padding: 3px;
    margin-bottom:10px;
}
#container #content #content-left form p label{
    display:inline-block;
    width:100px;
    text-align:right;
    margin-right:20px;
    line-height:18px;
}
#container #content #content-left form p input{
    border:none;
    background: #4d4d4d;
    color:#FFFFCC;
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    height:18px;
    border-bottom:1px solid #FFF;
    border-left:1px solid #FFF;
    padding-left:3px;
    width:300px;
}
#container #content #content-left form p textarea{
    background: #4d4d4d;
    color:#FFFFCC;
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    height:18px;
    border:1px solid #FFF;
    padding:3px;
    width:300px;
    height:100px;
}
#container #content #content-left form p .radio{
    margin:0;
    line-height:18px;
    width:15px;
    height:15px;
    position:relative;
    top:3px;
    border:none;
    margin-right:5px;
    margin-left:15px;
}
#container #content #content-left form #submit{
    margin-left: 195px;
    background: url(../images/submit.gif) repeat-x top left;
    border: 2px solid #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding:.25em;
    color:#FFFFCC;
    font-weight:bold;
}
/* - - - ADDED BY JOHN - - - EXTRA COMMENT BY BRANDON: NO U CANT DO THAT */
#container #content #content-left p{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	margin-bottom:19px;
}
#container #content #content-left div.error{
	font: 16px/20px Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	margin-bottom:19px;
    background: url(../images/error.jpg) top left no-repeat;
    width: 481px;
    padding-left: 101px;
    padding-top:39px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}
#container #content #content-left h1{
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    font-weight:normal;
    color:#FFF;
    margin-bottom:10px;
	margin-top: 20px;
    text-transform:uppercase;
}
#container #content #content-left div{
	margin-bottom:31px;
}
#container #content #content-left div p{
    min-height:18px;
    height: auto !important;
    height: 18px;
    /*background: url(../images/arrow.gif) top left no-repeat;*/
/* - - - MORE ADDED BY JOHN.  Brandon, U have to position the arrow like this:  */
    background: url(../images/arrow.gif) no-repeat 0 .3em;
    margin-left: 14px;
    margin-top:5px;
    padding-top:2px;
    padding-left: 24px;
}



#container #content #content-left #about-left div, #container #content #content-left #about-right div{
	min-height:175px;
    height: auto !important;
    height: 175px;
    margin-bottom: 31px;
    padding: 109px 21px 0 21px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    line-height: 18px;
}
#container #content #content-left #about-left{
    width: 281px;
    float: left;
}
#container #content #content-left #about-right{
    width: 281px;
    float: right;
}
#jason{ background: url(../images/profile_headers/jasonm.jpg) top center no-repeat; }
#kristina{ background: url(../images/profile_headers/kristinam.jpg) top center no-repeat; }
#shawn{ background: url(../images/profile_headers/shawnc.jpg) top center no-repeat; }
#brandon{ background: url(../images/profile_headers/brandonn.jpg) top center no-repeat; }
#john{ background: url(../images/profile_headers/johnb.jpg) top center no-repeat; }
#mandy{ background: url(../images/profile_headers/mandyn.jpg) top center no-repeat; }
#kristin{ background: url(../images/profile_headers/kristins.jpg) top center no-repeat; }
#container #content #content-right{
    display:inline;
    margin-right: 13px;
    width:229px;
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:30px;
    color:#FFFFCC;
}

#container #content #content-left #process-left{
    width: 135px;
    float: left;
}
#container #content #content-left #process-right{
    width: 440px;
    float: right;
}


#container #content #content-right h1{
	color: #f26101;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size:14px;
    text-transform:uppercase;
}

#container #content #content-right ul{
list-style: none;s
}

#container #content #content-right ul li{
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	background: url(../images/white_raquo.gif) no-repeat 0 .1em;
    padding-left: 1.3em;
    margin-bottom:11px;
}


#container #content #content-right div.greybox{
	background: url(../images/greybox_bot.gif) bottom center no-repeat;
    line-height:14px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    width:203px;
    color:#FFF;
    padding-bottom:6px;
    margin-bottom:19px;
}
#container #content #content-right div.greybox div.top{
	width:203px;
    height:10px;
    background: url(../images/greybox_top.gif) no-repeat;
    margin-bottom:4px;
}

#container #content #content-right div.greybox p{
    margin: 0 5px;
    background: url(../images/big_grey_raquo.png) no-repeat 0 8px;
    min-height:28px;
    height: auto !important;
    height: 28px;
    border-top: 1px solid #434343;
    padding-left:39px;
    padding-top: 8px;
    padding-bottom:8px;
}
#container #content #content-right div.greybox p#greybox-topitem{
	padding-top:0;
    background-position: 0 0;
    border:none;
}
#container #content #content-right div.greybox p a:link,#container #content #content-right div.greybox p a:visited{
	color: #FFF;
    text-decoration:none;
}
#container #content #content-right div.greybox p a:hover{
	color:#FF9900;
}
#container #footer{
	width:844px;
    background: url(../images/footer1.gif) no-repeat top;
    padding-top:111px;
    padding-left:28px;
    padding-right:28px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:11px;
    margin-bottom:19px;
}
#container #footer h1{
	font-family: "Georgia", Times New Roman, Times, serif;
    font-size:14px;
    text-transform: uppercase;
    margin-bottom:12px;
    color: #999999;
    margin-left:2px;
}
#container #footer p{
	margin-bottom:5px;
}
#container #footer #footer-left{
	float:left;
    width:293px;
    color: #999999;
}
#container #footer #footer-right{
	float:right;
    width:551px;
    color: #c9c9c9;
}
#footer a:link, #footer a:visited{
	color:#ff9900;
    font-weight:bold;
    text-decoration:none;
}
#footer a:hover{
	color:#FFFFCC;
}



.plain{
	background-image:none !important;
    min-height:18px;
    height: auto !important;
    height: 18px;
    margin:  0;
    padding: 0 0 0 24px;
}

#container #content #content-left #careerssection {
	color:#FFFFCC;
}

#container #content #content-left #careerssection ul {
	margin-left: 40px;
	margin-bottom: 10px;
	padding-left: 36px;
}

#container #content #content-left #careerssection li {
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

#container #content #content-left #careerssection h1  {
font: normal 24px/18px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;	
}

#container #content #content-left #careers-list {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

#container #content #content-left #careers-list ul {
	display: inline;
	list-style-type: none;
}

#container #content #content-left #careers-list li {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-right: 25px; 
}