﻿/*-----------------------------------------------
[Full Circle Bison] Screen Stylesheet
Stylesheet:  screen.css
Author:   
Version:  1
Date:     00/00/00
Revision: 
----------------------------------------------- */
@import url("reset.css");
* { margin: 0; padding: 0; }
body { 
	background: #fff;
	color: #1c1502;
  	margin: 0;
  	text-align: center;
  	font: 14px/18px Times, "Times New Roman", Georgia, serif;
}
/*Linkage
----------------------------------------------- */
a,
a:visited { color: #c77e2f; text-decoration: underline; }
a:hover { text-decoration: none; }
#content a,
#content a:visited { color: #c77e2f; } 
#sidebar a,
#sidebar a:visited { color: #821526; text-decoration: none; }

#zero a, #zero a:visited {color: #821526; text-decoration: none;}
#one a, #one a:visited {color: #821526; text-decoration: none; }
#two a, #two a:visited {color: #821526; text-decoration: none;}
#three a, #three a:visited {color: #821526; text-decoration: none;}
#four a, #four a:visited {color: #821526; text-decoration: none;}
#five a, #five a:visited {color: #821526; text-decoration: none;}
#six a, #six a:visited {color: #821526; text-decoration: none;}
#seven a, #seven a:visited {color: #821526; text-decoration: none;}
#eight a, #eight a:visited {color: #821526; text-decoration: none;}

/*Classification
----------------------------------------------- */
.seo { text-decoration: none; cursor: text;}
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }
h1.cent{text-align:center};
.hidden { visibility: hidden; }
.clear { clear: both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { 
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/*Structure
----------------------------------------------- */
#container {
   width: 802px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
}
#wrapper {
   background: url(../images/container_bg.jpg) repeat-y;
   width: 802px;
}
#masthead {	
	background: url(../images/top.jpg) no-repeat top center;
	padding: 8px 9px 0 8px;
}
#banner {
	background: #f7f5dc url(../images/banner.jpg) no-repeat;
	width: 755px;
	min-height: 190px;
    height: auto !important;
    height: 175px;
    margin: 33px 0 0;
    padding: 15px 15px 0;
}
#logo a{
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 143px;
	height: 143px;	
	margin: 0;
	padding: 0;
	text-indent: -9999px; 
	overflow: hidden;
}
#content {
	background: #f7f5dc url(../images/content_top.jpg) no-repeat top center;
	margin: 0 9px 0 8px;
	padding: 15px 0 0;
}
#content_wrap {
	background: url(../images/content_wrap.jpg) no-repeat bottom center;
	padding: 0 15px 30px;
}
#sidebar {
	float: left;
	width: 230px;
	padding: 0 29px 15px 0;
	text-align: center;
	font: 11px/17px Helvetica, Arial, sans-serif;
}
#bottom {
	background: url(../images/bottom.jpg) no-repeat bottom center;
	height: 32px;
	padding: 40px 0 0;
	text-align: center;
}
#footer {
	padding: 15px 10px;
	color: #72651b;
	font: 10px/17px Helvetica, Arial, sans-serif;
	text-align: left;
}
#footer ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer li {
	display: inline;
}
#footer a {
	color: #72651b;
	text-decoration: none;
}
li#copy {
	display: block;
	margin: 0 0 18px;
}
/*Navigation
----------------------------------------------- */
ul#cart {
	margin: 25px 0 5px;
    text-align: right;
    list-style-type: none;
}
ul#cart li {
	display: inline;
	color: #afa675;
	font: 10px/17px Helvetica, Arial, sans-serif;
}
ul#cart li a {
	color: #afa675;
	text-decoration: none;
	margin: 0 0px 0;
}
/*BUG FIX FOR IE7 ENVOKES HAS LAYOUT*/
ul#nav li:hover {
	height: 1%;
}
ul#nav {
	position: absolute;
	background:url(../images/nav.jpg);
	margin: 0;
	background-image: url(../images/nav.jpg);

}
ul#nav li { float:left; list-style-type:none; }
ul#nav li a { position:absolute; top:0; display:block; height:33px; text-indent:-9999px; outline:none; z-index: 100; }
li#n1 a, li#n2 a, li#n3 a, li#n4 a, li#n5 a { background:url(../images/nav.jpg); }
li#n1 a { background-position: 0 0; width: 113px; left: 0; }
li#n1 a:hover, li#n1 a.active { background-position: 0 -33px; }
li#n2 a { background-position: -113px 0; width: 186px; left: 113px; }
li#n2 a:hover, li#n2 a.active { background-position: -113px -33px; }
li#n3 a { background-position: -299px 0; width: 156px; left: 299px; }
li#n3 a:hover, li#n3 a.active { background-position: -299px -33px; }
li#n4 a { background-position: -455px 0; width: 131px; left: 455px; }
li#n4 a:hover, li#n4 a.active { background-position: -455px -33px; }
li#n5 a { background-position: -586px 0; width: 199px; left: 586px;}
li#n5 a:hover, li#n5 a.active { background-position: -586px -33px; }
ul#nav li ul li {
	float: none;
	width: 0;
}
* html ul#nav li ul,
* html ul#nav li ul li{
	height: 0;
	width: 0;
	z-index: 0;
}
ul#nav li ul { 
    float: none;
	position: absolute;
	left: -9999px;
	width: 0;/*10em*/
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 99; 
}
ul#nav li:hover ul, 
ul#nav li.sfhover ul { 
	left: auto;
	z-index: 99;
}
ul#nav li ul a{
	background: #c9864f;
	position: relative;
	top: 33px;
	height: auto;
	padding: 4px 0;
	color: #331c09;
	text-indent: 0;
	border-top: #fff 1px solid;
	text-decoration: none;
}
ul#nav li ul a:hover {
	background: #c9864f;
	color: #fff;
}  
/*Forms
----------------------------------------------- */    
input {

}
select { 

}
textarea {

}
/*Images
----------------------------------------------- */
img.left {
	background: #f7f4e5;
	margin: 0 5px 5px 0;
	padding: 2px;
	border: #ece5b7 1px solid;
}
img.right {
	background: #f7f4e5;
	margin: 0 0 5px 5px;
	padding: 2px;
	border: #ece5b7 1px solid;
}
/*Typography
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
  margin: 0;
  padding: 0;
  font-weight:normal; 
}
h1 { color: #821526; margin: 0 0 30px; font-size: 21px; }
h2 { color: #821526; margin: 0 0 30px; font-size: 21px; clear: both; }
h3 { 
	margin: 0 0 24px;
	color: #811525;
	font: 16px/17px "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
h4 { font-size: 14px; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 10px; font-weight: bold; }
p { margin: 0 0 18px; }
ul, ol { margin: 18px 0 18px 18px; list-style-type: disc;}
li { line-height: 18px; }
ol { list-style-type: decimal; }
dl { margin: 18px 0; }
dl dt { font-weight: bold; }
blockquote  { 
	margin: 0 0 18px;  
	color: #5f4d1c; 
	font-style: italic; 
	clear: both;
}
em { font-style: italic; }
strong { font-weight: bold; }
#tagline {
	color: #821526;
	font: 23px/25px "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
#tagline {
	margin: 0 0 0 140px;
	color: #821526;
	font: 20px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#tagline span {
	display: block;
	margin: 0 0 0 20px;
}
#contact {
	color: #cdc692;
	font: 16px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact a{
	color: #cdc692 !important;
	text-decoration:underline;
}
#contact a:hover {
	color: #cdc692;
	text-decoration: none;
}
#blurp {
	width: 550px;
	margin: 0 auto;
	text-align: center;
}
/*Home_page
----------------------------------------------- */
#home_page #content { background: #f7f5dc; }
#content .column {
	float: left;
	width: 235px; 
	padding: 0 0 0 22px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#meta { padding: 8px 9px 0 8px; }
#meta .column {
	background: url(../images/keyline.jpg) no-repeat 5px 0;
	float: left;
	width: 165px;
	padding: 12px 10px 0 20px;
	font-size: 13px;
}
#meta h3 span {
	display: block;
	font-size: 14px;
	font-weight: lighter;
}
.quote {
	margin: 0 0 12px;
	color: #821526;
	font: 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
}
.sig {
	text-align: right;
}
/*
----------------------------------------------- */
.trigger {
	display: block;
	margin: 0 -22px 15px;
	padding: 0 22px 15px;
	border-bottom: #e7d6a3 3px solid ;
	cursor: pointer;
}

.trigger2 {
	display: block;
	margin: 0 -22px 15px;
	padding: 0 22px 15px;
	border-bottom: #e7d6a3 3px solid ;	
}

.trigger img{
	padding: 0 5px 0 0;
}
ul.testimonials {
	margin: 0;
}
.testimonials li{
	margin: 0 0 15px;
	border-bottom: #e7d6a3 3px solid;
	list-style-type: none;
}
/*For Number Six
----------------------------------------------- */
* html #logo a{ background: url(../images/logo.gif) no-repeat; }
* html #contact { margin: 10px 0 0; }
.color {
	color: #9e4351;
}
.pad {
	padding-left:37px;
	font-style:italic;
}
#search{ width:170px; float:left; font-size:16px;}
#detail{ width:534px; padding-left:10px; padding-right:10px; float:right;}
#toplink{ font-size:12px; border-bottom:1px solid #eadab6; padding-bottom:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.top {
	vertical-align:top;
}
.border_img {
	border:2px solid #eadab6;
}
.category {
	color: #821526;
	font-weight:bold;
	font-size:17px;
}
.font_link {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
.shop_h {
	font-family:Georgia;
	color: #821526;
	font-size:17px;
	margin-top:0px;
	padding-top:8px;
}
#search ul {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	margin-right: 0px;
	margin-left:0px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top:0px;
}
#search ul li {
	margin: 0px;
	display: block;
	background-image:url('../images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 11px;
	padding-top: 3px;
	padding-right:10px;
	padding-left: 15px;
}
#search a, #detail a {
	text-decoration:none;
	color:#c77e2f;
}
#search a:hover, #detail a:hover {
	text-decoration:underline;
}

#content ol {
	margin-top:0px;
	margin-bottom:0px;
}

#content ul {
	margin-top:0px;
	margin-bottom:0px;
	list-style-type: none;
	display:block;
}

#content ol li {
	margin-top:0px;
	padding-top:20px;
}

#content ul li {
	margin-top:0px;
	padding-top:14px;
	margin: 0px;
	display: block;
	background-image:url('../images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 20px;
	padding-right:10px;
	padding-left: 15px;
}

.pad_bot {
	margin-bottom:18px;
}

.img_left {
	margin-right:17px;
	float:left;
	border: #ece5b7 1px solid;
	background: #f7f4e5;
	padding:2px;
}

.img_right {
	margin-left:17px;
	float:right;
}


#content_other {
	background: #f7f5dc url(../images/content_top.jpg) no-repeat top center;
	margin: 0 9px 0 8px;
	padding: 15px 0 0;
}

a.sameh2:link, a.sameh2:visited, a.sameh2:active {
	color: #821526;
	font-size: 21px; 
	font-weight:normal; 
	text-decoration:underline;
	font-family:"Times New Roman", Times, serif;

 }

 a.sameh2:hover {
 	color: #821526;
 	font-size: 21px; 
 	font-weight:normal; 
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;

}

