/*  
Theme Name: RAGEN
Description: Theme for Wordpress
Version: 1.0
Author: fldtrace 
Author URI: http://www.fldtrace.com/ 
*/
@charset "utf-8";
/* CSS Document */

@import url(css/hacks_style.css);

* {
	margin: 0;
	padding: 0;
}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }




/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.hidden {
	clear:both;
  	visibility:hidden;
	margin:0px;
 	padding:0px;
}
/*-------------------General Style---------------------*/

html,body {
	height:100%; 
}
/*Layout Style*/

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#6b6b68;
	color:#695e4a;
	margin: 0px;
	padding: 0px;
}

	#wrapper {
	position: relative; /* needed for footer positioning*/
	margin:0px auto; /* center, not in IE5 */
	width:800px;
	height:auto !important; /* real browsers */
	height:100%;
	clear: both;
	background-color:#fff9ae; /*f7f0b5 */
	padding: 0px 0px 15px 0px;
	text-align:left;
}

	
		#header {float:left; width:695px; margin:25px 70px 0 35px; display:inline}
		
			#logo {padding:0px}
			
				#logo h1 {margin: 0 0 0 0}
			
		#main_navbar {float:left; width:730px; margin:7px 70px 0px 0px; background:url(images/menu_bg.png) repeat-x 0 0}
		
		#container {
	width:690px;
	margin:0 40px 10px 70px;
	background-color:#fff9ae;
	float: left;
	position: relative;
}
		
			#content {float:left; width:690px; margin:10px 0 80px 0 }
			
				#main_image {width: 660px;}
	
			#footer {float:left; width:660px; margin:0; padding:0;}



/*Text Style*/


h1 {font-weight:normal; font-style:italic; letter-spacing:0.05em; margin:0 0 10px 0}

#content p {font-family: Arial,Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; letter-spacing:0.01em; line-height:1.5em; padding: 0 30px 0 0}

#footer p {font-family: Arial, Helvetica, sans-serif; font-size:0.9em;}


/*Links Style*/

a:link, a:visited {text-decoration:none; color:#695e4a}

a img {border:none}

	/*products navigation*/
	p.products_next {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; margin-top:30px; padding:0px 30px 0 0}
	
		p.products_next a {font-size:1em; font-weight:bold}

	/*main_navbar link style*/
	
	span.invisible {visibility:hidden}
	
	div#main_navbar ul {margin: 0 0 0 69px; height:23px}
	
	div#main_navbar ul li {list-style-type:none; display:inline}
		
		div#main_navbar ul li a {float:left; padding:0px;}
		
		/*normal state*/
		
		li#menu-home a {background:url(images/menu_links_bg.png) 0px 0px no-repeat; height:23px; width:51px; }
		
		li#menu-landscapes a {background:url(images/menu_links_bg.png) -51px 0px no-repeat; height:23px; width:100px; }
		
		li#menu-vases a {background:url(images/menu_links_bg.png) -151px 0px no-repeat; height:23px; width:60px; }
				
		li#menu-maintenance a {background:url(images/menu_links_bg.png) -211px 0px no-repeat; height:23px; width:110px; }
				
		li#menu-portfolio a {background:url(images/menu_links_bg.png) -321px 0px no-repeat; height:23px; width:80px; }
				
		li#menu-contact a {background:url(images/menu_links_bg.png) -401px 0px no-repeat; height:23px; width:80px; }
	
		
		/*normal state and hover state*/
				
		li#menu-home a:hover, li#menu-home a.menu-active {background:url(images/menu_links_bg.png) 0px -23px no-repeat; height:23px; width:51px; }
		
		li#menu-landscapes a:hover, li#menu-landscapes a.menu-active {background:url(images/menu_links_bg.png) -51px -23px no-repeat; height:23px; width:100px; }
		
		li#menu-vases a:hover, li#menu-vases a.menu-active {background:url(images/menu_links_bg.png) -151px -23px no-repeat; height:23px; width:60px; }
				
		li#menu-maintenance a:hover, li#menu-maintenance a.menu-active {background:url(images/menu_links_bg.png) -211px -23px no-repeat; height:23px; width:110px; }
				
		li#menu-portfolio a:hover, li#menu-portfolio a.menu-active {background:url(images/menu_links_bg.png) -321px -23px no-repeat; height:23px; width:80px; }
				
		li#menu-contact a:hover, li#menu-contact a.menu-active {background:url(images/menu_links_bg.png) -401px -23px no-repeat; height:23px; width:80px; }
		
		
		
/*-------------------Pages Style---------------------*/



/*Vases Page | Categories */

div#categories_images {font-style:italic; font-size:0.9em; letter-spacing:0.02em; font-weight:bold; text-transform:capitalize}
	
	div#categories_images div.images_placeholder {width:118px; float:left; padding:15px 17px 0 0}
		
		div#categories_images div.images_placeholder img {width:118px;}
		
		div.images_placeholder div.title {text-align:center; padding: 10px 0 0 0}


	/*Products page*/
	
			
				div#products_images div.images_prod_placeholder {float:left; width:200px; padding:15px 30px 0 0; list-style-type:none; font-size:0.9em; text-transform:capitalize}
				
					div.images_prod_placeholder div.title {text-align:center; padding: 10px 0 0 0; font-style:italic; font-weight:bold}
					
					
					/*Single Page*/

div#single_product {width: 620px; border: solid 20px #a2978a; margin: 0 0 10px 0; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; color:#545454}

		div#single_product h3 {
	font-size:0.95em;
	font-weight:normal;
}
		
		div#single_product h2 {font-size:1.5em; font-weight:normal; font-style:italic}
		

	/*image and colors area*/
	div#image_area  {
	width:100%;
	padding:15px 0px 25px;
	float: left;
	position: relative;
}
div#single_image {
	width:460px;
	padding:15px 0px 25px;
	float: left;
	text-align: center;
}
	
	div#image_area div#single_colors {
	width:120px;
	margin:0;
	padding:55px 30px 20px 0px;
	float: right;
	position: relative;
	text-align: right;
}
		
		div#image_area #single_colors_images {width:80px; margin:20px 20px;}
		
			div#image_area #single_colors_images p {margin:0 0 20px 0}
			
			/*details area*/
			
			table#dimensions { margin:0 30px 30px}
			
			table#dimensions p {font-size: 0.95em; font-weight:bold;  padding:10px 0 0 0}
			
				tr#tr_header td { border-bottom:1px solid #b5b1ae}
				
					tr#tr_header td#title {
	margin:0;
	padding:0 30px 0px 0px
}
					
					tr#tr_header td#number {width: 90px; }
					
					tr#tr_header td#diameter {width: 190px;}
					
					tr#tr_header td#height {width: 170px;  }
					
					tr#tr_header td#number, tr#tr_header td#diameter, tr#tr_header td#height {vertical-align:bottom; margin:0; padding:0 0 5px 0;} 
				
				
ul#image_hold, ul#image_hold li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#image_hold{
	width:100%;
	height:460px;
	position:relative;
	margin: 15px 0 0 0;
			}			
		ul#image_hold li{
	float:left;
	display:inline;
	margin-top:0px;
	margin-right: 30px;
	margin-left: 490px;
	padding: 0px;
			}								
		ul#image_hold a span{
			display:none;
			margin: 0px auto;
			}
		ul#image_hold a:hover{
			background:none;
			z-index:100;
			}	
		ul#image_hold a:hover span{
			position:absolute;
			width:460px;
			height:460px;
			top:0px;
			left:10px;
			display:block;
			text-align:center;
			background-color: #ffffff;
			overflow: hidden;
			z-index: 200;
			}	
		ul#image_hold li p{
			padding: 0px 0px 20px 0px;
			}
	.visible {
	position:absolute;
	width:460px;
	top:0px;
	left:10px;
	display:block !important;
	border:none;
	text-align:center;
	z-index:0;
}			
.subcats	{
	float: left;
	width: 100%;
	padding: 10px 0px;
	font-size: 15px;
	font-style:italic;	}
.subcats a	{
	float: left;
	}
.subcats a:link {
	color:#4D4536;
	}

.subcats a:visited {
	color:#4D4536;
	}

.subcats a:hover {
	color:#221E18;
	}
.subsubcat	{
	background-image: url(images/subcats_sep.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	}