/* CSS Document */

BODY{
font-family: Trebuchet MS, Helvetica, sans-serif;
background-image:url(../images/bgweave.jpg);
background-repeat:repeat;}

.header{
width:729px;
background-color:#63637f;
height:100px;
margin:0 auto;
border-bottom:1px solid #000;
}

.header p	{
font-size:12px;
color: #000;
padding: 75px 0 0 10px;
font-style:oblique;
}

.mid_column{
width:730px;
margin: 0 auto;}

.block_btm{
width:729px;
height:15px;
margin: 0 auto;
background-color:#63637f;
border-bottom:1px solid #000;}

.blocks1{
width:152px; 
height:35px;
background-color:#63637f; 
float:left;
color:#c2f203;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;
border-right: 1px solid #989898;}

.blocks1 a:link {color: #0fc6bf;}   
.block1 a:visited {color: #6666CC}
.blocks1 a:hover {color: #006699}  
.blocks1 a:active {color: #6666CC} 


.blocks2{
width:151px; 
height:35px;
background-color:#63637f; 
float:left;
color:#C2F203;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;
border-right: 1px solid #989898;}


.blocks2 a:link {color: #0fc6bf;}   
.block2 a:visited {color: #6666CC}
.blocks2 a:hover {color: #006699}  
.blocks2 a:active {color: #6666CC} 



.main_content_area{
	background-color:#fff;
	width:729px;
	padding-top: 15px;
	margin:0 auto;
	color:#525269;
}



.footer{
width:730px;
margin:0 auto;
}


.title{
	color:#FFFFFF;
	padding-top: 15px;
	float:left;
	width:200px;
	height:50px;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}

.navigation{
float:right;
padding-top:75px;
padding-right:15px;
color:#000000;
}

.navigation a:link {color: #fff; font-size:14px;}   
.navigation a:visited {color: #6666CC;}
.navigation a:hover {color: #000000;}  
.navigation a:active {color: #6666CC;} 

.content_area{
width:547px;
float:left;
border-right: 1px #4cb6bf solid;
}

.content_area p {
font-size:12px;
padding-top:none;
}

.sub_content{
	background-color:#63637f;
	width:167px;
	float:right;
	color: #FFFFFF;
	margin-right:6px;
	margin-top: 10px;
	padding:15px 5px auto 5px;
	text-align:center;
	border:1px solid #000;

}


.sub_nav{
width:163px;
padding:10px;
color:#49555B;
border-right: 1px #4cb6bf solid;
font-size:12px;
line-height:1.5em;
}



.content_area2{
width:350px;
float:right;
padding-right:5px;
padding-left:5px;
font-size:11px;}


a:link {color: #1e8e97;}   
a:visited {color: #6666CC;}
a:hover {color: #000000;}  
a:active {color: #6666CC;} 

.scroller{
overflow:auto;
width:150px;
height:200px;
border: solid 1px #CCCCCC;
list-style:none;}

.nav{
text-decoration:none;
color:#FFFFFF;
color:#FFFFFF;
font-weight:bold;
font-size:10px;}

.nav:visited{
text-decoration:none;
color:#FFFFFF;
}

.nav:hover{
text-decoration:none;
color:#FFFFFF;}


 .cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image:url(../images/ordernowOFF.jpg);
white-space: nowrap;
display: block;
width: 166px;
height: 100px;
margin: 0;
padding: 0;
padding-left:1px;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 167px;
height:100px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 167px;
height: 100px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

h1{
font-size:24px;
color: #515166;
padding-top:none;
}


h2{
color:#474558;
font-size:20px;
margin:0px;
}

h3{
font-size: 16px;
color:#525269;}

ul.menu{
margin:0px;
padding:5px;
list-style:none;
width:110px;}

img.screenshot{
width:60px;
height:50px;
float:right;}

img.border	{
border: 1px solid #000;
}

.offset	{
color:#000000;
font-weight:bold;
margin-left:15px;
text-transform:capitalize;
}

#copy{
text-align: center;
margin:0 auto; 
width:729px; 
font-size:10px;
color:#fff;
}