/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background: #000 url(../images/bg.jpg) repeat-x;
	font: 14px/16px "Times New Roman", Times, serif; 
	color:#FFFFFF;
	text-align: left; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1,h2,h3 { margin: 20px 0 8px 10px; }

h1	{ font-size:1.2em; color:#FBBC00; font-weight:bold; }
h2	{ font-size:1.1em; color:#FBBC00; font-weight:bold; }
h3	{ font-size:1.0em; color:#808080; font-weight:bold; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#800; text-decoration:none; }
a:hover,a:active	{ color:#800; text-decoration:underline; }

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}	

img.img-right { 
	float:right; 
	margin:2px 0 10px 10px; 
	}

div.flash {
	float:right;
	margin:0 10px 0 0;
	}

#header {
	background: transparent;
    width: 715px;
    height: 150px;
    float: left;
    }
	
	/* home link within #masthead */		

	#header a {	
		position:absolute;
		left:25px;
		width:170px;
		top:15px;
		height:125px;
		}
		
	#header img {	
	margin: 0 0 0 0		
	}

#content {
	background-color:#000;
	margin: 5px;
	padding: 2px;
	padding-bottom: 10px;
	width: 715px;
	height:auto;
    /*height: 610px;*/
	float: left;
	line-height: 1.5em; 
	border: 1px solid #900;
	overflow: auto;
	}
	
	#content p, #content hr, #content ul {
	margin: 10px 10px 0 40px;
	}
	
	#content div.calendar {
	margin: 10px 10px 0 40px;
	}
		#content div.calendar table td { border-color:#FBBC00; text-align:center; }

	
	#content img {
	border: 1px solid #800;
	}

	#content ul { padding-left:5px; }	
	#content ul li {
	padding-right: 2px;
	float: left;
	list-style: none;
	_display: inline;	/* fixes IE/Win double margin float bug (safe) */
	}
	
	/* single column list */
	#content ul.list { padding-left:15px; clear:both; }
		#content ul.list li {
			list-style-type:disc;
			clear:both;
			float:left;
			}
	
	#content dl.programs { 
		margin: 10px 5px 0 40px;
		width: 250px;
		float: left;
	}
	#content dl.skills { 
		margin: 10px 5px 0 40px;
		width: 300px;
		float: left;
	}
		#content dl dt {
			font-size:1.2em;
			font-weight:bold;
			margin: 10px 5px 0 40px;
			}
		#content dl dd { 
			margin: 0 5px 0 45px;
		}

embed {margin: 0 5px 0 40px;}

#footer {
    background: transparent;
    width: 715px;
    height: 10px;
    float: left;
    }
	
	#footer p {
	font-size: 10px;
	margin: 0 5px 0 40px;
	}
	
#wrapper {
	background: url("../images/background.jpg") top left no-repeat;
	height: 768px;
	width: 1024px;
	margin: 0px auto;
    float: left;
	}
	
.work {
	height: 415px;
	width: 550px;
	background-color:#000
}

p.sub {
	clear:both;
	font-size: 9px;
}

.clear {clear:both;}
	
/* ----- main contact form ----- */ 

#contact-main { 
	padding:20px 0 10px 40px; 
	}

#contact-main label { 
	width:150px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main submit { 
	background-color: #000;
	color: #800;
	border-color: #800;
	cursor: pointer; 
	padding: 0;
	}

#contatc-main label input#newsletter { width:50px; }
	
#contact-main label textarea { height:100px; }


/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#navbar {width:715px; border: 1px solid #800; float:left; margin-left:5px;}

#nav { 
	background:transparent url("../images/nav.jpg") left top no-repeat; 
	width:715px; 
	height:30px; 
	margin:0;
	padding:0;
	}

#nav span { display: none; }

#nav li, #nav a { height:30px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 108px; margin-left: 0px;}
#nav-02 { width: 107px;}
#nav-03 { width: 84px;}
#nav-04 { width: 119px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")    -0px -30px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -108px -30px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -215px -30px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -299px -30px no-repeat; }

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#880000;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #000000;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#808080;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover { 
	background-image:none;
	background-color:#000000;
	color:#880000;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:150px; }