/* Basic elements */

body {

				background-color: #cdcdcd;
				
}

p,li {

				font-size: 12px;
				font-family: Trebuchet MS;
				color: #666666;
}

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

a:hover {

				text-decoration: underline;
}

img {
				border: 0px;
}


/* Layout */

#wrapper {

				margin: 0px auto;
				width: 780px;
				border: 1px solid #666666;
				background-color: #ffffff;
				
}

#header {

				
				height: 135px;
				background-image: url(images/header.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-color: #222222

}

#navbar {

				background-color: #444444;
				background-image: url(images/navbar.png);
				background-position: left center;
				background-repeat: repeat-x;
				height: 40px;
}
		

#banner {

				height: 300px;
				background-color: #efefef;
				background-image: url(images/banner.jpg);
				background-position: center center;
				background-repeat: no-repeat;
}

#content {

				background-color: #f4f4f4;

}

#box_left {

				height: 175px;
				width: 245px;
				float: left;
				border-right: 1px solid #ccc;
			
}

#box_right {

				height: 175px;
				width: 245px;
				float: right;
				border-left: 1px solid #ccc;
								

}

#box_mid {

				height: 175px;
				width: 245px;
				margin: 0px auto;


}

#footer {

				height: 55px;
				background-color: #222222;
}

#main {
				background-color: #ffffff;
				min-height: 400px;
				float: left;
				width: 569px;
				padding: 20px 5px 5px 10px;

				
}

#sidebar {
                background-color: #f7f7f7;
				background-position: center center;
				background-repeat: repeat-y;
				min-height: 400px;
				float: right;
				width: 180px;
				border-left: 0px solid transparent;
				padding: 20px 10px 5px 5px;

}
				

.clear { clear: both; }

/* Navbar */


#navbar ul {
			
			list-style: none;
			display: inline;
		    
}

#navbar ul li {

			float: left;
			height: 40px;
			background-image: url(images/sep.png);
			background-position: center right;
			background-repeat: no-repeat;
			padding: 0px 2px 0px 0px;
						
}


#navbar ul li span {

			padding: 0px 5px 0px 5px;
}

#navbar ul li span a {
 
            position: relative; top: 9px;
			padding: 8px 8px 10px 8px;
			font-family: Verdana;
			font-size: 12px;
			color: #f4f4f4;
			text-decoration: none;
			font-weight: bold;			
}


#navbar ul li a:hover {

			color: #f34457;
}

/* Other Id's/classes */

#content .titlebar {

			position: relative;
			top: 10px;
			margin: 0px auto;;
			text-align: center;
			
}

#content .titlebar span {

			font-family: Verdana;
			font-size: 10px;
			color: #888888;
			position: relative;
			top: 8px;
			font-weight: bold;
			text-decoration: underline;

}

#content ul {

			padding-top: 5px;
}

#fontsize {

	       position: relative;
		   top: 8px;
		   left: 25px;
		
			
}

#fontsize span {

			padding-left: 6px;
			font-size: 10px;
			font-family: Verdana;
			color: #ccc;
			font-weight: bold;


}

#fontsize span a {

			color: #ccc;
			font-family: Verdana;
			text-decoration: none;
			font-weight: bold;
}

#fontsize span a:hover {

			color: #f34457;
}

#fontsize span.smaller {

			font-size: 10px;
}


#fontsize span.bigger {

			font-size: 18px;
}

#footer div#copyright {

			text-align: center;
			position: relative;
			top: 12px;
}

#footer div#copyright span {

			color: #888888;
			font-size: 10px;
			font-family: Verdana;
}

#footer div#nav {

			position: relative;
			top: 18px;
			right: 10px;
			text-align: right;
			float: right;
	

}

#footer div#nav span a {

			font-family: Verdana;
			font-size: 10px;
			color: #777777;
			text-decoration: none;
			padding-left: 3px;
}

#footer div#nav span a:hover {

			color: #fff;
}

#footer div#info {

			position: relative;
			top: 23px;
			left: 10px;
			text-align: left;
			float: left;
			
}

#footer div#info span, #footer div#info span a  {

			font-family: Verdana;
			font-size: 10px;
			color: #777777;
			text-decoration: none;
			padding-right: 3px;
}

#footer div#info span a:hover {

			color: #fff;
}

#banner .qoute {

			text-align: center;
			font-size: 13px;
			font-family: Trebuchet MS;
			color: #444444;
			position: relative;
			top: 40px;
			padding-left: 11px;
			font-weight: bold;

}

div.title {
				font-size: 1.4em;
				font-family: Trebuchet MS;
				color: #333333;
							
}

div.sideTitle {
				font-size: 1.2em;
				font-family: Trebuchet MS;
				color: #444444;
				padding: 0px 0px 0px 5px;
				text-align: center;
							
}

div.small-title {

				font-size: 1.1em;
				font-family: Trebuchet MS;
				color: #333333;
}

div.smaller-title {
				
				font-size: .9em;
				font-family: Trebuchet MS;
				color: #333333;
}

div.productlist p {

				text-align: right;
				padding: 0px 5px 0px 120px;
				
}

div.productlist li {
				
				text-align: right;
}

div.productlist form {
				
				text-align: right;
}


ul li.list {
			
			list-style: none;
		
			
}

ul li.list a {

			color: #777777;
			font-size: 10px;
			font-family: Verdana;
			text-decoration: underline;
}

ul li.list a:hover {

			color: #f34457;
}

img.left {

			float: left;
			padding: 0px 8px 0px 0px;
}

div.gallery {

			text-align: center;

}

div#box_left .list {
				
			position: relative;
			top: 40px;
}

#dropmenudiv {
	
 position:absolute;
 border-bottom-width: 0;
 font-family: Verdana;
 font-size: 13px;
 line-height:18px;
 z-index:100;
 border: 0px;
 background-color: #222222;

	
}

#dropmenudiv a{
 width: 100%;
 display: block;
 text-indent: 3px;
 padding: 1px 0;
 text-decoration: none;
 font-weight: bold;
 color: #f4f4f4;
 border-bottom: 0px;


}

#dropmenudiv a:hover{ 
 background-color: #222222;
 color: #f34457;

}

.center { text-align: center; }
.small { font-size: 10px; font-family: Verdana; }
.float-left { float: left; }
.float-right { float: right; }
.spacer { padding-left: 100px; }
.middle { margin: 0px auto; }
.red { color: red; }