﻿
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
        margin: 0 0 0 0;
	background:url(images/background1.jpg) repeat-x;
	
	
	}
#wrap {
	position: relative;
	width: 890px;	
	
}
#main {
	float: left;
	width: 550px;
	padding: 15px 0 0 0; margin: 0 0 0 10px;
	display: inline;	
}
#header
{
	position: relative;
	background:url(images/header.jpg) repeat-x;
	width: 800px;	
	height: 100px;	
	padding: 0;	
	margin: 0px auto;
	
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 42px Georgia, "Bookman Old Style";

	letter-spacing: -1.5px;
	color: #111;
	text-transform: none;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 22px; left: 20px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 16px Georgia, "Bookman Old Style";
	text-transform: none;
	color: #111;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 67px; left: 25px;		
}

/* flash */
#flash {
	
  clear: both;
	height:300px; 
	width: 1000px;
	margin: 0px;
	padding: 0px;
	
	
}

/* Navigation */
#nav {
	clear:both;	
	margin: 0px;
	padding: 0px;		
	height: 45px;	
	margin-left: 57px;
}
#nav ul {
	
	background: url(images/menu.jpg) repeat-x;	
	width: 890px;		
	height: 45px;
	padding-left:0 0 0 0;
	text-align: left;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
}
#nav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-right: 0px solid #000000;
	
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
	color: #000000;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background: url(images/menu2.jpg) repeat-x;	
}
#nav ul li#current a {	
	background: url(images/menu1.jpg) repeat-x;	
}
#content-wrap {
	position: relative;
	background:url(images/content1.jpg) repeat-x;
	clear: both;
	float: left;
	width: 890px;	
	padding: 0;
	display: inline;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
	margin-left: 57px;	
			}
#contentlayout {
       
	float: left;
	width: 660px;
	padding: 10px 0 0 0; margin: 0;
	margin-left: 10px;
}

#contentlayout h3 
{
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px 5px; 
	font: normal 1.2em 'Trebuchet MS', Tahoma, Sans-serif;	
	color: #000000; 
				
}
#contenttext
{
	margin: 7px 10px 8px 0px;
	text-decoration: none;
	border-top: 1px solid #EBEBEB;
	font-family: "trebuchet ms" , helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0 5px 5px;
	text-align: justify;
	clear: right;
	display: block;
	float: left;
	visibility: visible;
	overflow: auto;
}
#productlayout {
       
	float: left;
	margin: 7px 10px 8px 0px;
	border-top: 1px solid #EBEBEB;
}

#productcontent {
	
	
	margin-bottom: 2px 10px 8px 0px; padding: 0;
	text-decoration: none;		
	border-bottom: 1px solid #000000;
	font-family: "trebuchet ms", helvetica, sans-serif;
	list-style: none;
	
}
#producttext1 {
	
	margin-left: 10px;
	margin-right: 10px;
	font-size:20px;
	font-weight:bold;
		text-align: left;
}
#producttext2 {
	
	margin-left: 10px;
	margin-right: 10px;
	font-size:14px;
	
		
}
#producttext3 {
	
	text-align: right;
	margin-right: 10px;
	color:#ff0000;
	font-size:14px;
    
}
#contenttext1 {
	
	text-align: left;
	margin: 7px 10px 8px 0px; padding: 0;
	text-decoration: none;		
	border-top: 1px solid #EBEBEB;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	list-style: none;
    
}
#contenttext1 li a {
	text-decoration: none;	
	background-image: url('none');	
	color:Blue; 	
	
		
}
#contenttext1 li a:hover {	
	text-decoration:underline;	
}
#alignc {
padding-left:50px;

	
	
}
#contenttex {
	clear:both;
	margin: 7px 10px 8px 0px;
	text-decoration: none;		
	border-top: 1px solid #EBEBEB;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size:12px;
	display: inline;
	
	
}

#footer-wrap {
        position: relative;
	clear: both;
	width: 890px;
	height:40px;
	background-color:#c39ae9;
        float: left;
	padding-top:25px;
        display: inline;
	margin-left: 57px;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
	
	border-bottom: 2px solid #999999;
	
	font-family: "trebuchet ms", helvetica, sans-serif;
        font-size:18px;
	color: #333333;
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 200px;
	padding: 10px 0 0 0; margin: 0;		
}	
#sidebar h3 {
	margin-top: 10px;
	padding: 5px 5px; 
	font: normal 1.2em 'Trebuchet MS', Tahoma, Sans-serif;	
	color: #000000; 			
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 10px 8px 0px; padding: 0;
	text-decoration: none;		
	border-top: 1px solid #EBEBEB;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size:12px;
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px solid #EBEBEB;
	padding: 5px 0 5px 5px;
	margin: 0 2px;		
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: url('none');	
	color:Maroon; 		
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 95%;	
	color: #99997D;
	border: 1px solid #EAE7DB;
	background: #FAFAE7;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em;	padding-top: 0; margin-left: 5px;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

img {
	background: #fff;
	border: 1px solid #E5E5E5;
	
	}