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

/*********************************************************
GENERAL STYLES
*********************************************************/
*{
	margin:0;
	padding:0;
}

html, body, #wrapper{
	height:100%;
}

#wrapper{
	width:950px;
}

body{
	font-family:Tahoma, Geneva, sans-serif;
	background: #1a1a1a url(../images/bg.jpg) top left no-repeat;
}

a{
	text-decoration:none;
	color:#cfcfcf;
}

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

#clear{
	clear:both;
}



/*********************************************************
NAVIGATION BAR
*********************************************************/

/**navBar**/
#navBar{
	float:left;
	height:100%;
	width:150px;
	background:url(../images/navBar.png) top left;
	margin-left:20px;
}


/**logo**/
#logo h2 span{
	display:none;
}

#logo h2{
	position: relative;
	top: 10px;
	width:115px;
	height:76px;
	background:url(../images/logo.png) top right no-repeat;
	margin: 0 auto;	
}

#logo h1{
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#cc3838;
	padding-right:5px;
	padding-top:7px;
}

#logo h1 p{
	position:relative;
	bottom:3px;
	color:#cfcfcf;
}


/**mainNav**/
#mainNav{
	list-style:none;
	text-align:right;
	padding-right:5px;
	margin-top: 15px;
}

#mainNav li{
	padding-bottom:5px;
}

#mainNav a{
	height: 20px;
	display:block;
	text-decoration: none;
	color: #cfcfcf;
	font-weight: bold;
	font-size:11px;
	line-height:17px;
}

#mainNav a:hover{
	color: #cc3838;
	background:url(../images/redDash.png) top left;
}

#home #homeLink a, #artwork #artworkLink a, #about #aboutLink a, #contact #contactLink a{
	color: #cc3838;	
	background:url(../images/redDash.png) top left;
}


/*********************************************************
Container
*********************************************************/

/**container**/
#container{
	float:left;
	width:715px;
	padding-left: 40px;
	margin-top:25px;
}

/**header section**/
#header{
	clear:both;
	display:block;
}

#title{
	float:left;
	color:#cc3838;
	font-size:36px;
	font-weight:bold;
	padding-right:10px;
	margin-left:-1px;
}


/**headerBar**/
#headerBar{
	float:right;
	height:15px;
	margin-top:21px;
	background:url(../images/redDash.png) top left;
}

#home #headerBar{width: 474px;}

#artwork #headerBar{width: 539px;}

#about #headerBar{width: 597px;}

#contact #headerBar{width: 563px;}





/**content**/
#content{
	clear:both;
	margin-top:16px;
}


/*********************************************************
Home
*********************************************************/
/**flash**/
#flash{
	float:left;
	width:480px;
	height:230px;
}


/**latestNews**/

#latestNews{
	float:left;
	width:210px;
	margin-left: 15px;
	margin-top:-8px;
}


#latestNews h4{
	color:#cc3838;
	font-size:28px;
	font-weight:bold;
}

#newsDate{
	color:#cfcfcf;
	font-size:28px;
	font-weight:bold;
	line-height:12px;
}

#newsText{
	color:#FFF;
	font-size:11px;
	margin-top:10px;
}


/*********************************************************
Artwork
*********************************************************/
.firstThumb{
	width:160px;
	height:100px;
	border:#cfcfcf 1px solid;
	margin-bottom:22px;
}


.thumbnail{
	width:160px;
	height:100px;
	margin-left:22px;
	margin-bottom:22px;
	border:#cfcfcf 1px solid;
}


/*********************************************************
About
*********************************************************/

/**imageProfile**/
#imageProfile{
	float:left;
	width:330px;
	height:250px;
}


/**infoProfile**/
#infoProfile{
	float:left;
	width:170px;
	height:250px;
	margin-left:20px;
	margin-top:-8px;
}

#infoText{
	color:#FFF;
	font-size:11px;
	margin-top:10px;
}



/**resumeProfile**/
#resumeProfile{
	float:right;
	width:170px;
	height:250px;
	margin-top:-8px;
}

/**Links**/
#resume{
	margin-top:10px;
}


#resume li{	
	display:inline;
	
}


/**word**/
#word a{
	background:url(../images/word.png) top left;	
}

/**pdf**/
#pdf a{
	background:url(../images/pdf.png) top left;
}

#word a, #pdf a{
	display:block;
	float:left;
	text-decoration:none;	
	height:60px;
	width:60px;
	margin-right:18px;
	color:#cfcfcf;
}

#word a:hover, #pdf a:hover{
	background-position:bottom right;
	color:#cc3838;
}

#word span, #pdf span{
	position:relative;
	font-size:22px;
	font-weight:bold;
	top:60px;
}


.textHeader{
	color:#cc3838;
	font-size:28px;
	font-weight:bold	
}

.textSub{
	color:#cfcfcf;
	font-size:28px;
	font-weight:bold;
	margin-top:-8px;
}


/*********************************************************
Contact
*********************************************************/
#contactForm{
	margin-top:-8px;
}

#contactForm td{
	padding-right:30px;
	padding-bottom:5px;
	
}

#contactForm input{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:#cfcfcf 1px solid;
	background:#1c1c1c;	
	color:#cc3838;
	padding-top:5px;
	padding-left:5px;
	height:22px;
	width:250px;
}

#contactForm textarea{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:#cfcfcf 1px solid;
	background:#1c1c1c;
	color:#cc3838;
	padding-top:5px;
	padding-left:5px;
	width:250px;
	height:100px;
	margin-top:3px;
}

#contactForm #send{
	border:none;
	background:none;
	cursor:pointer;
	width:50px;
	height:30px;
	color:#cfcfcf;
	font-size:20px;
	font-weight:bold;
	margin-left:358px;
	margin-top:-10px;
}

#contactForm #send:hover{
	color:#cc3838;
}


#firstName, #lastName, #email, #message{
	color:#cfcfcf;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}


#msgSent{height:239px;}



/*********************************************************
Footer
*********************************************************/
#footer{
	margin-top:18px;
}

#artwork #footer{
	margin-top:0px;	
}


#footer span{
	float:left;
	color:#FFF;
	font-size:10px;
}

#footerBar{
	float:right;
	width:295px;
	border-top: 2px #cc3838 solid;
	margin-top: 6px;
}