/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		
        background:#636E74;
        color:#000;
		font: small Verdana, Arial, sans-serif;
		}
body a{color:#fff;}
body a:hover{color:#333;}
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 800px;
		margin: 0 auto;
		background:#fff url(../images/bg3.jpg) repeat-y ;
		padding: 0px;
		color:#fff;}
		
#masthead {
		background: url(../images/headerleft3.jpg) no-repeat;
		height: 312px;
		margin:0px;
		margin-left: 0px;}
.floatright{
		float:right;
		margin-right:48px;}
		

#content {
                  
				  
		text-align:left;		
        padding-bottom: 10px;
		}
.content{width:500px;}

#footer {
		clear: both;
		text-align: right;
		padding: 10px 0;
	
		}

#leftcolumn, #rightcolumn{
		
		float: left;
		padding: 10px;
		_padding:0px;
		_margin:0px;

		}

.twoColumnPage #leftcolumn {
		width: 520px;
		margin: -210px 0px 0px 45px;
		_margin: -210px 0px 0px 25px;
		padding:80px 0px 0px 20px;
		}

.twoColumnPage #rightcolumn {
		width: 120px;
		
		margin:-90px 0px 0px 12px;}

.twoColumnPage #rightcolumninner {
		width:100px;
		background:#8DA7B3;
		margin-left:19px;
		_margin:0px 0px 0px 24px;
		_padding:0px;
}
#maintext{margin:30px 8px 0px 10px;
_margin:30px 8px 0px 0px;
padding:10px 0px}



.separator {
		clear: both;
		}

/* ---------- 3. links and navigation ---------- */

/*#navigation {
		
		font: bold 14px Arial, sans-serif;
		height: 29px;
		margin:0px 10px 0px 2px;
		padding:0px 0px 0px 0px;
        width:330px;}

#navigation ul {
		list-style-type: none;
		}

#navigation li {
		display: inline;
		float: left;
		}

#navigation a {
		display: block;
		width: 65px;
		text-align: center;
		line-height: 29px;
		background: url("../images/menubut.png") 0 0 no-repeat;
		text-decoration: none;
		color: #ffffff;
		}
	
#navigation a:hover {
		background-position: 0 15px;
		color: #636E74;
		}*/
.rollover a {
display:block;
width: 120px;
padding:0px 0px 0px 7px;
font: bold 13px sans-serif;;
color:#333;
text-decoration: none;
}
.rollover a:hover { 
background: url("../images/hover.gif") 0 0 no-repeat;
color: #049;
border: 2px #000}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}
img
{  border-style: none;
}


/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: bold 125% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}

p {
		color:#fff;
		font-size: 93%;
		line-height: 1.3em;
		margin-bottom: 1em;
		padding-right:30px;
		text-align:left;}

.twoColumnPage #leftcolumn {
		font-size: 92%;
		}
		
		

		
#footer p {
		margin-bottom: 0;
		}
/*------------------5. images -------------*/
.maintextimage{
		float:left;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 30px;}
		
.popupshop{
width:155px;
float:left;
		margin: 0px 0px 0px 10px;
		_margin: 0px 0px 0px 10px;}