/* CSS Template for [Company/Organization] */



/* all sytles should be structured as follows:

******************************************

call (descriptive element names are required) { / comments for what the call is used for if the call doesnt explain enough (eg. .nav p { \* paragraph style for copy in the nav area *\) /

	position: value;

	flaot: value; / if aplicable /

	width: value; / plese use px if possible only use % if under 100%/

	height: value; / please use px if possible and if height is absolutely neccisary please comment behind with IMPORTANT, otherwise omit /

	background: color image repat position;

	color: value;

	font-family: value;

	font-size: value; / please use pt or em if possible or size types like "small", "larger", "x-small", etc. /

	font-whatever: value; / all other font styles /

	margin: top-value right-value bottom-value left-value;

	padding: top-value right-value bottom-value left-value;

	text-whatever: value;

	display: value;

	border: width style color;

	any other styles...

}	

******************************************

if possible please use #hhh; for colors */



html, body {

	background-color: #261613;

	margin: 0;

	padding: 0;

	text-align: center;

} 

 



#header {

 	position: relative; 

	text-align: center;	

	width: 970px;

	height: 422px;

		

} 



#photos {

	z-index: 1;

}



#logo {

	z-index: 3;

	position: absolute;

	right: 400px;

	bottom: 0px;

	font-size: 20pt;

	vertical-align : text-top;

}



#brownheader {

	width: 785px;

	background-color: #261613;

	text-align: left;

	color: #9C8C67;

	font-size: 18pt;

	font-family : "Times New Roman";			

}

  



#maincol {

	width: 796px;

	background-color: #9C8C67;

	text-align: left;

}



#nav {

	width: 190px;

	padding-top: 2px;

     padding-bottom: 2px;

     padding-left: 20px;

     padding-right: 2px;

	margin-top: 15px;

	margin-bottom: 175px;

}



#nav H2 {

	font-size: 24px;

	margin: 0px;

}



#nav a {

	font-weight: bold;

     font-size: 11pt;

     text-decoration: none;

}



#nav a:link {

	/*color: #9C8C67; */

     color: #251613;

}



#nav a:visited {

	/*color: #9C8C67; */

     color: #251613;

}



#nav a:hover {

	/*color: #9C8C67; */

     color: #251613;

     text-decoration: underline;

}



#topshopping {

	z-index: 3;

	position: absolute;

	bottom: 0px;

	right: 150px;

}



.topnavtext {

	font-size: 13pt;

	font-family : "Times New Roman";

	font-weight: bold;

	line-height: 13pt;

}



.topnavtext .bigger {

	font-size: 18pt;

}



.topnavtext A:link {

	font-size: 10pt;

	font-family : "Times New Roman";

	color: #000000;

	text-decoration: none;

	font-weight: bold;

	line-height: 10pt;

}



.topnavtext A:visited {

	font-size: 10pt;

	font-family : "Times New Roman";

	color: #000000;

	text-decoration: none;

	font-weight: bold;

	line-height: 10pt;

}



.topnavtext A:hover {

	font-size: 10pt;

	font-family : "Times New Roman";

	color: #000000;

	text-decoration: underline;

	font-weight: bold;

	line-height: 10pt;

}



#topleft {

	position: absolute;

	top: 0px;

	left: 0px;

}



#topright {

	position: absolute;

	top: 0px;

	right: 0px;

}



#content {

	width: 510px;

	padding: 10px;

	background-color: #261613;

	color: #9C8C67;

	position: relative;

	margin-top: 2px;

	text-align: left;

}

.featured_categories {

	color: #9c8c67;

}



#content_gallery {

	width: 100%;

	padding: 10px;

	color: #9C8C67;

	position: relative;

	margin-top: 2px;

	text-align: left;

}



#bottomleft {

	position: absolute;

	bottom: 0px;

	left: 0px;

}



#bottomright {

	position: absolute;

	bottom: 0px;

	right: 0px;

}



#tag {

	position: absolute;

	bottom: -70px;

	left: -53px;

	

}



#footer{

	text-align: center;

	font-size: 12pt;

	color: #261613;

	float: right; 

	width: 510px;

	margin-top: 15px;

     margin-bottom: 15px;

}



#footer H2 {

	color: #261613;

	margin: 0px;

	font-size: 24px;

	

}



#footer a {

	color: #261613;

}



#footer a:link {

	color: #261613;

}



#footer a:visited {

	color: #261613;

}



#footer a:hover{

	color: #261613;

}



span.thankyou {

     font-size: 10pt;

}



span.url {

     font-size: 10pt;

     font-style: italic;

}



.makeSelection {

     color: #9C8C67;

     font-size: 10pt;

     font-style: italic;

}



.description {

     color: #9C8C67;

     font-size: 12pt;

}



hr {

     color: #9C8C67;

     width: 500px;

}



.mastercategory {

      font-size: 16pt !important;

	  color: #c9670a;

}



/*Simple styles for clients to use sizes and colors etc.*/



.smaller {

	font-size: 8px;

}



.small {

	font-size: 10px;

}



.big {

	font-size: 16px;

}



.bigger {

	font-size: 18px;

}



.blue {

	color: #0000a0;

}



.red {

	color: #ff0000;

}



.green {

	color: #008000;

}



.yellow {

	color: #ffff00;

}