/***  TEXT ***/

.black {
	color: #F8F4EE;
}
.black a {
	text-decoration: none;
	color: #d33841;
}
.black a:hover {
	color: #f8f4ee;
}

.black a:active {
	color: #f8f4ee;
}

.white {
	color: #221f1e;
	background-color: #f8f4ee;
}
.white a {
	text-decoration: none;
	color: #D33841;
}
.white a:hover {
	color: #221F1E;
}

.white a:active {
	color: #221F1E;
}

.red {
	color: #f8f4ee;
	background-color: #D33841;
}
.red a {
	text-decoration: none;
	color: #221F1E;
}
.red a:hover {
	color: #f8f4ee;
}

.red a:active {
	color: #f8f4ee;
}

body {

	word-spacing: normal;
	font-size: 14px;
	line-height: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

h2, h2 {
	font-size: 16px;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

p, .one {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;

}

.two {
	font-size: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

.three {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}


/***  LAYOUT  ***/

#wrapper {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	border-style: none;
}

#nav_area {
	border-color: #f8f4ee;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 5px;
	width: 940px;
	height: 120px;
	background-image:url(../images/site/nav_bg.png);
}

#btop {
	border-color: #f8f4ee;
	border-right-width: 5px;
	border-style: solid;
	border-left-width: 5px;
	height: 275px;
	width: 940px;
}


#slider_container {
	height: 275px;
	float: left;
	width: 625px;
}

#manifesto {
	text-decoration: none;
	line-height: 130%;
	text-align: left;
	border-color: #f8f4ee;
	border-style: solid;
	border-left-width: 5px;
	float: left;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 290px;
	height: 265px;
}

#manifesto img {

	padding-bottom: 10px;
}
                  
#bbottom {
	border-left-width: 5px;
	border-bottom-width: 5px;
	border-right-width: 5px;
	border-top-width: 10px;
	height: 100px;
	border-color: #f8f4ee;
	border-style: solid;
	width: 940px;
}

#bbottom img{
	padding-bottom: 5px;
}

#services {
	line-height: 125%;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	width: 290px;
}

#services img{
	padding-bottom: 5px;
}

#follow {
	border-color: #221F1E;
	border-right-width: 5px;
	border-style: solid;
	border-left-width: 5px;
	float: left;
	width: 310px;
	margin: 0 auto;
}

#socialcontainer {
	padding-top: 15px;
	padding-bottom: 15px;
	height: 32px;
	width:  173px;
	margin: auto;
}

#tweet {
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	width: 290px;
}

body {
	margin: 0 auto;
	width: 950px;
}

#footer {
	text-decoration: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	text-align: center;
	width: 950px;
	height: 35px;
}

#footer ul {
	padding: 0px;
	height: 35px;
	list-style-type: circle;
	list-style: none;
}

#footer li {
	height: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	list-style-type: none;
	display: inline;
}

#downloads_work {
	border-bottom-width: 5px;
	text-decoration: none;
	line-height: 130%;
	text-align: justify;
	border-color: #f8f4ee;
	border-style: solid;
	border-left-width: 5px;
	float: right;
	padding-bottom: 0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	width: 290px;
	height: 189px;

}

#downloads_work img{
	padding-bottom: 25px;
}


                     

#downloads {
	border-bottom-width: 0px;
	text-decoration: none;
	line-height: 130%;
	text-align: justify;
	border-color: #f8f4ee;
	border-style: solid;
	border-left-width: 5px;
	float: right;
	padding-bottom: 0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	width: 290px;
	height: 200px;

}

#downloads img{
	padding-bottom: 25px;
}


/***  ROLLOVERS  ***/

#about_btop {
	border-color: #f8f4ee;
	border-right-width: 5px;
	border-style: solid;
	border-left-width: 5px;
	height: 215px;
	width: 940px;
}


#about_container {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 10px;
	height: 205px;
	float: left;
	width: 605px;
}

.portrait{ margin-bottom: 10px; margin-right: 15px; margin-left: 0px; float: left; }
	
.interview{ margin-top: 7px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; float: left; }
	
.about_title{ color: #d33841; text-align: center; margin-bottom: 8px; margin-right: 0px; margin-left: 0px; float: none; }
	
#rates {
	color: #221f1e;
	border-bottom-width: 0px;
	text-decoration: none;
	line-height: 130%;
	text-align: center;
	border-color: #f8f4ee;
	border-style: solid;
	border-left-width: 5px;
	float: right;
	padding-bottom: 0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	width: 290px;
	height: 170px;

}

#rates h1, #rates h2 {
	text-decoration: underline;

}

#contact_container {
	padding-left: 160px;
	padding-bottom: 0px;
	padding-right: 160px;
	padding-top: 10px;
	height: 175px;
	float: left;
	width: 300px;
}

#contact_btop {
	border-bottom-width: 5px;
	border-color: #f8f4ee;
	border-right-width: 5px;
	border-style: solid;
	border-left-width: 5px;
	height: 185px;
	width: 940px;
}


.contact_title{ color: #d33841; text-align: center; margin-top: 5px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; float: none; }
	
td{ 
padding-top: 5px; 
font-size: 16px; 
padding-right: 8px; 
vertical-align: top;
}
	tr{ 

	text-align: left; 

	line-height: 18px; 

	padding-bottom: 10px; 

}
	#hobbies {
	line-height: 125%;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	width: 290px;
}

#hobbies img{
	padding-bottom: 5px;
}

div.about {
	padding: 0px;
	margin-left: 51px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 11px;
	width: 98px;
	height: 98px;
	float: left;
}

.about a {
display:block;
width: 98px;
height: 98px;
background: url("/images/site/about.png") 0 0px no-repeat;
text-decoration: none;
background-position: 0 0;
}

.about a:hover {
background-position: 0 -98px;
}

.about a:active {
background-position: 0 -98px;
}

div.work {
	padding: 0px;
	margin-left: 30px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 11px;
	width: 98px;
	height: 98px;
	float: left;
}

.work a {
display:block;
width: 98px;
height: 98px;
background: url("/images/site/work.png") 0 0px no-repeat;
text-decoration: none;
background-position: 0 0;
}

.work a:hover {
background-position: 0 -98px;
}

.work a:active {
background-position: 0 -98px;
}

div.home {
	padding: 0px;
	margin-left: 36px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 3px;
	width: 313px;
	height: 114px;
	float: left;
}

.home a {
display:block;
width: 313px;
height: 114px;
background: url("/images/site/logo.png") 0 0px no-repeat;
text-decoration: none;
background-position: 0 0;
}

.home a:hover {
background-position: 0 -114px;
}

.home a:active {
background-position: 0 -114px;
}

div.contact {
	padding: 0px;
	margin-left: 37px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 11px;
	width: 98px;
	height: 98px;
	float: left;
}

.contact a {
display:block;
width: 98px;
height: 98px;
background: url("/images/site/contact.png") 0 0px no-repeat;
text-decoration: none;
background-position: 0 0;
}

.contact a:hover {
background-position: 0 -98px;
}

.contact a:active {
background-position: 0 -98px;
}

div.blog {
	padding: 0px;
	margin-left: 30px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 11px;
	width: 98px;
	height: 98px;
	float: left;
}

.blog a {
display:block;
width: 98px;
height: 98px;
background: url("/images/site/blog.png") 0 0px no-repeat;
text-decoration: none;
background-position: 0 0;
}

.blog a:hover {
background-position: 0 -98px;
}

.blog a:active {
background-position: 0 -98px;
}

div.facebook {
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 32px;
	height: 32px;
	float: left;
}

.facebook a {
display:block;
width: 32px;
height: 32px;
background: url("/images/site/fb.png") 0 0px no-repeat;
text-decoration: none;
}

.facebook a:hover { 
background-position: 0 -32px;
}

.facebook a:active {
background-position: 0 0;
}

div.twitter {
	padding: 0px;
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 32px;
	height: 32px;
	float: left;
}

.twitter a {
display:block;
width: 32px;
height: 32px;
background: url("/images/site/tw.png") 0 0px no-repeat;
text-decoration: none;
}

.twitter a:hover { 
background-position: 0 -32px;
}

.twitter a:active {
background-position: 0 0;
}

div.linkedin {
	padding: 0px;
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 32px;
	height: 32px;
	float: left;
}

.linkedin a {
display:block;
width: 32px;
height: 32px;
background: url("/images/site/li.png") 0 0px no-repeat;
text-decoration: none;
}

.linkedin a:hover { 
background-position: 0 -32px;
}

.linkedin a:active {
background-position: 0 0;
}

div.youtube {
	padding: 0px;
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 32px;
	height: 32px;
	float: left;
}

.youtube a {
display:block;
width: 32px;
height: 32px;
background: url("/images/site/yt.png") 0 0px no-repeat;
text-decoration: none;
}

.youtube a:hover { 
background-position: 0 -32px;
}

.youtube a:active {
background-position: 0 0;
}

div.portfolio {
	padding: 0px;
	margin-left: 25px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 110px;
	height: 110px;
	float: left;
}

.portfolio a {
display:block;
width: 110px;
height: 110px;
background: url("/images/site/portfolio.png") 0 0px no-repeat;
text-decoration: none;
}

.portfolio a:hover { 
background-position: 0 -110px;
}

.portfolio a:active {
background-position: 0 0;
}

div.resume {
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	width: 110px;
	height: 110px;
	float: left;
}

.resume a {
display:block;
width: 110px;
height: 110px;
background: url("/images/site/resume.png") 0 0px no-repeat;
text-decoration: none;
}

.resume a:hover { 
background-position: 0 -110px;
}

.resume a:active {
background-position: 0 0;
}


/*** SLIDER ***/

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:625px;
		height:275px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	/*** IMAGE GALLERY ***/