@charset "utf-8";

/* resets all styles */
@import url("reset.css");

/*

-------------------------------------
----------------SUMMARY--------------
-------------------------------------

- MAIN STYLES

- COLUMNS

- HEADER 

- MENU

- SLIDER

- TOP BOX

- MAIN CONTENT

- PAGINATION

- PORTFOLIO

- SIDEBAR

   -- TABBED CONTENT

   -- POPULAR POSTS

   -- SPONSORS

- FOOTER

- COPYRIGHT

- LOGIN

- COMMENTS

- FORMS

- NOTIFICATIONS



*/



/*---------------------------------
------------------------MAIN STYLES
---------------------------------*/

* {
		border: 0px solid #F00;	
}

body {
	background: #000000 url(../images/bg.gif)  repeat-x top center;
	color: #ffffff;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	
}

a { 

	color: #4797b8;
	text-decoration: underline !important;

}

a:hover { color: #2d6e89; }

h1, h2, h3, h4, h6,
h1 a, h2 a, h3 a, h6 a {
	color: #ffff33;
	font-weight: normal;
	text-decoration: none !important;
}

h4 a {
	text-decoration: none !important;
	color: #000000;
}

h5, h5 a {
	color: #827b74;
	font-weight: normal;
	
}

blockquote {
	background: url(../images/blockquote.png) no-repeat top left;
	font-style: italic;
	margin: 20px 10px 30px 10px;
	padding: 0 0 0 45px;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 940px;
}

/*---------------------------------
----------------------------COLUMNS
---------------------------------*/

.divider {
	background: #EAEAEA;
	float: left;
	height: 1px;
	margin: 30px 0 40px 0;
	overflow: hidden;
	width: 100%;
}

.x2 {
	float: left;
	margin: 0 40px 0 0;
	width: 450px;
}

.x3 {
	float: left;
	margin: 0 40px 0 0;
	width: 286px;
}

.x3_2 {
	float: left;
	margin: 0 40px 0 0;
	width: 612px;
}

.x4 {
	float: left;
	margin: 0 40px 0 0;
	width: 205px;
}

.x4_3 {
	float: left;
	margin: 0 40px 0 0;
	width: 695px;
}



/*---------------------------------
-----------------------------HEADER
---------------------------------*/

#header {
	background: url(../images/header_bg.gif) no-repeat top center;
	float: left;
	margin: 0 0 0 0;
	min-height: 76px;
	padding: 24px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 5;
}

#header_index {
	float: left;
	margin: 24px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 5;
}


#logo {
		float: left;
		margin-top: -20px;
		margin-left: -20px;
		border: 0px solid #ff0000;
}
	
#header_info {
		position: absolute;
		color: #dadada;
		float: left;
		margin: 100px 0 32px 0;
		width: 60%;
		left: 260px;
		border: 0px solid #ff0000;
}
	
.blog_info {
		margin: 55px 0 0 0 !important;
}
	
#header_info a {
	color: #dadada;
}
	
#header_info .left,
#header_info .right {
	background: #575757;
	padding: 7px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
	
	#header_info .right .rss {
		background: url(../images/rss_feed.png) no-repeat center right;
		float: left;
		padding: 0 22px 0 0;
	}


/*---------------------------------
-------------------------------MENU
---------------------------------*/
	
#menu {
	float: right;
}

	#menu ul {
		background: url(../images/menu_bg_left.png) no-repeat top left;
		float: right;
		list-style: none;
		margin-top: -30px;
		padding: 0px 0px 4px 4px;
		border: 0px solid #ff0000;
	}
	
		#menu ul li {
			float: left;
			margin: 0px 0px 0px 0px;
			position: relative;
		}
		
		#menu ul li.border {
			background: url(../images/menu_separator.gif) no-repeat top left;
			float: left;
			margin: 0;
			height: 36px;
			width: 2px;
		}
		
			#menu ul li ul {
				background: url(../images/menu_submenu_bg.png) no-repeat bottom left;
				left: 0;
				padding: 0 0 7px 0;
				position: absolute;
				top: 66px;
				width: 132px;
			}
			
				#menu ul li ul li {
					display: block;
					float: left;
					padding: 0 20px;
					width: 92px;
				}
			
					#menu ul li ul li a {
						border-bottom: 1px solid #505050;
						border-top: 1px solid #7f7f7f;
						display: block;
						float: none;
						padding: 8px 0;
					}
					
					#menu ul li ul li a:hover,
					#menu ul li ul li a.hovered {
						background: none;
						text-decoration: underline !important;
					}
					
			#menu ul li ul li ul {
				background: #606060;
				left: 131px;
				padding: 0; 
				top: 0;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				-webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7);
				-moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7);
				box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7);
			}
		
		#menu ul li a {
			color: #c0c0c0;
			float: left;
			padding: 9px 20px 9px 20px;
			text-decoration: none !important;
		}
		
		#menu ul li a:hover,
		#menu ul li a.hovered{
			background: url(../images/menu_hover.gif) repeat-x top left;
		}
		
	#menu #right_bg {
		background: url(../images/menu_bg_right.png) no-repeat top right;
		float: right;
		margin-top:-30px;
		height: 40px;
		width: 4px;
	}

/*---------------------------------
-----------------------------SLIDER
---------------------------------*/

#slider {
	background: #000;
	height: 405px;
	left: -60px;
	position: absolute;
	margin-top: 110px;
	width: 1024px;
}

#slider ul {
	clear: both;
	position: relative;
	
}
	
	#slider ul li {
		display: none;
		height: 405px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		width: 1024px;
	}
	
	#slider ul li.current {
		display: block;
		z-index: 2 !important;
	}
	
	#slider ul li.next {
		display: block;
		z-index: 3 !important;
	}
	
#slider_selector {
	color:#f00;
	height: 36px;
	float: right;
	position: absolute;
	top: 457px;
	right: 0;
	text-align: right;
	z-index: 5;
}

#slider_selector_right {
	background: url(../images/slider_selector_bg_right.png) no-repeat top left;
	float: left;
	height: 36px;
	width: 6px;
}

#slider_selector ul {
	background: url(../images/slider_selector_bg_left.png) no-repeat top left;
	float: left;
	list-style: none;
	padding: 10px 0 10px 6px;
}

#slider_selector ul li {
	background: url(../images/slider_selector_off_button.png) no-repeat top left;
	cursor: pointer;
	float: left;
	height: 15px;
	margin: 0 3px;
	width: 15px;
}

#slider_selector ul li.current {
	background: url(../images/slider_selector_on_button.png) no-repeat top left;
}

.clear {
	display: inline-block;
}


/*---------------------------------
----------------------------TOP BOX
---------------------------------*/

#top_box, #top_box_index {
	float: left;
	margin-left: 0px;
	margin: 0 0 30px 0;
	position: relative;
	width: 100%;
}

#top_box {
	margin-top: 5px;
	z-index: 10;
}

#top_box_index {
	margin-top: 405px;
	z-index: 5;
}

	#top_box .top_box_top, #top_box_index .top_box_top {
		background: url(../images/top_box_top.png) no-repeat top left;
		float: left;
		height: 10px;
		overflow: hidden;
		width: 100%;
	}
	
	#top_box .content, #top_box_index .content {
		background: url(../images/top_box_bg.png) no-repeat bottom left;
		float: left;
		padding: 15px 30px 30px 30px;
		width: 880px;
	}
	
	.top_box_block {
		float: left;
		margin: 0 35px 0 0;
		position: relative;
		width: 270px;
		height: 100%;
	}
	
	.top_box_block p {
		margin: 0;
		width: 175px;
	}
	
	.top_box_block h4 {
		border-bottom: 1px dotted #827b74;
		margin: 0 0 .5em 0;
		padding: 0 0 .5em 0;
	}
	
	.top_box_block .icon {
		position: absolute;
		right: 0;
		top: 0;
	}



/*---------------------------------
-----------------------MAIN CONTENT
---------------------------------*/

#content, #content_blog {
	float: left;
	padding: 0 0 50px 0;
	position: relative;
	width: 100%;
}

#content_blog {
	margin: 30px 0 50px 0;
}

	#left {
		float: left;
		margin: 0 40px 0 0;
		width: 620px;
	}
	
	#right {
		float: right;
		width: 280px;
	}

	#right_gal, #right_gal_1, #right_gal_2, #right_gal_3, #right_gal_4,
	#right_gal_5, #right_gal_6, #right_gal_7, #right_gal_8,
	#right_gal_10, #right_gal_11, #right_gal_12, #right_gal_13 {
		float: right;
		width: 280px;
		top: 10px;
		position: absolute;
		height: 500px;
		left: 650px;
	}

	.content_item {
		float: left;
		position: relative;
		width: 100%;
	}
	
		#content h3, #content_blog h3 {
			margin: 0 0 .35em 0;
		}
		
		#content h5, #content_blog h5 {
			margin: 0 0 1em 0;
		}
		
		.content_item img {
			border: 1px solid #dedede;
			padding: 3px;
		}
		
		.content_item .read_more {
			float: left;
			font: bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
			letter-spacing: 1px;
			margin: -8px 0 0 0;
			text-transform: uppercase;
		}
		
		.content_item .comments_balloon {
			background: url(../images/content_item_comments_balloon.png) no-repeat top left;
			color: #6d6d6d;
			float: left;
			font: bold 14px Arial, Helvetica, sans-serif;
			padding: 6px 0 15px 0;
			position: absolute;
			right: 0;
			text-align: center;
			text-decoration: none !important;
			top: 0;
			width: 34px;
		}
		
	.content_item_separator {
		background: url(../images/content_item_separator.png) no-repeat top left;
		float: left;
		height: 10px;
		margin: 30px 0;
		width: 100%;
	}
	
	.about_author {
		background: #f6f6f6;
		border: 1px solid #c3c3c3;
		float: left;
		padding: 15px;
		width: 588px;
	}
	
		.author_link {
			
			background: url(../images/author_icon.gif) no-repeat center left;
			font-weight: bold;
			padding: 0 0 0 16px;
			
		}



/*---------------------------------
-------------------------PAGINATION
---------------------------------*/

#pagination {
	
	float: left;
	list-style: none;
	margin: 50px 0 0 0;
	
}

	#pagination li {
		float: left;
		margin: 0 5px 0 0;
	}
	
		#pagination li a {
			background: url(../images/pagination_bg.png) repeat-x top left;
			color: #e1e1e1;
			font: bold 11px Arial, Helvetica, sans-serif;
			text-decoration: none !important;
			text-transform: uppercase;
			padding: 4px 20px 5px 20px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
		}
	
		#pagination li.selected a,
		#pagination li a:hover {
			background: url(../images/pagination_bg_hover.png) repeat-x top left;
		}


/*---------------------------------
--------------------------PORTFOLIO
---------------------------------*/

#portfolio {
	
	float: left;
	list-style: none;
	margin: 25px 0 0 0;
	position: relative;
	width: 100%;
	
}

	#portfolio li {
		
		margin: 0;
		
	}
	
		#portfolio li ul {
			
			list-style: none;	
			margin: 0;
			
		}
		
			#portfolio li ul li {
				
				float: left;
				margin: 0 20px 20px 0;
				overflow: hidden;
				position: relative;
				
			}
		
			#portfolio li ul li a img {
				
				border: 1px solid #dddddd;
				padding: 3px;
				
			}
		
			#portfolio li ul li a {
				
				color: #a7a7a7;
				font-weight: bold;
				text-transform: uppercase;
				
			}
		
			#portfolio li ul li .portfolio_hover {
				
				background: url(../images/footer_pattern.gif);
				display: none;
				left: 4px;
				padding: 64px 0;
				position: absolute;
				text-align: center;
				top: 4px;
				width: 292px;
				z-index: 5;
				
			}



/*---------------------------------
----------------------------SIDEBAR
---------------------------------*/

.sidebar_item {
	
	float: left;
	margin: 0 0 25px 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	
}

#search{
	
	background: url(../images/sidebar_search_BG.png) no-repeat top left;
	float: left;
	width: 100%;
	
}

#search input.search_field {
	
	border: none;
	background: none;
	height: 17px;
	padding: 5px 5px 9px 5px;
	width: 166px;
	
}

#search input.search_submit {
	
	background: none;
	border: none;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: 0;
	top: 0;
	width: 103px;
	
}



	/*---------------------------------
	---------------------TABBED CONTENT
	---------------------------------*/
	
	ul#tabs {
		
		background: url(../images/tabbed_ul.gif) no-repeat top right;
		float: left;
		list-style: none;
		margin: 0;
		width: 100%;
		
	}
	
		ul#tabs li {
			
			cursor: pointer;
			float: left;
			margin: 0;
			padding: 10px 12px 9px 12px;
			
		}
		
		ul#tabs li:hover {
			
			text-decoration: underline;
			
		}
		
		ul#tabs li.current {
			
			background: #f6f6f6;
			border: 1px solid #c5c5c5;
			border-bottom: none;
			padding: 8px 12px 10px 12px;
			
		}
		
	ul#ctabs {
		
		list-style: none;
		float: left;
		position: relative;
		width: 100%;
		
	}
	
		ul#ctabs li {
			
			background: #f6f6f6;
			border: 1px solid #c5c5c5;
			border-top: none;
			display: none;
			float: left;
			margin: 0;
			padding: 8px 13px 0 13px;
			width: 252px;
			
		}
		
		ul#ctabs li.current {
			
			display: block;
			z-index: 2;
			
		}
		
		ul#ctabs li.next {
			
			display: block;
			z-index: 3;
			
		}
		
			ul#ctabs ul.ctabs_content {
				
				float: left;
				margin: 0;
				width: 100%;
				
			}
		
			ul#ctabs ul.ctabs_content li {
				
				background: none;
				border: none;
				display: block !important;
				padding: 0;
				position: relative;
				
			}
			
			ul#ctabs ul.ctabs_content li a {
				
				border-bottom: 1px solid #c3c3c3;
				color: #505050;
				float: left;
				padding: 7px 0;
				text-decoration: none !important;
				width: 100%;
				
			}
			
			ul#ctabs ul.ctabs_content li a:hover {
				
				text-decoration: underline !important;
				
			}



	/*---------------------------------
	----------------------POPULAR POSTS
	---------------------------------*/
	
	#popular_posts {
		
		float: left;
		list-style: none;
		height: 720px;
		position: relative;
		width: 250px;
		border-top: 1px dashed #aaaaaa;
		border-left: 1px solid #aaaaaa;
		border-bottom: 1px dashed #aaaaaa;
		left: 40px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 21px;
	}
	
	#popular_posts li {
		
		float: left;
		left: -280px;
		margin: 15px;
		position: absolute;
		width: 100%;
		
	}
	
	#popular_posts li.current {
		
		display: block;
		float: left;
		left: 15px;
		margin: 0;
		position: relative;
		top: 0;
		width: 100%;
		
	}
	
	
	
	#pop_nav {
		
		list-style: none;
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		
	}
	
		#pop_nav li {
			
			margin: 0 2px;	
			
		}
		
		#prev_pop, #next_pop {
			
			cursor: pointer;
			float: left;
			height: 22px;
			width: 23px;
			
		}
		
		#prev_pop {
			
			background: url(../images/left_pop.png) no-repeat top left;
			
		}
		
		#next_pop {
			
			background: url(../images/right_pop.png) no-repeat top left;
			
		}
		
			.popular_posts_content {
				
				float: left;
				list-style: none;
				margin-top: 15px;
				width: 100%;
				
			}
		
			#popular_posts li ul.popular_posts_content li {
				
				float: left;
				left: 0 ;
				margin: 0 0 15px 0 ;
				position: relative ;
				width: 100%;
				
			}
		
			.popular_posts_content li img {
				
				border: 1px solid #dddddd;
				padding: 3px;
				
			}
			
			.popular_posts_content li a.title {
				
				color: #827b74;
				display: block;
				font: bold 1.1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				text-decoration: none !important;
				
			}



	/*---------------------------------
	---------------------------SPONSORS
	---------------------------------*/
	
	.sponsors {
		
		background: #f6f6f6;
		border: 1px solid #c4c4c4;
		float: left;
		padding: 10px 10px 3px 10px;
		
	}
	
	.sponsors a {
		
		float: left;
		margin: 0 7px 7px 0;
		
	}



/*---------------------------------
-----------------------------FOOTER
---------------------------------*/

#footer {
	
	background: url(../images/footer_pattern.gif);
	float: left;
	padding: 35px 0;
	width: 100%;
	
}

	#footer_wrapper {
		
		margin: 0 auto;
		width: 940px;
		
	}
	
		#footer_content {
			
			background: url(../images/footer_bars.gif) repeat-y top left;
			float: left;
			width: 100%;
			
		}
	
			#footer_column_1 {
				
				float: left;
				margin: 0 82px 0 0;
				width: 140px;
				
			}
		
			#footer_column_2 {
				
				float: left;
				margin: 0 82px 0 0;
				width: 104px;
				
			}
		
			#footer_column_3 {
				
				float: left;
				margin: 0 82px 0 0;
				width: 63px;
				
			}
		
			#footer_column_4 {
				
				float: left;
				width: 387px;
				
			}
			
		#footer_content h6 {
			
			color: #a7a7a7;
			font: bold 11px/18px Arial, Helvetica, sans-serif;
			margin: 0 0 .4em 0;
			text-transform: uppercase;
			
		}
		
			#footer_content ul {
				
				list-style: none;
				margin: 0;
				
			}
		
				#footer_content ul li {
					
					float: left;
					margin: 0;
					padding: 0;
					width: 100%;
					
				}
		
					#footer_content ul li a {
						
						color: #676767;
						float: left;
						font: normal 10px/18px Arial, Helvetica, sans-serif;
						padding: .4em 0;
						text-decoration: none !important;
						text-transform: uppercase;
						width: 100%;
						
					}
					
			#footer_content a img {
				
				border: 3px solid #b9b9b9;
				float: left;
				margin: 8px 9px 2px 0;
			
			}



/*---------------------------------
--------------------------COPYRIGHT
---------------------------------*/

#copyright {
	
	background: #565656;
	float: left;
	width: 100%;
	
}

	#copyright_wrapper {
		color: #ffffff;
		font: normal 11px/18px Arial, Helvetica, sans-serif;
		margin: 0 auto;
		padding: 10px 0;
		text-decoration: none !important;
		width: 940px;
	}
	
	#copyright_wrapper a {
		color: #ffffff;
		font-weight: bold;
	}
	
	#copyright_wrapper .right {
		margin: 0 8px 0 0;
	}
	
	#copyright_wrapper .left {
		margin: 0 0 0 -10px;
		text-transform: uppercase;
	}
	
		#copyright_wrapper ul {
			
			list-style: none;
			margin: 0;
			padding: 0 0 10px 0;
			
		}
	
			#copyright_wrapper ul li {
				
				float: left;
				margin: 0;
				
			}
	
			#copyright_wrapper ul li a {
				
				border-right: 1px solid #676767;
				color: #ffffff;
				font: normal 11px/18px Arial, Helvetica, sans-serif;
				padding: 0 10px;
				text-decoration: none !important;
				text-transform: uppercase;
				
			}



/*---------------------------------
------------------------------LOGIN
---------------------------------*/

#login_link a {
	
	background: url(../images/login_icon.png) no-repeat center left;
	padding: 9px 20px 9px 32px !important;
	
}

#login_link a:hover {
	
	background: url(../images/login_icon.png) no-repeat center left !important;
}

#login_wrapper {
	
	width: 533px;
	
}

	#login_top {
		
		background: url(../images/login_bg_top.png) no-repeat top left;
		float: left;
		height: 5px;
		width: 100%;
		
	}

	#login_bottom {
		
		background: url(../images/login_bg_bottom.png) no-repeat bottom left;
		float: left;
		height: 5px;
		width: 100%;
		
	}

	#login {
		
		background: #d3d3d3 url(../images/login_bg_gradient.gif) repeat-x top left;
		float: left;
		padding: 30px;
		width: 473px;
		
	}
	
		.login_block {
			
			float: left;
			margin: 0 20px 0 0;
			width: 161px;
			
		}
	
		.login_block_submit {
			
			float: left;
			margin: 17px 0 0 0;
			width: 104px;
			
		}
		
		#login_username {
			
			background: url(../images/login_username.png) no-repeat top left;
			border: none;
			padding: 7px 5px 5px 36px;
			height: 18px;
			width: 120px;
			
		}
		
		#login_password {
			
			background: url(../images/login_password.png) no-repeat top left;
			border: none;
			padding: 7px 5px 5px 36px;
			height: 18px;
			width: 120px;
			
		}
		
		#login_submit {
			
			background: url(../images/login_submit.png) no-repeat top left;
			border: none;
			cursor: pointer;
			height: 30px;
			margin: 0;
			width: 104px;
			font-weight: bold;
			font-style: normal;
		}
		
		#login_wrapper .not_login_info {
			
			background: url(../images/login_bg_not.gif) repeat-x top left;
			color: #ffffff;
			float: left;
			font-weight: bold;
			margin: 1em 0 1.3em 0;
			padding: 7px 10px 9px 10px;
			width: 446px;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			
		}
		
			#login_wrapper .not_login_info a {
				
				background: url(../images/login_not_icon.png) no-repeat center right;
				color: #fff;
				padding: 0 25px 0 0;
				
			}
		
		#login_wrapper .not_info, #login_wrapper .not_error, #login_wrapper .not_warning, #login_wrapper .not_success {
			
			float: left;
			margin: 0;
			width: 396px;
			
		}



/*---------------------------------
---------------------------COMMENTS
---------------------------------*/

#comments h3 {
	
	margin: 0 0 1.5em 0;
	
}

#comments ol {
	
	list-style: none;
	margin: 0;
	
}

	#comments ol li {
		
		margin: 0 0 40px 10px;
		position: relative;
		
	}
	
	#comments ol li p.content {
		
		background: #f6f6f6;
		border: 1px solid #c7c7c7;
		padding: 15px 15px 15px 85px;
		margin: 0;
		
	}
	
	.comment_image {
		
		border: none !important;
		left: -15px;
		padding: 0;
		position: absolute;
		top: -15px;
		
	}
	
	#comments .author {
		
		background: url(../images/author_icon.gif) no-repeat center left;
		font-size: 10px;
		font-weight: bold;
		margin: 0 20px 0 0;
		padding: 0 0 0 15px;
		
	}
	
	#comments .date {
		
		background: url(../images/comment_date.gif) no-repeat center left;
		font-size: 10px;
		margin: 0 20px 0 0;
		padding: 0 0 0 15px;
		
	}
	
	#comments .reply {
		
		background: url(../images/comment_reply.gif) no-repeat center left;
		font-size: 10px;
		font-weight: bold;
		padding: 0 0 0 15px;
		position: absolute;
		right: 15px;
		text-transform: uppercase;
		
	}
	
	#comments .time {
		
		background: url(../images/comment_time.gif) no-repeat center left;
		font-size: 10px;
		padding: 0 0 0 15px;
		
	}
	
		#comments ol li ol {
			
			border: 1px dashed #c7c7c7;
			border-top: none;
			padding: 30px;
			
		}
	
	#comments ol li ol li {
		
		float: none;
		margin: 0 0 0 10px;
		position: relative;
		
	}



/*---------------------------------
------------------------------FORMS
---------------------------------*/

label { 

	color: #686868;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;

}

label em {
	
	font-size: 10px;
	
}

input, textarea, select {
	
	background: #fff url(../images/input_bg.gif) repeat-x top left;
	border: 1px solid #c3c3c3;
	color: #888888;
	display: block;
	font: italic 1em Arial, Tahoma, sans-serif;
	margin: 0px 0px 8px 0px;
	padding: 8px 5px;
	width: 98%;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}

input:focus, textarea:focus, select:focus {
	
	border: 1px solid #8a8a8a;
	color: #616161;
	font-style: normal;
	
}

.alert {
	
	border: 2px solid #FB6064;
	
}

select {
	
	background: #ffffff;
	
}

.medium { width: 50%; }

.short { width: 30%; }

input.submit, input.reset {
	
	display: block;
	float: left;
	width: 170px;
	margin: 0 20px 8px 0;
	padding: 10px 0px 10px 0px;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	
}

input.checkbox {
	
	float: left;
	margin: 3px 4px 0 0;
	padding: 0;
	width: 20px;
	
}



	/*---------------------------------
	----------------------NOTIFICATIONS
	---------------------------------*/
	
	.not_info, .not_success, .not_error, .not_warning {
		font: bold 11px Arial, Helvetica, sans-serif;
		padding: 7px 30px 7px 40px;
		position: relative;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
	}
	
	.not_info {
		background: url(../images/not_INFO.png) repeat-x top left;
		color: #1b6088;
	}
	
		.not_info .img {
			background: url(../images/not_info_img.gif) no-repeat top left;
			height: 19px;
			left: 9px;
			position: absolute;
			top: 5px;
			width: 18px;
		}
	
	.not_success {
		background: url(../images/not_success.png) repeat-x top left;
		color: #1b883a;
	}
	
		.not_success .img {
			background: url(../images/not_success_img.gif) no-repeat top left;
			height: 13px;
			left: 11px;
			position: absolute;
			top: 9px;
			width: 16px;
		}
	
	.not_error {
		background: url(../images/not_error.png) repeat-x top left;
		color: #88411b;
	}
	
		.not_error .img {
			
			background: url(../images/not_error_img.gif) no-repeat top left;
			height: 19px;
			left: 8px;
			position: absolute;
			top: 5px;
			width: 19px;
			
		}
	
	.not_warning {
		
		background: url(../images/not_warning.png) repeat-x top left;
		color: #88751b;
		
	}
	
		.not_warning .img {
			
			background: url(../images/not_warning_img.gif) no-repeat top left;
			height: 19px;
			left: 8px;
			position: absolute;
			top: 5px;
			width: 19px;
			
		}
		
	.not_info .close, .not_success .close, .not_error .close, .not_warning .close {
		
		background: url(../images/not_close.png) no-repeat top right;
		cursor: pointer;
		height: 12px;
		right: 9px;
		position: absolute;
		top: 8px;
		width: 12px;
		
	}
	
.news_headline {
	font-size: 1.9em;
	margin-bottom: 0.8em;
	letter-spacing: -0.07em; 
 }

.news_subhl {
	font-size: 1.1em;
	margin-bottom: 0.8em;
 }
 
.news_headline, .news_headline a {
	color: #ffff00;
	font-weight: normal;
	text-decoration: none !important;
}

.news_subhl, .news_subhl a {
	color: #ffffff;
	font-weight: bold;
}

#content .news_headline, #content_blog .news_headline {
	margin: 0 0 .35em 0;
}
		
#content .news_subhl, #content_blog .news_subhl {
	margin: 0 0 1em 0;
}
		
.gallery_headline {
	font-size: 1.6em;
	margin-bottom: 0.8em;
	letter-spacing: -0.07em; 
	font-weight: normal;
	text-decoration: none !important;
	margin-left: 60px;
 }

.info_contact_1 {
	position: relative;
	margin-top: -80px;
	margin-left: -120px;
	border: 0px solid #ff0000;
}

.info_contact_2 {
	position: relative;
	margin-top: -60px;
	margin-left: 300px;
	border: 0px solid #ff0000;
}

.info_contact_3 {
	position: relative;
	margin-top: -55px;
	margin-left: 500px;
	width: 200px;
	border: 0px solid #ff0000;
}

.headln {
	color: #000000;
}

.subheadln {
	color: #000000;
	font-weight: bold;
}


/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	width: 900px;
	border-bottom:1px solid #666;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }

/* width 1 */
.tabs .w5 			{ background-position: -519px 0; width:134px; }
.tabs .w5:hover 	{ background-position: -519px -31px; }
.tabs .w5.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w6 			{ background-position: -366px -0px; width:154px; }
.tabs .w6:hover 	{ background-position: -366px -31px; }
.tabs .w6.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w7 			{ background-position: -193px -0px; width:174px; }
.tabs .w7:hover 	{ background-position: -193px -31px; }
.tabs .w7.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w8 			{ background-position: -0px -0px; width:194px; }
.tabs .w8:hover 	{ background-position: -0px -31px; }
.tabs .w8.current { background-position: -0px -62px; }


	/* navigation */
	#nav {
		margin-top: 0px;
		margin-left: 0px;
		background:#ddd url(../images/h300_reverse.png);
		border-bottom:1px solid #CCCCCC;
		height:28px;	
		width:945px;
	}
	
	#nav ul {	
		width:945px;
		margin:0 auto;	
	}
	
	#nav li {	
		border-right:1px solid #ddd;
		float:left;
		padding-left:1px;
		width:90px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#nav a {
		color:#333333;
		display:block;
		padding:5px;
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:112px;
		text-decoration:none;
	}	
	
	#nav a.current {
		background:url(../images/down_large.jpg);	
	}
	
	#nav img {
		background-color:#fff;
		border:1px solid #ccc;
		margin:3px 0 5px 27px;
		padding:4px;		
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:12px;
	}
	
	/* panes */
	#panes {
		border:1px solid #ff0000;
		background:#000;
		border-color:#eee;
		border-style:dashed;
		border-width:1px 1px 1px 1px;
		width:943px;	
		height:500px;
		margin-bottom:-20px;
		padding-bottom:20px;
		margin-left: 0px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#444;	
		width:950px; 
		
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}

.img_cat {
	margin-left: 40px;
	border: 0px solid #ff0000;
}

.img_gal {
	margin-left: 2px;
	margin-top: 20px;
	border: 1px solid #eeeeee;
}

.item {
	border: 1px solid #ff0000;
	width: 120px;
	position: absolute;
	margin-left: 100px;
}



        #vtab, #vtab1 {
            margin: auto;
            width: 940px;
            height: 100%;
        }
        
        #vtab > ul > li {
            width: 110px;
            height: 48px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        }
        
        #vtab > ul > li.arc11 {
            background: url('../products/arc11_r.png') no-repeat center center;
        }
        #vtab > ul > li.arc12 {
            background: url('../products/arc12_r.png') no-repeat center center;
        }
        #vtab > ul > li.cargo {
            background: url('../products/cargo_r.png') no-repeat center center;
        }
        #vtab > ul > li.och {
            background: url('../products/och_r.png') no-repeat center center;
        }
        #vtab > ul > li.sm {
            background: url('../products/722ps_r.png') no-repeat center center;
        }
        #vtab > ul > li.moto {
            background: url('../products/motorc_r.png') no-repeat center center;
        }
        #vtab > ul > li.util {
            background: url('../products/610at_r.png') no-repeat center center;
        }
        
        #vtab > ul > li.ms {
            background: url('../products/ms_r.png') no-repeat center center;
        }
        
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #000000 ! important;
            position: relative;
        }
        
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
            background-color: #000000;
            margin-left: 110px;
            border: 1px solid #ddd;
            min-height: 500px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #ffff00;
            font-size: 1.2em;
            border-bottom: 1px dotted #ffff00;
            padding-top: 5px;
            margin-top: 0;
            width: 77%;
            font-weight: bold;
        }
        #loginForm label {
            float: left;
            width: 100px;
            text-align: right;
            clear: left;
            margin-right: 15px;
        }
        #loginForm fieldset {
            border: none;
        }
        #loginForm fieldset > div {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        #loginForm #login {
            margin-left: 115px;
        }


        #vtab1 > ul > li {
            width: 96px;
            height: 100px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        }
        
        #vtab1 > ul > li.package {
            background: url('../products/package.png') no-repeat center center;
        }
        
        #vtab1 > ul > li.clamps {
            background: url('../products/scfront.png') no-repeat center center;
        }
        
        #vtab1 > ul > li.rear {
            background: url('../products/screar.png') no-repeat center center;
        }
        
        #vtab1 > ul > li.glides {
            background: url('../products/glides.png') no-repeat center center;
        }
        
        #vtab1 > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #000000 !important;
            position: relative;
        }
        
        #vtab1 > ul {
            float: left;
            width: 105px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab1 > div {
            background-color: #000000;
            margin-left: 100px;
            border: 1px solid #ddd;
            min-height: 500px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab1 > div > h4 {
            color: #ffff00;
            font-size: 1.2em;
            border-bottom: 1px dotted #ffff00;
            padding-top: 5px;
            margin-top: 0;
            width: 77%;
            font-weight: bold;
        }

	/* navigation */
	#nav_1, #nav_2, #nav_3, #nav_4,
	#nav_5,	#nav_6, #nav_7, #nav_8 {
		margin-top: 0px;
		margin-left: 0px;
		background:#ddd url(../images/h300_reverse.png);
		border-bottom:1px solid #CCCCCC;
		height:28px;	
		width:620px;
	}
	
	#nav_1 ul, #nav_2 ul, #nav_3 ul, #nav_4 ul,
	#nav_5 ul, #nav_6 ul, #nav_7 ul, #nav_8 ul {	
		width:620px;
		margin:0 auto;	
	}
	
	#nav_1 li, #nav_2 li, #nav_3 li, #nav_4 li,
	#nav_5 li, #nav_6 li, #nav_7 li, #nav_8 li {	
		border-right:1px solid #ddd;
		float:left;
		padding-left:1px;
		width:90px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#nav_1 a, #nav_2 a, #nav_3 a, #nav_4 a,
	#nav_5 a, #nav_6 a, #nav_7 a, #nav_8 a {
		color:#333333;
		display:block;
		padding:5px;
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:112px;
		text-decoration:none;
	}	
	
	#nav_1 a.current, #nav_2 a.current, #nav_3 a.current, #nav_4 a.current,
	#nav_5 a.current, #nav_6 a.current, #nav_7 a.current, #nav_8 a.current {
		background:url(../images/down_large.jpg);	
	}
	
	#nav_1 img, #nav_2 img, #nav_3 img, #nav_4 img,
	#nav_5 img, #nav_6 img, #nav_7 img, #nav_8 img {
		background-color:#fff;
		border:1px solid #ccc;
		margin:3px 0 5px 27px;
		padding:4px;		
		display:block;
	}
	
	#nav_1 strong, #nav_2 strong, #nav_3 strong, #nav_4 strong,
	#nav_5 strong, #nav_6 strong, #nav_7 strong, #nav_8 strong {
		display:block;		
		font-size:12px;
	}
	
	/* panes */
	#panes_1, #panes_2, #panes_3, #panes_4,
	#panes_5, #panes_6, #panes_7, #panes_8 {
		border: 0px dashed #eee;
		background:#000;
		width:620px;	
		height:400px;
		margin-bottom:-20px;
		padding-bottom:20px;
		margin-left: 0px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes_1 div, #panes_2 div, #panes_3 div, #panes_4 div,
	#panes_5 div, #panes_6 div, #panes_7 div, #panes_8 div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#444;	
		width:610px; 
		
	}
	
	#panes_1 img, #panes_2 img, #panes_3 img, #panes_4 img,
	#panes_5 img, #panes_6 img, #panes_7 img, #panes_8 img {
		float:left;
		margin-right:20px;		
	}
	
	#panes_1 p.more, #panes_2 p.more, #panes_3 p.more, #panes_4 p.more,
	#panes_5 p.more, #panes_6 p.more, #panes_7 p.more, #panes_8 p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes_1 h3, #panes_2 h3, #panes_3 h3, #panes_4 h3,
	#panes_5 h3, #panes_6 h3, #panes_7 h3, #panes_8 h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}

.pane_text {
	color: #ffffff;
	width: 600px;
}

.highlight {
	font-style: italic;
}

.models {
	color: #ffff00;
	font-weight: bold;
}

.more_info, .more_info_1, .more_info_2 {
	clear: both;
	position: absolute;
	float: left;
	margin-top: 450px;
	font-size: 16px;
	text-decoration: none !important;
	color: #ffff00;
	display: inline;
	border: 0px solid #ff0000;
}

.more_info {
	margin-left: -870px;
}

.more_info_1 {
	margin-left: -250px;
}

.more_info_2 {
	margin-left: -375px;
}
.more_info:hover, .more_info_1:hover, .more_info_2:hover {
	color: #ffffff;
}