@charset "utf-8";
/* ----------------------------------
  CompanyName Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
Color Scheme
light grey : dbdcdd
dark grey : 
orange: f93
blue : 4266af
text grey : 7e7f80

*/

/* PRINT ------------------------------------------------------ PRINT */
/*The @ media does not function correctly in IE so 
the best bet is simply to move the a:after to the print style sheet.*/
@media print {a:after {content: "  (" attr(href) ")  ";}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;}
}

body, div, table,tr, td, form, #header a, #header img{margin:0;padding:0;}
body {
	margin:0;
	padding:0;
	font:90% "Trebuchet MS", tahoma, sans-serif; /*or 11px sometimes works well*/
	background: #bcbdc0 url(../img/theme/bodyBackground.gif) repeat-x;
	color: #7e7f80;
	line-height:1.25;}
/* LINKS ------------------------------------------------------ LINKS */
a {text-decoration:none;}
a:link {color:#FFF}
a:visited {}
a:hover {text-decoration:underline;}

/* LAYOUT ELEMENTS ------------------------------------- LAYOUT ELEMENTS  */
#wrapper{
	width:900px;
	margin:auto;}
	#header{ 
		position:relative;
		text-align:right;}
		#tagLine {
			height:14px;
			color:#dbdcdd;
			font-size: 10px;
			vertical-align:bottom;}
		#logo {}
		#menu {
			height:22px;
			background:#000;
			color:#fff;
			padding-right:10px;
			font-size:90%}
	#mainSection{
		background:url(../img/theme/wrapperBackground.gif) repeat-y;}	
		#content{
			width:636px;
			float:left;}
		#leftColumn{
			width:264px;
			margin:0;
			padding:0;
			float:left;}
		#leftColumn .top {
			background-color:#4266af;
			color:#fff;
			clear:both;
			padding-right:10px;
			height:296px;
			overflow:hidden;}
	#footer{}
	#pageFooter{
		font-weight:700;
		text-align:right;
		font-size:80%}

#oneColumn #content {/*width:  px;*/}
#oneColumn #leftColumn {display:none;}

a#logo {
	display:block;
	width:900px;
	height:80px;
	background-image:url(../img/theme/logo.gif);
	text-indent:-90000px;}
a#logo:hover {cursor:pointer;}
#mainSection p {margin-left:15px;}
h1,h2,h3,h4,h5 {
	color:#4266af;
	margin-left:15px;
	margin-top:5px;}
#leftColumn h1,#leftColumn h2,#leftColumn h3,#leftColumn h4,#leftColumn h5{color:#7e7f80;}
#leftColumn .top h1,#leftColumn .top h2,#leftColumn .top h3,#leftColumn .top h4,#leftColumn .top h5{color:#fff;}
.large {font-size:150%; font-weight:700;}
/* TEXT ------------------------------------------------------- TEXT */

.tinytext {font-size:80%;}
.tiniertext {font-size:70%;}
/* NAVIGATION ------------------------------------------------- NAVIGATION */
#menu a,#menu a:hover,#menu a:visited{
	color:#fff;
	text-decoration:none;}
/* LISTS ------------------------------------------------------ LISTS */
/* IMAGES ----------------------------------------------------- IMAGES */
img {border: none;}
/* TABLES ----------------------------------------------------- TABLES */
/* FORMS ------------------------------------------------------ FORMS */

/* MISC ------------------------------------------------------ MISC */
.clearing{clear:both;}
/* Clear the container item so short pages won't "stick out" the menu*/	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix {display: inline-block;} This causes Validation errors */
* html #mainBody	{display: inline;}	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Image Gallerific styles :)*/
ul.thumbs {margin:0; padding:0}
ul.thumbs li {
	float:left;
	list-style:none outside none;
	margin:5px;
	padding:0;
}
a.advance-link:hover {text-decoration:none;}
.product img {border:2px solid #000;}
#slideshow { margin:auto;}