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


/*================ The following CSS markup may be adapted and learned from as the elements herein are public knowledge. You may use them in you own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) as they are property of Nicholas Brown and tempus Design and may not be reproduced.. ================*/

/*============================== Global Elements ============================================================*/

html, body {
	background:#12151C url(../img/bg_wide.jpg) repeat-y;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	
#bg {
	background:#12151C url(../img/bg_wide_all.jpg) repeat-y;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	text-align:left;
	}

p {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #12141a;
	font-style:normal;
	font-weight:normal;
	}

b {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#12141a;
	font-size: 14px;
	text-decoration:none;
	}

img {
	border:0;
	}

h1 {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color: #ff7e00;
	}

h2 {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color: #ff7e00;
	}

h3 {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #003790;
	padding-bottom:.25em;
	margin:1em 0 0 0;
	text-indent:0px;
	}

a:link {
	color: #ff7e00;
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	color: #ff7e00;
	}

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

a:active {
	text-decoration: none;
	color: #ffffff;
	}

/*==============================  Navigation Controls ============================================================*/

/*================  Side Nav ==============================================*/
ul#nav {
	margin:0;
	height:273px;
	width:215px;
	top:0px;
	left:0px;
	padding:0 0 0 0;
	position:relative;
	background:transparent url(../img/nav.jpg);
	}

ul#nav li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:right;
	text-indent:-9999px;
	}

ul#nav li a {
	border:0;
	text-decoration:none;
	display:block;
	background:transparent url(../img/nav.jpg);
	}


li#begin a {
	width:215px;
	height:71px;
		}
		li#begin a:link, li#begin a:visited {
			background-position:0px 0px;
			} 
		li#begin a:hover, li#begin a:focus {
			background-position:0px -274px;
			}
		
li#artist a {
	width:215px;
	height:66px;
	}
	li#artist a:link, li#artist a:visited {
		background-position:-0px -72px;
		} 
	li#artist a:hover, li#artist a:focus {
		background-position:0px -344px;
		}
		
li#portfolio a {
	width:215px;
	height:68px;
	}
	li#portfolio a:link, li#portfolio a:visited {
		background-position:-0px -138px;
		}
	li#portfolio a:hover, li#portfolio a:focus {
		background-position:0px -411px;
		}
	
li#contact a {
	width:215px;
	height:66px;
	}
	li#contact a:link, li#contact a:visited {
		background-position:0px -206px;
		}
	li#contact a:hover, li#contact a:focus {
		background-position:0px -480px;
		}



	
/*#nav li a#current-company {
	background:transparent url(../img/nav.jpg);
	background-position:-438px -83px;
	text-decoration:none;
	}	

#nav li a#current-clients {
	background:transparent url(../img/nav.jpg);
	background-position:-552px -56px;
	text-decoration:none;
	}

#nav li a#current-members {
	background:transparent url(../img/nav.jpg);
	background-position:-780px 0px;
	text-decoration:none;
	}	*/


/*============================== Global Div tags ============================================================*/

#wrap {
	width: 1171px;
	}


#banner { /* Header for all pages based on H1 tag */
	height:168px;
	width:1171px;
	text-indent: -1234em;
	background-image:url(../img/header_bg.jpg);
	padding:0;
	margin:0;
	} 

#banner2 { /* Header for all pages based on H1 tag */
	height:168px;
	width:1171px;
	text-indent: -1234em;
	background-image:url(../img/header_bg_all.jpg);
	padding:0;
	margin:0;
	} 

#nav_left {
	text-align:left;
	display:inline;
	float:left;
	height: 273px;
	width: 215px;
	}

#content {
	text-align:left;
	display:inline;
	float:left;
	width: 870px;
	height: auto;
	padding:0;
	}

.center {
		text-align:center;
}

#right_column {	
	background:transparent url(../img/r_col_bg.jpg);
	background-repeat:no-repeat;
	text-align:left;
	display:inline;
	float:right;
	width:280px;
	height:500px;
	}
		
		#right_content {
			text-align:center;
			display:inline;
			float:right;
			width:200px;
			height:200px;
			margin:40px 40px 0 0;
			background-color:#FFF;
			border:1px solid #999;
			}
			
		#right_content2 {
			text-align:center;
			display:inline;
			float:right;
			width:200px;
			height:200px;
			margin:40px 30px 0 0;
			padding: 10px 10px 0 10px;
			background-color:#FFF;
			border:1px solid #999;
			}

#quicklink {
	}

#footer_all {
	}

/*============================== Inner Pages Gobal Div tags ============================================================*/

/*#innerfooterwrap{
	margin: 0 auto 0 auto;
	background-image:url(../img/footer_bg2.jpg);
	background-repeat:repeat-x;
	clear:both;
	height:185px;
	width:910px;
	position:static;
	} */

#footer2{
	background-image:url(../img/footer_bg_all.jpg);
	background-repeat:no-repeat;
	clear:both;
	width:1171px;
	height:66px;
	margin:0 0 0 0;
	position:static;
	text-align:left;
	}
	
		#disclaimer2 {
		position:relative;
		width:600px;
		height:auto;
		top:6px;
		left:475px;
		}
	
		#disclaimer2 p {
			color:#FFFFFF;
			text-align:right;
			font-size:12px;
			}



/*============================== Index Page Div tags ============================================================*/					

#center_content {
	text-align:left;
	display:inline;
	float:left;
	height:auto;
	width: 464px;
	padding:20px 0 20px 60px;
	}

#footer{
	background-image:url(../img/footer_bg.jpg);
	background-repeat:no-repeat;
	clear:both;
	width:900px;
	height:296px;
	margin:0 0 0 201px;
	position:static;
	text-align:left;
	}

	#disclaimer {
		position:relative;
		width:600px;
		height:auto;
		top:120px;
		left:275px;
		}
	
		#disclaimer p {
			color:#FFFFFF;
			text-align:right;
			font-size:12px;
			}
/*============================== Artist Page Div tags ============================================================*/					

#right_column2 {	
	background:transparent url(../img/r_col_bg.jpg);
	background-repeat:no-repeat;
	text-align:left;
	display:inline;
	float:right;
	width:280px;
	height:700px;
	}

#about {
	display:inline;
	float:left;
	height:auto;
	width:500px;
	padding:15px 0 0 75px;
	}

.me_left {
	float:left;
	margin:13px 15px 5px 0;
	border:1px solid #999;
	}

/*============================== Portfolio Page Div tags ============================================================*/					

#web_port {
	width:800px;
	height:auto;
	padding: 6px 0 0 75px;
	}

#illus_port {
	clear:left;
	width:800px;
	height:auto;
	padding: 50px 0 0 75px;
	}

#page_port {
	clear:left;
	width:800px;
	height:auto;
	padding: 50px 0 0 75px;
	}
	
#photo_port {
	clear:left;
	width:800px;
	height:auto;
	padding: 50px 0 0 75px;
	}

ul.thumbs {
	list-style: none; 
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
ul.thumbs li {
	float: left; 
	padding: 0; 
	margin: 20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#015A9C;
	font-style:normal;
	font-weight:normal;
	}

ul.thumbs li img {
	margin-bottom:10px;
	border:1px solid #999;
	}



/*============================== Contact Page Div tags ============================================================*/		

#contact_form {
	height:auto;
	width: 600px;
	padding: 20px 0 0 25px;
}


	#para_temp {
		height:460px;
		width: 600px;
		margin: 30px 0 0 75px;
		}
		
	#para_temp p {	
		font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:25px;
		color:#12141a;
		}
	
	#para_temp a:visited {
		text-decoration: none;
		color: #ff7e00;
		}

	#para_temp a:hover {
		text-decoration: underline;
		color: #ff7e00;
		}
/*===================================== Form Controls =====================================*/

fieldset {
	border:none;
	}

legend {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#2d6191;
	}

textarea {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:400px;
	height:150px;
	}

.clear {
	clear:both;
	}

.txt-leftalign {
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	width:100px;
	padding:5px 3px 5px 5px;
	text-align:left;
	}

.txt-leftalign2 {
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	width:300px;
	padding:5px 3px 5px 5px;
	text-align:left;
	}

.formField {
	float:left;
	padding:1px;
	text-align:left;
	}


/*============================== Image replacement text, all pages ============================================================*/

.replace{ 
	position:relative; 
	margin:0 0 5px 0; 
	padding:0px; /* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	} 
	
.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
	} 
	
#fresh_start, #fresh_start span{
	height:29px;
	width:467px;
	background-image: url(../img/start_fresh.jpg);
	}

#web_design, #web_design span{
	height:31px;
	width:462px;
	background-image: url(../img/web_design_h1.JPG);
	}

#illus, #illus span{
	height:31px;
	width:462px;
	background-image: url(../img/illus_h1.JPG);
	}
	
#page_design, #page_design span{
	height:31px;
	width:462px;
	background-image: url(../img/page_design_h1.JPG);
	}
	
#photo, #photo span{
	height:31px;
	width:462px;
	background-image: url(../img/photo_h1.JPG);
	}

#me_text, #me_text span{
	height:26px;
	width:461px;
	background-image: url(../img/me_text.jpg);
	}
	
#resume_txt, #resume_txt span{
	height:22px;
	width:189px;
	background-image: url(../img/resume.jpg);
	}