/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
 
* { margin: 0; padding: 0px; }
  
html {
margin: 0;
padding: 0px;
height: 100%;
background: url(/images/bg.jpg) repeat;
font-family: 'century gothic';
color: #443724;      


}
  
body {
margin: 0;
padding: 0px;
height: 100%;
background: url(/images/bg.jpg) repeat;
font-family: 'century gothic';
color: #443724;      


}
  
#frame {
width: 892px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}
 
 
#main 
{
position: relative;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: 100%;
}
 
p {margin: 0; padding: 0px; }
 


/* ----------container to center the layout-------------- */
#container 
{
position: relative;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
}
 

/* --------------LABELS & FORMS------------- */
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'century gothic';
color: #7d7465;      
padding: 2px;
margin-bottom: 20px;

}
 
.textbox {
width: 20em;
border: 1px solid #777;
font: 10pt 'century gothic';
color: #7d7465;      
padding: 2px;
margin-bottom: 10px;

}
 
.form {
width: 20em;
border: 1px solid #777;
font: 10pt 'century gothic';
color: #7d7465;      
padding: 2px;
margin-bottom: 20px;
float: left;

}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 2px solid #46a1c6;
}
 
  
 
/* --------------HEADER------------- */
 
 
#header {
height:107px;
background: #D9D5D0 url(/images/headerbg.gif) repeat-x;
}

.cart {
float: right;
width: 150px;
font: 10pt 'century gothic';
color: #7d7465;      


}

 
/* --------------LOGO IN HEADER *always use this*------------- */
.logolink {
float: left;
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 107px;
width: 362px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 362px;  height: 107px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */
 
 
 
/* --------------NAV------------- */
 
 
#nav {
background: url(/images/topnavbg.gif) repeat-x;
height: 39px;
} 
 
.images {
}
 
.images a { float: left; margin-right: 12px; margin-left: 12px; }

#swap01 {background-image: url(/images/home2.gif);  width: 38px;  height: 39px; }
#swap02 { background-image: url(/images/ourproducts2.gif); width: 78px;  height: 39px; }
#swap03 { background-image: url(/images/meetartist2.gif); width: 93px;  height: 39px; }
#swap04 {background-image: url(/images/testimonials2.gif);  width: 74px;  height: 39px; }
#swap05 { background-image: url(/images/contact2.gif); width: 67px;  height: 39px; }
#swap06 { background-image: url(/images/customerservice2.gif); width: 102px;  height: 39px; }
#swap07 { background-image: url(/images/links2.gif); width: 34px;  height: 39px; }

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */
 
 
/* --------------LEFT, CENTER, RIGHT------------- */
 
#left {
	position: absolute;
	left: 0px;
	width: 60px;
	background: url(/images/leftbg.jpg) repeat-y;
	height: auto;
	height: 100%;

}
 
#content {
width: 772px;
margin: 0px 60px 0px 60px;
padding: 0px;
background: #fff url(/images/navbg.gif) repeat-y left;
height: auto;
height: 100%; 
min-height: 800px;
}
 
#right {
position: absolute;
right: 0px;        
width: 60px;
background: url(/images/rightbg.jpg) repeat-y;
margin: 0px; 
padding: 0px;
height: auto;
height: 100%;


}
 
 
 
/* --------------MAIN------------- */
#main {
margin: 0px;
padding: 0px;
height: auto;
height: 100%;

}
 
#main .left {
float:left; 
width: 200px;
margin: 0px;
padding: 0px;
height: 100%;
}

#main .left li a{
color: #584831;
text-decoration: none;
padding: 0px 10px 0px 25px;
font: 12pt 'Times New Roman';
}

#main .left ul {
margin: 0px;
padding: 10px;
}

#main .left li {
display: block;
padding: 3px;

}

#main .left li a:hover {
text-decoration: underline;
}


 
#main .content {
padding: 10px;
margin-left: 200px;
min-height: 600px;
font-size: 12pt;

}

#main .content a{
	color: #417f83;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	font-family: "Century Gothic";
}

#main .content h1{
	color: #417f83;
	padding: 0px 0px 0px 0px;
	font-size: 12pt;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

#main .content ul {
margin: 0px;
padding: 10px;
}

#main .content li {
display: block;
}

#main .content hr {
	color: #417f83;
	height: 1px;
	width: 550px;
	padding-bottom: 50px;
	padding-top: 50px;
}

.blue{
	color: #417f83;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	font-family: "Century Gothic";
}


 
.clear {
clear: both;
}
 

/* --------------FOOTER------------- */
#footer {
background-color: #d9d5d0;
margin-left: auto;
margin-right:auto;
position: relative;
clear: both;
text-align:center;
font-size: 8pt;
color: #afa492;


}
 
#footer ul {
padding: 10px;
}
 
#footer .links ul {
margin: 0px;
padding: 0px;
}
 
#footer .links li {
display: inline;
list-style-type: none;
}
 
#footer .links li a {
color: #afa492;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt 'century gothic';
}
 
#footer .links li a:hover {
text-decoration: underline;
}
 

#footer .asc ul {
margin: 0px;
padding: 0px;
}
 
#footer .asc li {
display: block;
list-style-type: none;
}
 
#footer .asc li a {
color: #bcb4a6;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt 'century gothic';
}
 
#footer .links li a:hover {
text-decoration: underline;
}
 

#footer .w3 ul {
margin: 0px;
padding: 10px;
}
 
#footer .w3 li {
display: inline;
list-style-type: none;
}
 
#footer .w3 li a {
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt 'century gothic';
}
 
#footer .w3 li a:hover {
text-decoration: underline;
}