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,
b, u, i, center,
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-size: 100%;
	vertical-align: top;
	}
	
body {
	text-align:center;
	color:#C56400;
	background:#872301 url(bg.jpg) no-repeat fixed top center;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1;
}

/*
img, div { behavior: url(iepngfix.htc) }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


ol, ul {
	list-style: none;
}

/* remember to define focus styles! */

.clearfix{
clear:both;
}





/*********************************** Content Area ********************************/



#wrapper {
	width:857px;
	margin:0 auto;
	text-align:left;
}


#header {
height:129px;
position:relative;
}

#logo {
	display:inline;
	float:left;
	position:relative;
	margin-top: 27px;
	left:89px;
}


#middle .content_box{
clear:both;
position:relative;
width:857px;
}


#middle .content_box .top{
background:transparent url(content_box_top.png) no-repeat scroll left top;
clear:both;
height:28px;
width:857px;
}

#middle .content_box .center{
background:transparent url(content_box_center.png)  repeat-y left top;
width:857px;
height:auto;
}

html>body #middle .content_box .center{
padding:0px 0px 2px 0px;
}

#middle .content_box .bottom{
background:transparent url(content_box_bottom.png)  no-repeat scroll left bottom;
clear:both;
height:23px;
width:857px;
}

.content_box h1{
color:#fafafa;
background: transparent url(blank.gif) left top no-repeat;
font-family:Candara,georgia,serif;
font-size:24px;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:5px 0px 10px 25px;
}

.content_box h4{
font-family:Candara,georgia,serif;
font-size:12px;
color:#FAFAFA;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:5px 0px 5px 25px;
}

.content_box p{
font-family:Candara,georgia,serif;
font-size:20px;
line-height:27px;
color:#C56400;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:5px 15px 5px 25px;
}

.content_box a{
text-decoration:underline;
cursor:pointer;
color:#C56400;
position:relative;
background-color:transparent;
}


.content_box a:hover{
color:#ffffff;
text-decoration:none;
position:relative;
}

.content_box #left{
width:550px;
}

.content_box #right{
background:transparent url(illustration_man.png) top right no-repeat;
position:relative;
width:279px;
height:414px;
float:right;
margin-right:3px;
}

html> body .content_box #right{
margin-right:6px;
}



.nav{
width:400px;
float:right;
height:42px;
margin:40px 0px 40px 0px;
}

.nav ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.nav ul li{
display:inline;
}

.nav ul li a{
float:left;
display:inline;
}

.nav ul li.selected a,
.nav ul li.selected a:hover {
background-position: top left !important;
}

.nav ul li a:hover, .selected {
background-position: top left !important;
}

.nav a.home{
background:url(home.gif) bottom left no-repeat;
display:block;
margin:0px 10px 0px 0px;
padding:0px;
height:42px;
width:81px;
text-indent:-9000px;
cursor:pointer;
}


.nav a.work{
background:url(work.gif) bottom left no-repeat;
display:block;
margin:0px 10px 0px 0px;
padding:0px;
height:42px;
width:81px;
text-indent:-9000px;
cursor:pointer;
}
.nav a.about{
background:url(about.gif) bottom left no-repeat;
display:block;
margin:0px 10px 0px 0px;
padding:0px;
height:42px;
width:81px;
text-indent:-9000px;
cursor:pointer;
}

.nav a.contact{
background:url(contact.gif) bottom left no-repeat;
display:block;
margin:0px 10px 0px 0px;
padding:0px;
height:42px;
width:90px;
text-indent:-9000px;
cursor:pointer;
}



.services{
width:100%;
float:left;
color:#ffffff;
margin:10px 0px 10px 0px;
}

.services ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.services ul li{
margin:0px 0px 0px 56px;
padding:0px 0px 0px 20px;
background:url(bullet.gif) no-repeat;
background-position:4px 8px;
line-height:24px;
font-family:Candara,georgia,serif;
font-size:14px;
color:#C56400;
font-variant:normal;
font-weight:normal;
font-style:normal;
}

.services h2{
font-family:Candara,georgia,serif;
font-size:18px;
color:#FFFFFF;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:0px 0px 5px 40px;
}


.folio{
margin:20px 0px 40px 0px;
}

html>body .folio{
margin:10px 0px 70px 0px;
}

.folio .left_folio{
width:365px;
margin:15px 0px 0px 0px;
}

.folio .right_folio{
width:421px;
height:163px;
float:right;
margin-right:10px;
}

html>body .folio .right_folio{
margin-right:34px;
}


.folio h1{
font-family:Candara,georgia,serif;
font-size:18px;
color:#FFFFFF;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:5px 0px 5px 25px;
}

html>body .folio h1{
padding:0px 0px 5px 25px;
}

#sov,#hxl,#prt{
padding:40px 0px 0px 25px;
}

html>body #sov,#hxl,#prt{
padding:10px 0px 0px 25px;
}


.folio p{
font-family:Candara,georgia,serif;
font-size:14px;
line-height:18px;
color:#C56400;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:5px 0px 5px 25px;
}


a#skoop {
background:url(work5_skoop.jpg) top left no-repeat;
display:block;
border:7px solid #FFFFFF;
margin:0px 0px 0px 0px;
width:407px;
height:163px;
cursor:pointer;
position:relative;
}

a:hover#skoop {
border:7px solid #C56400;
position:relative;
}



a#car {
background:url(work4_carforecourt.jpg) top left no-repeat;
display:block;
border:7px solid #FFFFFF;
margin:0px 0px 0px 0px;
width:407px;
height:163px;
cursor:pointer;
position:relative;
}

a:hover#car {
border:7px solid #C56400;
position:relative;
}

a#high {
background:url(work1_highxlow.jpg) top left no-repeat;
display:block;
border:7px solid #FFFFFF;
margin:20px 0px 0px 0px;
width:407px;
height:163px;
cursor:pointer;
position:relative;
}

html>body a#high {
margin:10px 0px 0px 0px;
}

a:hover#high {
border:7px solid #C56400;
position:relative;
}


a#pro {
background:url(work2_protreadz.jpg) top left no-repeat;
display:block;
border:7px solid #FFFFFF;
margin:20px 0px 0px 0px;
width:407px;
height:163px;
cursor:pointer;
position:relative;
}

html>body a#pro {
margin:10px 0px 0px 0px;
}

a:hover#pro {
border:7px solid #C56400;
position:relative;
}

a#school {
background:url(work3_schoolofvoip.jpg) top left no-repeat;
display:block;
border:7px solid #FFFFFF;
margin:20px 0px 0px 0px;
width:407px;
height:163px;
cursor:pointer;
position:relative;
}

html>body a#school {
margin:10px 0px 0px 0px;
}

a:hover#school {
border:7px solid #C56400;
position:relative;
}

.skills{
width:100%;
float:left;
color:#ffffff;
margin:10px 0px 10px 0px;
}

.skills ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.skills ul li{
margin:0px 0px 0px 56px;
padding:0px 0px 0px 20px;
background:url(bullet.gif) no-repeat;
background-position:4px 8px;
line-height:24px;
font-family:Candara,georgia,serif;
font-size:14px;
color:#C56400;
font-variant:normal;
font-weight:normal;
font-style:normal;
}

.skills h2{
font-family:Candara,georgia,serif;
font-size:18px;
color:#FFFFFF;
font-variant:normal;
font-weight:normal;
font-style:normal;
padding:0px 0px 5px 40px;
}

a.questionnaire{
	display:block;
	border:7px solid #FFFFFF;
	cursor:pointer;
	position:relative;
	float:left;
	margin:20px 0px 20px 15px;;
}

html>body a.questionnaire {
margin:15px 0px 15px 30px;
}


a:hover.questionnaire {
border:7px solid #C56400;
position:relative;
}

#footer{
text-align:center;
margin:15px 0px 15px 0px;
}

#footer a{
text-decoration:none;
cursor:pointer;
color:#C56400;
}


#footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#twitter_div{
padding:10px 0px 0px 0px;
}

#twitter_div h2{
margin:5px 0px 10px 0px;
}


/*************************** Slimbox ********************************/


#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	color:#FFFFFF;
	background-color: #000;
	cursor: pointer;
}

#lbCenter{
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	color:#ffffff;
	background-color: #fefefe;
}

.lbLoading {
	color:#FFFFFF;
	background: #fefefe url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}