* { }
html { }
/*####### DEFAULT TAG STYLES #########*/
body 
{
	background: #373737 url(images/bg_r.gif);
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #633B00;
}
img 
{
	border: 0;
	margin: 0 0 15px 0;
	padding: 0;
}
h1
{
	margin:0;
	padding:5px 0 10px 0;
	font: bold 19px/18px Geneva, Arial, Helvetica, sans-serif;
	color: #874A09;
	text-transform:uppercase;
}
h1 span
{
	color: #CE5A0D;
}
h2
{
	margin:0 0 10px 0;
	padding:0;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #AA5D0B;
}
ul h2
{
	margin:0;
	padding:0;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #AA5D0B;
}
h3
{
	margin:0 0 10px 0;
	padding:0;
	font: bold 120%/14px Arial, Helvetica, sans-serif;
	color: #CE5A0D;
}
p
{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	text-align:left;
}
ul
{
	margin:0 0 0 15px;
	padding:0 0 15px 0;
	list-style:outside square;
}
li
{
	padding:3px 0;
}
hr
{
	height:1px;
	width:335px;
	margin:0 0 15px 0;
	color:#FCBE5B;
	background:#FCBE5B;
	border:0 none;
}
a:link
{
	color: #D15D26;
	text-decoration: none;
}
a:hover
{
	font-weight:bold;
	text-decoration: underline;
}
a:visited { 
	color: #D15D26;
	font-weight: normal;
	text-decoration: none;
}
blockquote
{
	width:300px;
	margin:15px 0 5px 10px;
	padding:0;
	font: normal 100%/12px Verdana, Arial, Helvetica, sans-serif;
	color: #D15D26;
	text-align:left;
}
strong  
{
	color:#CE5A0D;
}
strong span 
{
	color:#AA5D0B;
}

/*####### MAIN CONTENT AREAS #########*/
div#wrapper 
{    
	width: 676px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #fff;
	text-align: left;
	background: #fff url(images/lineGradient.gif) top left repeat-y;
}
div#content 
{
	width: 626px;
	height: auto;
	min-height:400px;
	padding: 8px 20px 20px 20px;
	border: 5px solid #fff;
	background: #fff url(images/contentBG.gif) top left repeat-y;
}
#creativeServices
{
	padding-top:130px;
	background:url(../images/header_creative_v2.gif) left top no-repeat; 
}
div#content_left 
{
	width: 335px;
	padding: 10px 0 0 0;
	float: left;
}
div#content_right 
{
	width: 267px;
	padding: 8px 0 0 0;
	float: right;
}
/*####### NEWS STYLES #########*/
div#update_box 
{
	padding: 0 0 5px 0;
	background: url(images/updateBoxBottom.gif) bottom left no-repeat;
}

div#updates 
{
	padding: 23px 0 0 0;
	background: url(images/updateBoxTop.gif) no-repeat;
}
#updates p 
{
	padding: 5px 15px;
	border-bottom: 1px solid #FF9000;
	display: block;
	font-size: 11px;
	line-height:13px;
	color: #FFBD5E;
	background: url(images/updateBoxSide.gif);
}
.updateDesc 
{
	font-size: 10px;
	color: #333;
}
div#update_box a
{
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	color:white;
}

/*####### PORTFOLIO STYLES #########*/
div#portfolioMenu {
      padding: 150px 0 0 10px;
      background: url(images/portfolioMenu2.jpg) no-repeat;
}
div#resumeMenu ul li a:link,
div#resumeMenu ul li a:visited,
div#portfolioMenu ul li a:link,
div#portfolioMenu ul li a:visited
{
	font-weight:bold;
	color:#633B00;
	text-decoration:underline;
}
div#portfolioMenu ul li a:hover { text-decoration:none; }
div#eyeCandyWrapper img{
	margin: 3px 6px 3px 0;
	border: 2px solid #f00;
	float: left;
}
#desc 
{ 
	width: 195px; 
}

/*####### PORTFOLIO PROJECT STYLES #########*/
div#CS
{
	background:url(/projects/CS-middle.gif) repeat-y;
}
div#CS-top
{
	height:143px;
}
div#CS-top p
{
	width:125px;
	position:relative;
	top:35px;
	left:185px;
}
div#CS-bottom
{
	width:318px;
	padding:0 0 20px 0;
	background:url(/projects/CS-bottom.gif) no-repeat bottom;
}
div#CS-bottom p
{
	width:260px;
	position:relative;
	top:12px;
	left:35px;
}

div#CS-thumbs
{
	width:260px;
	padding:5px 0 0 0;
}
div#CS-thumbs img
{
	margin:0 2px 5px 0;
	border:1px solid #FFFFFF;
}
div#CS-NAV
{
	padding:10px 0 0 30px;
}
div#CS-NAV a:link, div#CS-NAV a:visited
{
	color:#D15D26;
}

/*####### RESUME STYLES #########*/
div#resumeMenu 
{
	padding: 160px 20px 0 96px;
	background:url(/images/header_resume2.jpg) top no-repeat;
}
.serviceHeader {
	color: #CE5A0D;
	font-weight: bold;
}
img.closedState,
img.openedState{
	margin:0 5px 0 0;
	vertical-align:top;
	position:relative; top:2px;
}
/*####### RESUME JOB STYLES #########*/
.boxWrap {
	width: 335px;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	border:#AA5D0B solid 1px;
	overflow:hidden;
}

.boxLeft {
   width: 94px;
   height:100%;   
   padding: 5px;
   float: left;
   background-color:#FC9600;
   color:#FFFFFF;
}

.boxRight {
	width: 220px;
	height:100%;
	padding: 5px;
	border-left:#AA5D0B solid 1px;
    float: right;
    background-color:#FCB442;
}
#entries {
	margin: 0 0 0 10px;
	float: left;
	font-weight: normal;
}
/*####### SOFTWARE STYLES #########*/
#workArea h2
{
	margin:3px 0 10px 0;
}
#workArea a
{
	font-weight:bold;
}
#workArea img
{
	margin:3px 0 0 0;
	padding:0 5px 0 0;
}
#workArea ul h2
{
	margin:0;
}
.jobInfo
{
	padding:5px 0 0 20px;
}
.collapseLinks
{
	color:#AA5D0B;
}

/*####### CONTACT STYLES #########*/
div#addressWrap
{
	height:30px;
	width:222px;
	margin:0 0 15px 0;
	padding:15px;
	border:2px dotted #FCBE5B;
	background:#FBA00D;
}
div#leftAddy 
{
	width:50px;
	float:left;
	text-align:left;
	font-weight: bold;
}
div#rightAddy 
{
	margin: 0 0 0 5px;
	float:left;
	color: #CE5A0D;
}
.formLeft {
	height:174px;
	width:50px;
	padding:0 10px 0 0;
	float:left;
	text-align:right;
	color: #CE5A0D;
	font-weight: bold;
}
.error
{
	margin:15px 0 15px 25px;
	font: bold 120%/12px Verdana, Arial, Helvetica, sans-serif;
	color:red;
}
#mainForm p 
{
	padding:0;
	margin:0 0 5px 0;
	clear:left;
}
.jsvalidation
{
	float:left;
	color:#CE5A0D;
}
/*####### FOOTER STYLES #########*/
#footer {
	 width: auto;
     height: 60px;
	 margin: 5px 0 0 0;
	 padding: 5px 5px 0 0;
	 border-top: 1px solid #fff;
     background: #fff url(images/bg_bottom.gif);	 
	 color: #fff;
	 text-align: right;
}

/*####### MISC STYLES #########*/
.clear { clear: both; }
.question{ display:block; float:left; padding-bottom:50px; padding-right:8px; color:#633b00;}
.answer{ padding-left:30px; }