/*---------------globals---------------------*/

body{
	padding: 0px; margin: 0px; border:0;
	background-color: #161616;
	color: white;
	font-size: 1em;
	font-size: 75%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 20px;

}

#wraper{
	width: 865px;
	margin: 0 auto; padding: 0px;
	background-color: #161616;
}

#header{
	width: 855px;
	height: 133px;
	padding: 5px;
	padding-bottom: 12px;
	border-bottom: solid 1px #7c5caa;
	background-image: url("images/BKbar2.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	
}

ul{ list-style:none; padding: 0px 5px; line-height: 25px;}

a{text-decoration: none; font-size:16px; color: #7c5caa;}

p{margin: 0px;}

h1,h2,h3,h4,h5{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	line-height:27px;
	margin: 0px;
	letter-spacing: 1px;
	
}

h2{
	font-size:20px;
	color: #7c5caa;
	letter-spacing: 0px;
}

h3{
	font-size:20px;
	color: #797680;
	letter-spacing: 0px;
}

h4{
	font-size:18px;
	color: #797680;
	letter-spacing: 0px;
}

h5{
	font-size:16px;
	color: #7c5caa;
	letter-spacing: 0px;
	line-height: 0px;
}

/*---------------navigation---------------------*/

#header a{ 
	overflow: hidden;
	text-indent: -9000px;
	margin-top: 70px;
	height: 70px;
	display: block;
}
#menubar{
	height:37px;
	padding:0px 5px;
	margin: 0px;
	/*border-bottom: solid 1px #7c5caa;*/
}
	
#menubar ul{
	list-style: none;
	margin: 0px;
	height:37px;
	padding:0px;
	float:left;
}

#menubar ul li{ display: block; }

#menubar ul li a{
	height:36px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}

#work, #onwork{
	width:46px;
	height:37px;
	float:left;
	background-image: url("images/work.png");
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 1px;
}

#about, #onabout{
	width:47px;
	height:37px;
	float:left;
	background-image: url("images/about.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#contact, #oncontact{
	width:66px;
	height:37px;
	float:left;
	background-image: url("images/contact.png");
	background-position: top left;
	background-repeat: no-repeat;
}


#links, #onlinks{
	width:40px;
	height:37px;
	float:left;
	background-image: url("images/links.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#oncontact{
	background-image: url("images/oncontact.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#onwork{
	background-image: url("images/onwork.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#onabout{
	background-image: url("images/onabout.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#onlinks{
	background-image: url("images/onlinks.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#menubar ul li:hover{
	background-position: 50% -37px;
}

/* ---------------body---------------------*/

#content{
	
	padding-left: 5px;
	padding-top: 110px;
}



#thumbnails ul{
	margin: 0px;
	height:400px;
	padding:0px;
	color:#161616;
}

#thumbnails ul li{ 
	float:left;
	display: block;
	border: solid 5px #c3bad0;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 80px;
	background: #c3bad0;
	
}

#thumbnails ul li a{
	
	background: grey;
	height:60px;
	width:200px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	margin-bottom:1px;
}



.date{ float: right;}

.title{ float: left;}

#BGA a{ 
	background-image: url("thumbnails/bga.png") !important;
	background-position: top left;
	background-repeat: no-repeat;
}
#SYR a{ 
	background-image: url("thumbnails/syr.png") !important;
	background-position: top left;
	background-repeat: no-repeat;
}
#J2 a{ 
	background-image: url("thumbnails/j2.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#KNOW a{ 
	background-image: url("thumbnails/know_adv.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#WELL a{ 
	background-image: url("thumbnails/well.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#FOLIOS a{ 
	background-image: url("thumbnails/folios.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#MCH a{ 
	background-image: url("thumbnails/mch.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#AOT a{ 
	background-image: url("thumbnails/aot.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#LUMP a{ 
	background-image: url("thumbnails/lump.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#TRINUM a{ 
	background-image: url("thumbnails/trinum.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#GIACO a{ 
	background-image: url("thumbnails/giacom.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#OCTAL a{ 
	background-image: url("thumbnails/octal.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#DADA a{ 
	background-image: url("thumbnails/dada.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#CARSON a{ 
	background-image: url("thumbnails/carson.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#MAKE a{ 
	background-image: url("thumbnails/make.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#J1 a{ 
	background-image: url("thumbnails/j1.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#KNIT a{ 
	background-image: url("thumbnails/knit.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}
#VIPE a{ 
	background-image: url("thumbnails/vipe.png") !important;
	background-position: top left ;
	background-repeat: no-repeat;
}

#thumbnails ul li a:hover{background-position: 50% -60px;}



/* ---------------about page---------------------*/


#leftspace{
	float:left;
	width: 535px;
	margin: 0px;
}

#rightspace{
	float:right;
	width: 215px;
	margin: 0px;
}

#scrap{
	padding-left: 20px;
}

#resumes{
	clear: both;
	padding-top: 40px;
	line-height: 26px;
	height: 30px;
	
}

#resumes a{
	font-size: 18px;
}

#resumes a:hover{
	color: #FFFFFF;
}

div#benjamin{
	float:right;
	border: solid 5px #c3bad0;
	background-color: #c3bad0;
	margin-right: 5px;
}

span#ben_text_l{
	float:left;
	color: #000000;
}
span#ben_text_r{
	float:right;
	color: #000000;
}


/* ---------------contact page---------------------*/


#contactinfo_l{
	float: left;
	margin-left: 10px;
}
#contactinfo_l p{
	font-size:15px;
	color: #7c5caa;
	letter-spacing: 0px;
	line-height: 0px;
}

#contactinfo_r{
	float: right;
	text-align: right;
	margin-right: 10px;
	font-size: 16px;
	line-height: 30px;
	color:  #7c5caa;
	margin-top:0px;
	padding-top:0px;
}
#contactinfo_r a{ font-size: 16px; line-height: 30px;}
#contactinfo_r a:hover{ color: #FFFFFF; }

#contactform{
	
	float:left;
	width: 535px;

}

#email, #subject{
	width: 315px;
	margin-bottom:22px;
	margin-top: 10px;
	padding-top: 0px;
}

#message{
	margin-bottom:15px;
	margin-top: 10px;
}

#honeypot{
	display:none;
}


/* ---------------links page---------------------*/

#linklist li{
	height:50px;
	width:200px;
	display: block;
	float: left;
	text-align: center;
	
	
}
#linklist, #linklist a{ padding: 0px: margin:0px;}
#linklist a{
	margin-right: 15px; 
	font-size: 26px; 
	line-height: 30px;
}
#linklist a:hover{ color: #FFFFFF; }


/* ---------------portfolio pages---------------------*/

#workinfo{
	padding-bottom: 10px;
}
#workName{float:left; margin-right: 7px;}
#workType{float:left;}
#workDate{float:right; margin-right: 5px;}
#workSize{float:right; clear:left; margin-right: 5px;}
#workContext{clear:left;}
#workNotes{margin-top: 10px}
#printworkspace{
	background: /*#0c0c0c*/ black; 
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF; 
	margin-right: 5px;
	margin-bottom: 0px;
	padding:80px 0px 20px 0px;
}
#webworkspace{}
.worksample{
	margin: 0px auto 59px auto; 
	text-align:center
}
#seemore{margin:14px 0px 30px 0px; padding-bottom: 60px; font-size:16px;}

/* ---------------PHP messages---------------------*/

#phpMessage{

	margin: 0 auto; padding: 0px;
	background-color: black;
	color: #7c5caa;;
	width: 445px;
	padding: 45px 15px;
	margin-top: 180px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	text-align: center;
	font-size: 20px;


}


/* ---------------foot---------------------*/

#footer{
	padding:25px; clear:both;
	
}