html {overflow-y:scroll;}

body{
	/*font-family: Helvetica,sans-serif;*/ 	/* preferred font and default type if Verdana not available */
	/*color: #FFFFFF; 	*/				/* text colour - white */
	/*line-height: 1.166; 	*/			/* controls line spacing */
	/*background-image: url(../media/background1.png);
	background-repeat: repeat-x;*/
	/*opacity: 21;	/*background-repeat:repeat-x; /* image used as decoration for page background */
	
}

/* div id='mainholder' - defines style for this div 
   it is the main (outer) div for the page,
   it has relative positing, so page will not be fixed relative to browser
   with left and right margins set automatically, so in most browsers page
   will appear centred
   width for page is set at 1300 pixels */
#mainholder{
	position: relative;
	left: 50%;
	width: 980px;
	margin-left:-485px;
	margin-right:auto;


}


#header {
	float:center;
	width:980px;
	top:0px;
	height:130px;
	margin-left:0px;
	padding-left:0px;
	background-image: url(../media/header.png);
	background-repeat: no-repeat;
	background-color: #transparent;
	font-size: 20px;
	font-style: bold;
	text-align: right;
	color: #14B36A;
	
}

#header2 {
	float:center;
	width:980px;
	top:0px;
	height:130px;
	margin-top:-9px;
	margin-left:0px;
	padding-left:0px;
	background-image: url(../media/header.png);
	background-repeat: no-repeat;
	background-color: #transparent;
	font-size: 20px;
	font-style: bold;
	text-align: right;
	color: #14B36A;
	
}


#sizeMods {
	float:right;
	width:91px;
	height:26px;
	margin-top:19px;
	margin-left:0px;
	margin-right: 21px;
	padding-left:0px;
	background-color: #transparent;
	font-size: 14px;
	font-style: normal;
	text-align: right;
	color: #14B36A;
	
}


#textSizePointer {
	position: absolute;
	left: 870px;
	top: 45px;
	z-index: 9;
}


#textSizePointer1 {
	position: absolute;
	left: 870px;
	top: 38px;
	z-index: 9;
}

#menu {
	float:left;
	width:980px;
	top:0px;
	height:50px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-3px;
	padding-top:0px;
	padding-left:0px;
	background-image: url(../media/menu.png);
	font-size: 24px;
}


#slider {
	float:left;
	width:980px;
	top:0px;
	height:400px;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	font-size: 24px;
	font-family: Helvetica, sans-serif;
}

#content {
	background-color: #ffffff; 
	float: left;
	width: 980px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	left: 0px;
	color: #223322;
	/*font-size: 16px;*/
}

#text {
	position: relative;
	width: 720px;
	margin-left:120px;
	margin-right:120px;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #555577;
	line-height:1.75;
	margin-bottom:50px;
}

#text h2 {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px;
	padding-top:16px;
	padding-bottom:0px;
	line-height:1.0;
	color: #ff6600;
}

#text h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	padding-top:16px;
	padding-bottom:0px;
	line-height:1.0;
	color: #6bb7a3;
}

#text h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 18px;
	padding-top:16px;
	padding-bottom:0px;
	line-height:1.4;
	color: #a9b7a3;
}


#text2 {
	
	position: relative;
	width: 920px;
	margin-left:30px;
	margin-right:30px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-bottom:8px;
}

#text2 {
	padding-top:6px;
	position: relative;
	width: 920px;
	margin-left:30px;
	margin-right:30px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-bottom:8px;
}
#footer {
	clear:left;
	width:980px;
	height:190px;
	/*margin-top:14px;*/
	padding-top:4px;
	margin-bottom: 14px;
	margin-left:0px;
	background-image: url(../media/footer.png);
	font-size: 13px;
	color: #bbbbbb;
}

#copyright {
	clear:left;
	margin-top:-63px;
	padding-top:4px;
	text-align:center;
	color: #666666;
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	
}

#footer a:link {color:#FFFFFF; text-decoration: none;}      		/* unvisited link in footer  - white text, with no underline*/
#footer a:visited {color:#FFFFFF; text-decoration: none;}  		/* visited link in footer  - white text, with no underline */
#footer a:hover {color: #0F0; text-decoration: none;}




img.bg {
	min-height:100%;
	min-width:100%;
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
}
@media screen and (max-width:1024)
{
	img.bg
	{
		left:50%;
		margin-left:-572px;
	}
}