#titleImageBox{position:relative;}
#referafriend, #newsletter
{
	position:absolute;
    top:0px; 
    }
#referafriend{left:-235px;}
#newsletter{top: 80px; left:-235px;}
#referafriend a, #newsletter a  
{
	display:block;
    width:180px;
    height:70px;
    }
#referafriend a:hover,  #newsletter a:hover{ background-position:0px -70px}        
#referafriend a span, #newsletter a span{display:none;}
#referafriend a {background-image:url(../images/referafriend.gif)}
#newsletter a {background-image:url(../images/newsletter.gif)}
    
body {
	background-color: #6F4D36;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_pattern.png);
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
}

li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
}
ul {
	list-style-type: square;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #4D7486;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
}
a:link {
	color: #753205;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #999999;
}
#topBackground {
	background-image: url(../images/top_gradient.png);
	background-repeat: repeat-x;
	height: 154px;
}
#mainBackground {
	background-repeat: repeat;
	height: auto;
	width: auto;
}
#topWrapper {
	height: 154px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#mainWrapper {
	width: 900px;
	margin-left:auto;
	margin-right:auto;	
	background-image: url(../images/content_stretch.png);
	background-repeat: repeat-y;
}
#mainWrapper #mainMenu {
	height: 40px;
	width: 900px;
}
#mainWrapper #mainMenu #leftBorderBox {
	background-image: url(../images/menu/left_border.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 81px;
}
#mainWrapper #mainMenu #rightBorderBox {
	background-image: url(../images/menu/right_border.png);
	background-repeat: no-repeat;
	clear: right;
	float: left;
	height: 40px;
	width: 100px;
}
#mainWrapper #mainMenu #buttonBox {
	float: left;
	height: 40px;
	width: 719px;
}
#mainWrapper #mainMenu #buttonBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainWrapper #mainMenu #buttonBox li {
	float: left;
}
a span {display:none}
#mainWrapper #mainMenu #buttonBox a.home {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 42px;
	
}
#mainWrapper #mainMenu #buttonBox a.home:hover {
	background-position: 0px -40px;
}
#mainWrapper #mainMenu #buttonBox a.home_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	background-position: 0px -80px;
	display: block;
	height: 40px;
	width: 42px;
}


#mainWrapper #mainMenu #buttonBox a.aboutUs {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 90px;
	
	background-position: -42px 0px;
}
#mainWrapper #mainMenu #buttonBox a.aboutUs:hover {
	background-position: -42px -40px;
}
#mainWrapper #mainMenu #buttonBox a.aboutUs_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 90px;
	
	background-position: -42px -80px;
}
#mainWrapper #mainMenu #buttonBox a.faqs {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;
	
	background-position: -132px 0px;
}
#mainWrapper #mainMenu #buttonBox a.faqs:hover {
	background-position: -132px -40px;
}
#mainWrapper #mainMenu #buttonBox a.faqs_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;
	
	background-position: -132px -80px;
}
#mainWrapper #mainMenu #buttonBox a.tutorials {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 101px;
	
	background-position: -213px 0px;
}
#mainWrapper #mainMenu #buttonBox a.tutorials:hover {
	background-position: -213px -40px;
}
#mainWrapper #mainMenu #buttonBox a.tutorials_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 101px;
	
	background-position: -213px -80px;
}
#mainWrapper #mainMenu #buttonBox a.ourTeam {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 104px;
	
	background-position: -314px 0px;
}
#mainWrapper #mainMenu #buttonBox a.ourTeam:hover {
	background-position: -314px -40px;
}
#mainWrapper #mainMenu #buttonBox a.ourTeam_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 104px;
	background-position: -314px -80px;
}
#mainWrapper #mainMenu #buttonBox a.ourBlog {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 102px;
	
	background-position: -418px 0px;
}
#mainWrapper #mainMenu #buttonBox a.ourBlog:hover {
	background-position: -418px -40px;
}
#mainWrapper #mainMenu #buttonBox a.ourBlog_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 102px;
	
	background-position: -418px -80px;
}
#mainWrapper #mainMenu #buttonBox a.ourFriends {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 118px;
	
	background-position: -520px 0px;
}
#mainWrapper #mainMenu #buttonBox a.ourFriends:hover {
	background-position: -520px -40px;
}
#mainWrapper #mainMenu #buttonBox a.ourFriends_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 118px;
	
	background-position: -520px -80px;
}
#mainWrapper #mainMenu #buttonBox a.contact {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;
	
	background-position: -638px 0px;
}
#mainWrapper #mainMenu #buttonBox a.contact:hover {
	background-position: -638px -40px;
}
#mainWrapper #mainMenu #buttonBox a.contact_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;
	
	background-position: -638px -80px;
}

#footerBox {
	background-image: url(../images/footer/bg_gradient.jpg);
	background-repeat: repeat-x;
	height: 80px;
	width: 900px;
	margin-left:auto;
	margin-right:auto;

}
#mainWrapper #mainContentBox {
	background-image: url(../images/bg_image_field.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: auto;
	background-position: left bottom;
}
#mainWrapper #mainContentBox #backgroundBox {
	float: left;
	width: 301px;
	vertical-align: bottom;
	background-image: url(../images/content_gradient_top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
}
#mainWrapper #mainContentBox #textBox {
	clear: right;
	float: left;
	width: 599px;
	height: auto;
}
#mainWrapper #mainContentBox #textBox #titleBox #titleImageBox {
	background-image: url(../images/title_stretch.gif);
	background-repeat: repeat-x;
	float: left;
	height: 70px;
	width: 499px;
}
#mainWrapper #mainContentBox #textBox #titleBox #borderRight {
	background-image: url(../images/title_border_right.png);
	background-repeat: no-repeat;
	clear: right;
	float: left;
	height: 70px;
	width: 100px;
}
#mainWrapper #mainContentBox #textBox #realContent {
	
	float: left;
	height: auto;
	width: 460px;
	padding-right: 30px;
	clear:both;	padding-left: 30px;
	background-image: url(../images/icon_light.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
}
#mainWrapper #mainContentBox #textBox #footer {
	background-image: url(../images/bg_field_bottom.jpg);
	background-repeat: no-repeat;

	float: left;
	height: 78px;
	width: 599px;
}
 #footer #borderRight {
	background-image: url(../images/bg_field_bottom_right.png);
	background-repeat: no-repeat;
	height: 78px;
	width: 100px;
	float: right;
}
 #footerBox #ceTagBox {
	float: left;
	height: 37px;
	width: 265px;
	padding-top: 13px;
	padding-left: 35px;
}
 #footerBox #ceTagBox a.ceTag {
	background-image: url(../images/footer/ce_tag_sprite.gif);
	height: 25px;
	width: 233px;
	display: block;
	
}
#footerBox #ceTagBox .ceTag:hover {
	background-position: 0px -25px;
}
 #footerBox #copyrightBox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #753205;
	float: left;
	height: 30px;
	width: 470px;
	text-align: right;
	padding-top: 20px;
	padding-right: 30px;
}
#footerBox #borderRight {
	background-image: url(../images/footer/border_right.gif);
	float: left;
	height: 50px;
	width: 100px;
}
#mainContentBox #flashBox {
	clear: right;
	float: left;
	height: 170px;
	width: 900px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}