/* 				Basic layout document
	Theme:		neatbox
	Category:	Business
	Author: 	Hugo
	Created:	02-11-2009
	
	URL:		http://themeforest.net/user/hu-go
*/


/* Global positioning */
* {
	margin:					0;
	padding:				0;
}

body {	
	background-image:		url(../Images/bg_body.jpg);
	background-repeat:		repeat-x;
	background-position:	top;
	background-color:		#161616;
}

a {
	outline:				none;
}


/* Image layout */
img {
	border: 				none;
}

.imageframe {
	float:					left;
	display:				inline;
	padding:				5px;
	margin:					0 10px 10px 0;
	border:					1px solid #474747;
}


/* Global positioning */
.container {
	position: 				relative;
	width:					968px;
	height:					auto;
	margin:					0 auto;
	margin-top:				0px;
}

.wrapper {
	position: 				relative;
	width:					944px;
	height:					auto;
	margin:					0 auto;
	margin-top:				20px;
	
	border: 				12px solid #484848;
	background: 			#2d2d2d;
}


/* Div positioning */
.topnav {
	position: 				relative;
	width:					968px;
	height:					50px;
	margin:					0 auto;
	
	background:				url(../Images/bg_topnav.png) center no-repeat;
}

.logo {
	position: 				relative;
	width:					968px;
	height:					70px;
	margin:					0 auto;
	margin-top:				10px;
}

.header { 
	width: 					944px; 
	height: 				300px; 
	margin:					0; 
	padding:				0; 
	overflow: 				hidden;
}

.header img {
	height: 				300px; 
	width: 					944px; 
	top:					0; 
	left:					0;
}

.banner {
	position: 				relative;
	width:					944px;
	height:					300px;
	margin:					0 auto;
}

.mainnavbar {
	position: 				absolute;
	top:					300px;
	width:					944px;
	height:					30px;
	margin:					0 auto;
	
	background:				#252525;
}

.mainnavbar ul {
	list-style: 			none;
}

.mainnavbar ul li {
	float: 					right;
}

.footer {
	position:				relative;
	width:					968px;
	height:					35px;
	margin:					0 auto;
	margin-top:				10px;
	
	background-color:		transparent;
}


/* Column positioning */
.left_3column, .middle_3column, .right_3column, .left_2column, .right_2column {
	height:					280px;						/* Change the height of the content container */
}

.left_3column {
	float:					left;
	width:					300px;
	padding:				0 10px 0 0;
	margin:					0; 
	border-right:			1px solid #474747;
	
	overflow:				hidden;
}

.middle_3column {
	float:					left;
	width:					300px;
	padding:				0 10px 0 10px;
	margin:					0; 
	border-left:			1px solid #000000;
	border-right:			1px solid #474747;
	
	overflow:				hidden;
}

.right_3column {
	float:					left;
	width:					280px;
	padding:				0 0 0 10px;
	margin:					0;
	border-left:			1px solid #000000;
	
	overflow:				hidden;
}

.left_2column {
	float:					left;
	width:					451px;
	padding:				0 10px 0 0;
	margin:					0;
	border-right:			1px solid #474747;
	
	overflow:				hidden;
}

.right_2column {
	float:					left;
	width:					451px;
	padding:				0 0 0 10px;
	margin:					0;
	border-left:			1px solid #000000;
	
	overflow:				hidden;
}


/* Form elements */
.input_contact{
	vertical-align:			middle;
	width: 					250px;
	height: 				17px;
	padding:				3px 5px 0 5px;
	
	border:					1px solid #000000; 
	background:				url(../Images/forminput.jpg) repeat-x left;
}

.txt_contact {
	vertical-align:			middle;
	width: 					250px;
	height: 				77px;
	padding:				3px 5px 0 5px;
	
	border:					1px solid #000000;
	background:				url(../Images/formtxtfield.jpg) repeat-x left;
}

.btn_contact {	
	background: 			url(../Images/button.png) no-repeat left; 
	width:					101px; 
	height:					26px;
	
	border:					none;
	cursor:					pointer;
}

.button {
	display:				block; 		
	width:					101px; 
	height:					26px; 
	background: 			url(../Images/button.png) no-repeat left; 
}


/* Other elements */
blockquote {
	background:				url(../Images/bg_blockquote_open.png) no-repeat left top;
}

.cite {
	float:					right;
	height:					20px;
	padding:				8px;
	background:				url(../Images/bg_blockquote_close.png) no-repeat right top;
}

hr {
	border: 				1px solid #474747;
}

.customtable td {	
	padding:				3px;
	border:					1px solid #474747;
}

.tableheader {
	background:				#161616;
}