/********************BEGIN RESET********************/

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,pagele,td,tr {
  margin:0px; 
  padding:0px; 
  border:0px; 
  border-collapse:separate; 
  border-spacing:0px;
}

* :focus { outline: 0; }

/*******************END RESET**************************-*/
body {
	color: #929292;
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	line-height: 18px;
}

/*BACKGROUND CLASSES*/
	.grid {
		background: url(../../../img/backgrounds/grid.png) repeat;
	}
	
	.lines {
		background: url(../../../img/backgrounds/lines_1.png) repeat;
	}
	
	.lines_wider {
		background: url(../../../img/backgrounds/lines_2.png) repeat;
	}
	
	.wood {
		background: url(../../../img/backgrounds/wood.jpg) repeat-x;
		background-color: #090909;
	}
	
	.grain {
		background: url(../../../img/backgrounds/grain.jpg) repeat;
	}
/*BACKGROUND CLASSES*/


h1, h2, h3, h4  {
	font-family: "Caviar Dreams", 'Century Gothic', Tahoma, Arial, sans-serif;
	color: #fff;
	font-weight: normal
}

h1 {
	font-size: 32px;
	letter-spacing: 3px;
}

h2 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 20px;
}

h3 {
	font-size: 16px; 
	color: #fff;
}

h4 {
	font-size: 14px; 
}

h5 {
	font-size: 12px; 
	letter-spacing: 0.5px;
}

h6 {
	font-size: 10px; 
	letter-spacing: 0.5px;
}

.theme_color_1 {
	color: #fecb00;
}

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

a:hover {
	text-decoration: underline;
}

/********************BEGIN TABLES*****************/	
table { 
	
	width:100%; 
	text-align: center; 
	border-collapse: collapse;
}

th   { 
	color: #fecb00; 
}

thead ,th ,tfoot {
	font-weight: normal;
}

th,td,caption { 
	padding: 5px 5px 5px 5px; 
	border: 1px solid #434343;
}

tr.even td  {
	background: #222; 
}

caption     {
	color: #fecb00;
	background: #222; 
	border-collapse: collapse;
}
/*****************END TABLES************************/	


/*******************BEGIN MISC*********************/

blockquote  {

	font-size: 14px;
	font-style: italic;
	margin: 20px 40px 0 40px;
}

abbr, acronym { 
	border-bottom: 1px solid #929292; 
}

del {
	color:#929292; 
}

pre,code,tt   { 
	font-family: 'lucida console', monospace; 
	color:#929292; 
}

ol li {
	font-size: 11px;
}

/*****************END MISC ************************/

#wrapper {
		width: 626px;
		height: 534px;
		margin: 0 auto; 
}

#main {

	height: 380px;
	width: 626px;
	background: url(../img/content_bg.jpg) no-repeat;
}

#copyright_info {
	margin-top: 70px;
}

	#copyright_info  p {
		color: #bcbcbc;
		font-size: 10px;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		text-align: center;
		margin-top: 15px;
		padding-bottom: 30px;
	}



/************************header************************/

#header {
	width: 626px;
	height: 154px;
	background: url(../img/header_bg.png) no-repeat center;
}

	#header h1 {
		text-align: center;
		padding-top: 52px;	
	}
			
	.sub_title {
		color: #bcbcbc;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 1px;
	}
	
/***********************navigation*********************/
                       
ul#nav {
	line-height: 16px;
	list-style: none;
	margin-left: 33px;
	padding-top: 18px;

}

	ul#nav li {
		display: inline;	
	}
	
	#nav li a {
		color: #bcbcbc;
		font-size: 13px;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		text-decoration: none;
		letter-spacing: 0.2px;	
		margin-right: 20px;
	}
	
	ul#nav li a:hover {
		color: #fecb00;
	}
	
	ul#nav li.active  a {
		color: #fecb00;
	}
	
.separator {
	margin-top: 6px;
	padding-left: 33px;
	display: block;
}


/**********************twitter content**************************/

#twitter_container {
	width: 568px;
	height: 72px;
	margin: -10px 0 0 28px;
	line-height: 16px;
	z-index: 50;
	background-image: url(../img/twitter_bg.jpg);
	overflow: hidden;
	position: absolute;
	clear: both;
}
	
	.tweet_list {
		height: 39px;
		background: url(../img/twitter_icon.png) no-repeat;
		margin: 18px 18px 0 18px;
		list-style: none;
	}
		.tweet_list li {
			margin-left: 48px;
		}
	
	
	/*no javascript fix - <p> with this id is hidden if the javascript is turned on*/
	#twitter_js_disabled {
		margin: 18px 18px 0 18px;
		padding-left: 48px;
		height: 39px;
		background: url(../img/twitter_icon.png) no-repeat;
	}
		

/***********************PAGES***************************/

             /************general***********/
			 
#page_container {
	height: 334px;
	overflow: hidden; 
}

	.content {
		width: 560px;
		padding: 40px 33px 0;
		height: 300px;	
	}

		.content h2 {
			text-align: center;
			margin-bottom: 37px;
		}
		
		.content p {
			margin-bottom: 15px;
		}
	
/*****************ABOUT PAGE****************************/	

	.portrait {
		float: left;
		margin: 0 30px 120px 0;
		border: 3px solid #fff;
	}
	
	.list_items {
		margin: 0 0 15px 145px;
		font-size: 11px;
	}
		
	ul.list_items li {
		background: url(../img/bullet1.png) no-repeat 0 5px;
		padding: 0 0 0  15px;
		list-style: none;
		margin-bottom: 0px;
	}
	
/***************PORTFOLIO PAGE**************************/	

#page2  {
	clear: both;
}

	/****no javascript fix***/		
	.js_enabled {
		display: none;
	}
	/****no javascript fix***/		
	
	#portfolio_slider {
		width: 560px;
		height: 180px; 
		overflow: hidden;		
	}
	
		.portfolio_content {
			height: 180px;
			width: 560px;
		}
		
			ul.gallery  li{
				display: inline;
			}
			
			.gallery  img{
				margin: 0 20px 20px 0;
				border: solid 2px white;
				float: left;
			}
			
			.last_in_line {
				margin-right: 0 !important;
			}
								
	#gallery_nav {
		float: right;
	}			

	ul#gallery_nav li {
			display: block;
			float: left; 
			margin-left: 5px;
		}	
				
		#gallery_nav a {
			height: 14px;
			line-height: 8px;
			display: block;
			float: left; 
			padding: 8px 8px 1px 8px;
			background: url(../img/nav_btn.png) repeat-x center top;
			border: 1px solid;
			border-color: #323234 #090907 #090907 #323234;	
		}
				
		#gallery_nav a:hover {
			color: #3b3b3b;
			text-decoration: none;
			background: url(../img/nav_btn.png) repeat-x center bottom;
			border-color: #ffe342 #ad8202 #ad8202 #ffe342;
		}
	
		#gallery_nav li.gallery_active a{
			color: #3b3b3b;
			background: url(../img/nav_btn.png) repeat-x center bottom;
			border-color: #ffe342 #ad8202 #ad8202 #ffe342;
		}
		
/***************SOCIAL PAGE**************************/

.social_links li {
	float: left;
	width: 279px;
	margin-bottom: 14px;
	display: block;	
	line-height: 16px;
}

.social_links img {
	float: left;
	margin-right: 7px;
}	
	
.social_links a{
	color: #6b6b6b;
}
	
	.social_links a:hover {
		color: #fecb00;
		text-decoration: none;			
	}
				
.social_links strong {
	color: #fecb00;
	font-size: 14px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}				
	
/**********CONTACT PAGE*************/

#message_outcome {
	font-size: 10px;
	width: 134px;
	padding: 0px 5px 0 148px;
	display: none;	
}

#message_outcome.visible {
	display: block;
}

form {			
	width: 278px;
	float: left;
}
				
	.textbox {
		color: #929292;
		width: 198px;
		margin-bottom: 10px;
		padding: 4px;
		background-color: #1b1c1b;
		border: 1px solid #3f3f3f;
		font-family: inherit;
		font-size: inherit;
	}

	label {
		float: left;
		width: 70px;
		overflow:hidden;
	}

		#message {
			height: 76px;
		}

		#submit {	
			padding: 5px 10px;
			border: 1px solid #2a2a2a;
			margin-left: 70px;
			color: #3b3b3b;
			float: left;
			cursor: pointer;
			background: url(../img/submit_btn.png) repeat-x;
			font-family: inherit;
			font-size: inherit;		
		}
			#submit:hover {
				color:#fecb00;
				border: 1px solid #363636;
			}
		
			#contact_info {
				width: 220px;
				float: left;
				padding-left: 60px;
			}
	
				#contact_info p {
					margin: 0 0 10px 0;	
				}
				
				form .error p{
					margin-bottom: 10px;
				}