/* Reset browser defaults */

* {margin:0;padding:0;border:0;}

/*----------- Global Elements ---------------*/
body {
	font:9pt/1.3em arial;
	background:#7C1716;
	color:#CCC;
	margin:0 auto;
	padding:0;
	text-align:center;
		}


/* ----- link ------*/
a {text-decoration:none;font-weight:bold;color:#E20001;}
a:hover {text-decoration:none;font-weight:bold;color:#FC3637;}


/* ----- p ------*/
p {margin-bottom:15px;}

.break {clear:both;}

.center {margin:0 auto;text-align:center;}

.date {font-weight:bold;border-bottom:1px solid #FFF;margin-bottom:8px;}


/* --- img ---- */
img {border:0;}


/* --- ul --- */
ul  { list-style-type:none;}

li {margin-bottom:.3em;}

.lineup li { list-style-type:none;display:inline;float:left;margin:0 3px 2px 3px;}

ul.bullet {margin:0 0 20px 25px;}

.bullet  li { list-style-type:square;margin:5px 0 10px 0;}


/* ------ dd --------*/
#commission dl {clear:both;}
#commission dt {margin:0 10px 8px 0; font-weight:bold;width:150px;border:1px solid #666; display:inline;float:left;padding:4px;margin:0 10px 15px 0;}
#commission dd {width:150px;float:left;border:1px solid #666;padding:4px;margin:0 0 15px 0; }

#contact dl, #contact dt, #contact dd {margin-bottom:10px;}

.dltop {background:#7C1716;border:0;text-align:center;font-weight:bold;}



/* ----headers ----*/
h1 {
	font:20pt times;
	width:442px;
	background:#1F1F1F;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:.2em;
	font-weight:bold;
	float:right;
	padding:5px 15px 5px 0;
	margin:0 0 30px 0;
	}
	
#full h1, #full h2  {width:98%;margin-right:4px;}
 
h2 {
	font:14pt times;
	width:442px;
	background:#1F1F1F;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:.2em;
	font-weight:bold;
	float:right;
	padding:5px 15px 5px 0;
	margin:0 0 10px 0;
	}


h3 { 
	background:#7C1716;
	font:12pt times;
	width:100%;
	padding:5px 15px 5px 0;
	font-weight:bold;
	text-align:center;
	letter-spacing:.2em;
	margin-bottom:20px;
}

/* ---- Content ----- */

#wrapper {	
	text-align:left;
	margin:0 auto;
	background:#272726;
	}

#main {
	width:770px;
	margin:0 auto;
	}
	
#header {
	margin-top:0px;
	width:770px;
	height:165px;
	background:url(../images/bg-header.jpg) no-repeat 0 0;
	text-align:left;
	text-indent:-5000000000000000000000px;
	}

#linkback {padding:0;margin:0;}
	
#linkback a, #linkback a:hover { 
		display:block;
		width:220px;
		height:165px;
		margin:0 0 0 0;
		float:right;
		text-indent:-5000000px;
}



#nav {
	width:770px;
	height:33px;
	text-align:right;
	background:url(../images/bg-nav.jpg) no-repeat 0 0;
	}

ul#menu {
	width:465px;
	height:24px;
	display:inline;
	float:right;
	}

#menu li {
	display:inline;
	float:left;
	height:24px;
	text-transform:uppercase;
	}

#menu li a {
	padding:3px 8px 2px 8px;
	color:#FFF;
	font: 12pt times new roman;
	line-height:24px;
	text-decoration:none;
	font-weight:bold;
	}

li.highlight {background:#781413;}

#menu li a:hover {
	background:#781413;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}


#content {
		background:url(../images/bg-content.jpg) repeat-y 0 0;
		text-align:center;
		}

#contentwrap {
	width:770px;
	padding:10px 0 10px 0;
	text-align:justify;
	}
	
#left {
	clear:both;
	width:260px;
	padding:0 0 0 0;
	margin:0 0 0 20px;
	display:inline;
	float:left;
	text-align:center;
	}

#left p {text-align:left;}
#left ul {text-align:left;}

#right {
	text-align:left;
	width:456px;
	margin:0 4px 0 0;
	display:inline;
	float:right;
	text-align:justify;
	}

	#right p {margin-right:15px;}


#full {
	clear:both;
	width:750px;
	margin:0;
	float:right;
	text-align:justify;
	}

#full p {margin-right:15px;}

#divide { clear:both; height:5px;width:718px;background:url(../img/bg-break.jpg) no-repeat;}

#footer  {
	clear:both;
	background:url(../images/bg-footer0.jpg) repeat-x #7C1716;
	color:#ccc;
	text-align:right;
	padding:0 0 25px 0;
	font:.75em/1.5em Arial, Helvetica, sans-serif;
	text-align:center;
	}
#insidefoot {
	height:33px;
	width:770px;
	margin:0 auto;
	text-align:center;
	background:url(../images/bg-footer.jpg) no-repeat #7C1716;
	}

	
/* ------- Forms -------*/
fieldset {clear:both;}

input, select, textarea { background:#272726 !important;border:1px solid white;color:#fff;padding:2px;width:400px;}

form {margin:0px;padding:0;}


/* -----  Portfolio Stuff ---- */
.albums li {display:inline;float:left;width:215px;margin:0 7px 20px 7px;border:4px solid #DEE2E3;background:#DEE2E3;}
#image .albums img {width:230px;height:230px;}
.blocklink a {
	display:block;
	background:#686A69;
	width:210px;
	height:18px;
	line-height:18px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff !important;
	margin:0 0 0 4px;
	}
.blocklink a:hover {background:#EA6B04;}


/* ------ Hover Menu ------ */

#visual {
	display:block;
	width:300px;
	height:86px;
	position:absolute;
	top:0px;
	right:1px;
	background:url(../img/roll-base.gif) no-repeat top right;
	}


#visual ul{
	list-style: none;
	margin-top:61px;
	margin-left:0;
	width:300px;
	}
ul#visual li {
	width:75px;background:#9F2626;display:inline;float:left;
	}
	
#visual a { /* if background is on a:link IE6 won't display properly  */
	display:inline;
	float:left;
	color:#fff;
	}

#home #visual a, #about #visual a {	background:#B50606; }
#portfolio #visual a, #image #visual a {	background:#EA6B04; }
#resume #visual a {	background:#079D15; }
#contact #visual a { background:#1A4EC3; }

#visual a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	display:block;
	float:left;
	width:75px;
	height:18px;
	line-height:18px;
	text-align:center;
	}
 
#home #visual a:hover, #about #visual a:hover, #portfolio #visual a:hover, #contact #visual a:hover, #resume #visual a:hover {
	color:#fff;background:#666 no-repeat; /* no background-x styles work here */
 	}
	
#visual a img {
	width: 158px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 51px;
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	}
	

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#visual a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 0; 
	display: block;
	}	
#visual li {
	display:inline;float:left;
	margin-top:0;
	margin-bottom:0;
	width: 75px;
	}
/* end hack */


#visual a:hover img {
	visibility:visible;
	}