@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------------
[Master Style Sheet]
------------------------------------------------------------------------------------

Project:		SignCraft
Version:		1.0
Designer:		Ryan Martinez - Spincaster design (ryan@spincaster.com)
CSS 2.1 standards validated by: W3C  validated on: 
last change:	
Assigned to:
Primary use:	SignCraft

Color  palette:
	p standard: 		
	p a:				
	p a hover:			
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/

* {
	border:none;
	outline:none;
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/
.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}

/*the following will remove the dotted outline that appears when a link is focused*/

a:focus {
	outline: none;
}

a.skipToContent{
	display:none;
}



/*----------------------------------------------------------------------------------
	default template for Signcraft
----------------------------------------------------------------------------------*/

html{ height:100%; }

body{
	position:relative;
	height:100%;
	background: #000 url(../images/backgrounds/Body_bg.jpg) repeat-x center top;	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: inherit;
	text-decoration:none;
}



/*----------------------------------------------------------------------------------
	main container: #main_container
----------------------------------------------------------------------------------*/

	#main_container{
		position:relative;
		width:950px; 
		min-height: 100%;
		height: auto !important;
		height:100%;
		margin:0px auto;
	}

/*----------------------------------------------------------------------------------
	1.0 header: #header
----------------------------------------------------------------------------------*/
	#header {
		position:absolute;
		top:0px; left:0px;
		width:950px; height:232px;
		
		background:url(../images/headers/Header.png) no-repeat 0px 0px;
		z-index:50;
	}
	
	/* 1.1 header h1: #header h1
	----------------------------------------------------------------------------------*/
	#header h1 {
		position:absolute;
		top:35px; left:40px;
		display:block;
		width:auto; height:auto;
	}
	#header h1 a{
		display:block;
		width:340px; height:125px;
	}
	#header h1 a span { display:none;}
	
	/* 1.2 header global nav: #header ul#globalNav
	----------------------------------------------------------------------------------*/	
	#header ul#globalNav{
		position:absolute; top:18px; right:15px;
	}
		#header ul#globalNav li{
			width:auto; height:auto;
			
		}
			#header ul#globalNav li a{
				display:block;
				width:75px; height:42px;
				background:url(../images/buttons/global_Nav.png) no-repeat -4px -4px;
			}
			#header ul#globalNav li a#home{ background:url(../images/buttons/global_Nav.png) no-repeat -4px -4px; }
			#header ul#globalNav li a#contact{ background:url(../images/buttons/global_Nav.png) no-repeat -4px -45px; }
			#header ul#globalNav li a#prologin{ background:url(../images/buttons/global_Nav.png) no-repeat -4px -86px; }
			
			#header ul#globalNav li a#home:hover{ background:url(../images/buttons/global_Nav.png) no-repeat -77px -4px; }
			#header ul#globalNav li a#contact:hover{ background:url(../images/buttons/global_Nav.png) no-repeat -77px -45px; }
			#header ul#globalNav li a#prologin:hover{ background:url(../images/buttons/global_Nav.png) no-repeat -77px -86px; }
			
			#header ul#globalNav li a span{ display:none; }
	/* 1.3 orange dude: #header #orangeNewsGuy
	----------------------------------------------------------------------------------*/
	#header #orangeNewsGuy{position:absolute;
		top:155px; right:5px;
	}
	
/*----------------------------------------------------------------------------------
	2.0 Content: #content
----------------------------------------------------------------------------------*/
	#content{
		padding:150px 0px 0px 0px;
		color:#fff;
	}
	
	/* 2.1 Column container (contains 2 or 3 colums): #content #ColumnsContainer #ColumnsContainer
	----------------------------------------------------------------------------------*/
	#content #ColumnsContainer{
		background:url(../images/backgrounds/mainContainer_bg_threeColumn.png) repeat-y 0px 0px;
		margin:0px 0px 15px 0px;
	}
		
		/* 2.1.1 Left column: #content #ColumnsContainer #leftColumn
		----------------------------------------------------------------------------------*/
		#content #ColumnsContainer #leftColumn{
			float:left;
			width:188px;
			padding:85px 0px 15px 0px;
		}
			/* 2.1.1.1 left Column primary navigation: #content #ColumnsContainer #leftColumn #pnav
			----------------------------------------------------------------------------------*/
			 #leftColumn #pnav{	}
			 #leftColumn #pnav > li{
				width:auto; height:auto;
				padding:0px 0px 0px 15px;
				margin:0px 0px 7px 0px;
			}
				#leftColumn #pnav > li > a{
					display:block;
					width:152px; height:54px;
				}
				/*interior*/
				#leftColumn #pnav li a#HeadPage192 {background:url(../images/buttons/primaryNav.png) no-repeat -166px -6px;}
				/*exterior*/
				#leftColumn #pnav li a#HeadPage193 {background:url(../images/buttons/primaryNav.png) no-repeat -166px -68px;}
				/*illuminated*/
				#leftColumn #pnav li a#HeadPage194 {background:url(../images/buttons/primaryNav.png) no-repeat -166px -128px;}
				/*vehicle*/
				#leftColumn #pnav li a#HeadPage195 {background:url(../images/buttons/primaryNav.png) no-repeat -166px -186px;}
				/*graphicdesign*/
				#leftColumn #pnav li a#HeadPage196 {background:url(../images/buttons/primaryNav.png) no-repeat -166px -249px;}
				/*uploadfile*/
				#leftColumn #pnav li a#HeadPage197 {background:url(../images/buttons/primaryNav.png) no-repeat -166px -309px;}
				
				#leftColumn #pnav li a#HeadPage192:hover {background:url(../images/buttons/primaryNav.png) no-repeat -7px -6px;}
				#leftColumn #pnav li a#HeadPage193:hover{background:url(../images/buttons/primaryNav.png) no-repeat -7px -68px;}
				#leftColumn #pnav li a#HeadPage194:hover {background:url(../images/buttons/primaryNav.png) no-repeat -7px -128px;}
				#leftColumn #pnav li a#HeadPage195:hover {background:url(../images/buttons/primaryNav.png) no-repeat -7px -186px;}
				#leftColumn #pnav li a#HeadPage196:hover {background:url(../images/buttons/primaryNav.png) no-repeat -7px -249px;}
				#leftColumn #pnav li a#HeadPage197:hover {background:url(../images/buttons/primaryNav.png) no-repeat -7px -309px;}
					
				#leftColumn #pnav li a span{ display:none; }
				
				#leftColumn #pnav li ul{
					position:relative;
					width:147px;
					margin:7px 0px 0px 4px;
					background:#682713 url(../images/backgrounds/pnav_ul_lu_ul_bg.jpg) no-repeat -1px bottom ;
					display:none;
				}
				#leftColumn #pnav li ul li{ 
					display:block;
					width:auto; height:auto;
				}
				#leftColumn #pnav li ul li a{
					display:block;
					width:133px;
					padding:7px;
						
					text-transform:uppercase;
					color:#fff;
				}
				#leftColumn > #pnav > li > ul > li:first-child > a{
					background: url(../images/backgrounds/pnav_ul_lu_ul_li_bg.jpg) no-repeat -1px top;
				}
				#leftColumn #pnav li ul li:first-child a:hover{ background:#351f08; }
				#leftColumn #pnav li ul li a:hover{
					color:#E47816; /*orange*/
					background:#351f08;
				}
				#leftColumn #pnav li ul li a.current{
					color:#E47816; /*orange*/
					background:#351f08;
				}
				#leftColumn #pnav li ul li ul{
					position:absolute;
					left:110px; top:-9px;
					width:168px; padding:0px 0px 20px 0px;
					background: url(../images/backgrounds/subnav_subnav_bg.png) no-repeat bottom center;
					z-index:56;
					
				}
					#leftColumn #pnav li ul li ul li{
						background:url(../images/backgrounds/subnav_subnav_Li_bg.png) repeat-y 0px 0px;
					}
					#leftColumn #pnav li ul li ul li:first-child{
						padding:20px 0px 0px 0px;
						background:url(../images/backgrounds/subnav_subnav_Li_firstchild_bg.png) no-repeat 0px 0px; 
					}
					
					#leftColumn #pnav li ul li ul li a{
						width:132px;
						margin:0px 0px 0px 11px;
					}
				
			
		/* 2.1.2 right Column: #content #ColumnsContainer #rightColumn
		----------------------------------------------------------------------------------*/
		#content #ColumnsContainer #rightColumn{
			float:right;
			width:158px;
			padding:150px 15px 15px 15px;
		}
		#main_container #content #ColumnsContainer #rightColumn p big{
			display:block;
			margin:0px 0px 5px 0px; padding:0px;
			font-family:"Times New Roman", Times, serif;
			font-size:72px;
			line-height:0.80em;
			color:#000;
			border-bottom:4px solid #e47a26;/*orange*/
		}
		#main_container #content #ColumnsContainer #rightColumn p{ color:#000; }
		#main_container #content #ColumnsContainer #rightColumn em{ display:block; font-style:italic; color:#000; margin:0px 0px 10px 0px } 
		#main_container #content #ColumnsContainer #rightColumn a.moreInfo {
			display:block;
			width:77px; height:41px;
			margin:5px 5px 5px 0px;
			background: url(../images/buttons/moreInfo.png) no-repeat -88px -5px;
		}
		#main_container #content #ColumnsContainer #rightColumn a.moreInfo span{display:none; }
		#main_container #content #ColumnsContainer #rightColumn a.moreInfo:hover{
			background: url(../images/buttons/moreInfo.png) no-repeat -4px -5px;
		}
		#main_container #content #ColumnsContainer #rightColumn hr{
			margin:15px 0px 5px 0px;
			height:1px; border-top:1px solid #e47a26;/*orange*/
		}
			
		/* 2.1.3 Center Column: #content #ColumnsContainer #centerColumn
		----------------------------------------------------------------------------------*/
		#content #ColumnsContainer #centerColumn{ width:572px; float:left;  font-size:14px;}
		#content #ColumnsContainer #centerColumn h1{display:none;}
		#content #ColumnsContainer #centerColumn h2{margin:15px 15px 5px 15px; font-size:22px; color:#e47a26;/*orange*/}
		#content #ColumnsContainer #centerColumn h3{margin:0px 15px 5px 15px; padding:0px 0px 5px 0px; font-size:14px; border-bottom:1px solid #fff; }
		#content #ColumnsContainer #centerColumn h4{margin:0px 15px 5px 15px;font-size:14px; color:#e47a26;/*orange*/}
		#content #ColumnsContainer #centerColumn h5{margin:0px 15px 5px 15px;font-size:12px;}
		#content #ColumnsContainer #centerColumn h6{margin:0px 15px 5px 15px;font-size:8px;}
		#content #ColumnsContainer #centerColumn p{ color:#ddd; text-align:left; margin:0px 15px 15px 15px; }
		#content #ColumnsContainer #centerColumn strong{font-weight:bold; color:#fff;}
		#content #ColumnsContainer #centerColumn b{font-weight:bold; color:#fff;}
		#content #ColumnsContainer #centerColumn em{font-style:italic; color:#fff;}
		#content #ColumnsContainer #centerColumn i{font-style:italic; color:#fff;}
		#content #ColumnsContainer #centerColumn a{ color:#e47a26;/*orange*/ text-decoration:underline;}
		#content #ColumnsContainer #centerColumn a:hover{ color: #630;/*brown*/}
		#content #ColumnsContainer #centerColumn a:visited{}
		#content #ColumnsContainer #centerColumn p a{ color:#e47a26;/*orange*/ text-decoration:underline; }
		#content #ColumnsContainer #centerColumn p a:hover{ color: #630;/*brown*/}
		#content #ColumnsContainer #centerColumn p a:visited{}
		#content #ColumnsContainer #centerColumn dl{ margin:0px 0px 15px 15px;}
		#content #ColumnsContainer #centerColumn ul{ margin:0px 0px 15px 15px;}
		#content #ColumnsContainer #centerColumn ol{ margin:0px 0px 15px 15px; } 
		#content #ColumnsContainer #centerColumn ul li{ 
			padding-left:15px;
			background: url(../images/backgrounds/li_bg.png) no-repeat 0px 4px;
		}
		#content #ColumnsContainer #centerColumn ol li{list-style: inside decimal;}
		#content #ColumnsContainer #centerColumn img{}
		#content #ColumnsContainer #centerColumn a img{}
		#content #ColumnsContainer #centerColumn a:hover img{}
		#content #ColumnsContainer #centerColumn hr{height:1px; border-bottom:1px solid #d5e3f5; /*blue*/ clear:both;}
		#content #ColumnsContainer #centerColumn img[align=right]{margin:15px;}
		#content #ColumnsContainer #centerColumn img[align=left]{ margin:15px;}
		#content #ColumnsContainer #centerColumn img[align=center]{ margin:15px;}
		#content #ColumnsContainer #centerColumn a img[align=right]{margin:15px;}
		#content #ColumnsContainer #centerColumn a img[align=left]{ margin:15px;}
		#content #ColumnsContainer #centerColumn a img[align=center]{margin:15px; }
		
		/*#Slideshows{
			width:570px;height:334px;
			background: url(../images/backgrounds/SigncraftLogoBackground.jpg) no-repeat 0px 0px;
		}*/
	/* 2.2 advertspace space: #content #addSpace
	----------------------------------------------------------------------------------*/
	#content #addSpace{
		padding:0px 0px 190px 0px;
	}
	
	/* 2.3 footer: #content #footer
	----------------------------------------------------------------------------------*/
	#content #footer{
		position:absolute; bottom:0px; left:0px;
		width:100%; height:100px;
		padding:85px 0px 0px 0px;
		background:url(../images/backgrounds/footertop.png) no-repeat center top;
	}
		#content #footer #fnav a{
			display:inline-block;
			padding:2px 12px 2px 12px;
			color:#f2dfa4;/*light yellow*/
			font-weight:bold;
			font-size:14px;
			text-align:center;
			text-transform:uppercase;
		}
		#content #footer #fnav a:hover{color:#a5561d;/*orange*/}
		#content #footer p#fnav br{
			display:block;
			border:none; height:10px;
		}
		
		#content #footer p {
			text-align:center;
			color:#a5561d;/*orange*/
		}
			#content #footer p a{ color:#a5561d;/*orange*/	
			}
			#content #footer p a:hover{color:#f2dfa4; /*light yellow*/}
			
			
/***********************************
	Classes
************************************/
a.edit_link {
	display: block;
	float: right;
	margin: 20px 15px 0px 0px;
}