@charset "utf-8";
/* CSS Document For futurewebb (2010) */

body {
	font-family: arial, sans-serif;
	font-size: 12px; text-align: center;
	background:#0066FF; margin-top: 0px;
	}
	
strong {color:#006;}
h1, h2, h3{font-size:16px; color:#039; text-align:center; clear:both; text-decoration:none; border-bottom:dashed 1px #CCC; width: 75%; float: none; margin: auto;  }
h4, h5, h6, h7, h8, h9 {font-size:12px; color:#000; text-align:center; clear:both; text-decoration:none; margin-bottom:-4px;}

.float_12{margin-left: 12%;}
.float_20{margin-left: 20%; border: solid 1px #000; margin-top:0px;}
.float_left {text-align:left;}
.justify_text {text-align:justify;}
.center_text {text-align:center;}
.center_text_black {text-align:center; font-weight:bolder; color:#000; text-decoration:underline;}
.bold {font-weight:bolder;}
.red{color:#F00; font-weight:bolder;}
.black {color:#000; font-weight:bolder;}
.italic {font-style:italic; color:#999; width: 100%; float:left;}
.italic_bold {font-style:italic; font-weight:bolder;}
.old_price {color: #F00; font-weight:bolder; width: 100%; text-decoration:line-through;}
.stripe {background-image:url(../image/stripe.png); background-repeat:no-repeat; 
width: 252px; height: 22px; border: none 1px #000; float: left; margin-left: 10px; padding-top:3px;}



.thumb
{
border: none 1px #000; 
float: left; 
margin:  2px;
text-align:center;
width: 160px;
height: 200px;
margin-top: 25px;
}

.username_login{width: 70px; height: 33px; float: left; margin: auto; border: none 2px #000; padding-top:10px;}
.username{width: 152px; height: 33px; float: left; margin: auto; border: none 2px #000;}
.username_input {width: 82px; height: 12px; color:#999; float: left; margin: auto; font-size:11px; border: solid 1px #000; margin-top: 2px;}
.username_label {width: 60px; height: 12px; color:#000; float: left; margin: auto; font-size:11px; padding-right: 3px;}
.username_submit 
	{width: 70px; 
	font-size:11px;  
	height: 20px; 
	text-align:center; 
	float:none;  
	color:#fff; 
	margin-left:8px; 
	margin-top: 8px; 
	cursor:pointer; 
	border:inset 2px #fff;
	background-color:#000; 
	padding-bottom:6px;  
	}

.line {background-image:url(../new_images/line_bg.png);
	width: 95%; height: 2px; margin: 3px 0px; }
.lineleft {background-image:url(../new_images/line_bg_left.png); background-repeat:no-repeat;
	width: 293px; height: 2px; }

a {color:#000; text-decoration:none; font-weight:bold;}
a:link {color:#000; text-decoration:none; font-weight:bold;}
a:hover {color:#06F; text-decoration:none;}

.img_left {
border:3px inset #00F;
float:left;
left:1px;
margin-bottom:7px;
margin-right:10px;
position:relative;
}

.img_right {
border:3px inset #00F;
float:right;
left:1px;
margin-bottom:7px;
margin-left:10px;
position:relative;
}

.img_centre {
border:3px inset #00F;
float:none;
margin:auto;
margin-left:40%;
margin-bottom:7px;
position:relative;
}

.img_centre_text {
float:none;
margin:auto;
}

#float_centre_1 {width: 55%; height:30px; float:none; margin:auto; border:none 1px #000; margin-top:1px; margin-bottom:1px;}

#float_centre {width: 55%; height:30px; float:none; margin:auto; border:none 1px #000; margin-top:1px; margin-bottom:1px;}
/**************** Page ****************/
#page { width: 800px; height: auto; float: none; margin: auto;}
/**************** Container ****************/
#top_container 
	
	{background:url(../image/curve.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:800px;
	height: 20px;
	float: left;
	margin: auto;
	border: none 1px #FF0;
	}
	
#container
	{
		
	height: auto;
	width: 800px;
	border: none 2px #F00;
	float: left;
	margin: auto;
	background-color:#fff;
	/*background-color:#06F;*/
	}

#bottom_container 
	
	{background:url(../image/curve.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:800px;
	height: 20px;
	float: left;
	margin: auto;
	border: none 1px #FF0;
	}

/**************** Menu ****************/
#menu
	{
	float: none;
	margin: auto;
	width: 850px;
	height: 35px;
	}

/**************** Header ****************/

#header 
	{
	background:url(../image/header.png);
	background-repeat:no-repeat;
	width:786px;
	height: 84px;
	float: none;
	margin: auto;
	border: none 1px #FF0;
	margin-top:-12px;
	}

#inner_header
	{
	padding-top: 100px;
	width:770px;
	height: 495px;
	float: none;
	margin: auto;
	border: none 1px #FF0;
	}
	
#inner_header_left
	{
	width:360px;
	height: 435px;
	float: left;
	margin: auto;
	border: solid 1px #FF0;
	margin-right: 2px;
	}
	
#inner_header_right
	{
	width:360px;
	height: 435px;
	float: left;
	margin: auto;
	border: solid 1px #FF0;
	}
/**************** Top Bar MAIN DIV ****************/
#topbar
	{
	width: 100%;
	float: none;
	margin: auto;
	height: 35px;
	border: none 2px #000;
	}
	
	
#date {width: 200px; height: 20px; border:none 2px #F00; float:right; position:relative; text-align:right; top:-20px; color:#fff; margin-right: 40%;}

#top_bar
	{
	width: 800px;
	float: left;
	height: 32px;
	border: none 2px #000;
	text-align:left;
	padding-left: 10px;
	padding-top: 1px;
	margin-top: -20px;
	}
	
#top_bar_button
{float: left; margin: auto; margin-top: 3px; width:280px; height: 35px; border: none #F00 1px;}
	
#login { float: right; margin-right:-50px; width: 320px; height: 35px; border: none 1px #F00;}
#login a {text-decoration:none; color: #FFF; font-weight:bolder; border: #000 inset 2px; }
#login a:link {text-decoration:none; color: #FFF; font-weight:bolder; }
#login a:hover {text-decoration:none; color: #FF0; font-weight:bolder; }


/**************** Middle Page DIV ****************/
*:first-child+html #page_middle_top {margin-bottom: -10px;}
#page_middle_top
	{
	border:none 2px #000;
	float: left;
	width: 100%;
	height: 23px;
	text-align: center;
	background-image:url(../image/middle_top_bg.png);
	background-repeat:repeat-x;
	margin-top: 3px;
	margin-bottom: 10px;
	}

*:first-child+html #page_middle {margin-top: 25px;}
#page_middle
	{
	width: 100%;
	height: auto;
	float: left;
	border: none 2px #F00;
	
	}

#page_middle_btm
	{
	background-image:url(../new_images/container_bg_btm.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 100%;
	height: 2px;
	}

/**************** Left Side ****************/

#left_side
	{
	padding-right: 8px;
	padding-left: 8px;
	float: left;
	height: auto;
	width: 485px;
	border: none 2px #000;
	}
	
/**************** Middle Page Split ****************/	
*:first-child+html #middle_page_split {height:auto;}

#middle_page_split 
{ width:1px; height: 370px; background-color:#000; float: left; margin-top: 2%; }
/**************** Right Side ****************/
#right_side	
	{
	float: left;
	margin-left:8px;
	height: auto;
	width: 285px;
	border: none 2px #000;
	}

#right_side_page
{
	float: left;
	margin-left:1px;
	height: auto;
	width: 280px;
	border: solid 2px #000;
	
	}


#link_top 
	{background-image:url(../image/links_curve.png);
	background-repeat:no-repeat;
	background-position:top; 
	width: 285px; 
	height:25px; 
	float: left;
	margin-top: 10px;
	}
	
#link_bottom 
	{background-image:url(../image/links_curve.png);
	background-repeat:no-repeat;
	background-position:bottom; 
	width: 285px; 
	height:25px; 
	float: left;
	}


#right_bottom
	{
/*	background-color:#CC9933;*/
background-color:#000;
	float: left;
	width: 285px;
	height: auto;
	color:#FF0;
	}
#right_bottom	 a {color:#fff; font-size:14px; font-weight:bolder; text-decoration:blink;}
#right_bottom	 a:link {color:#fff; font-size:14px; font-weight:bolder; text-decoration:blink;}
#right_bottom	 a:hover {color:#F00; font-size:14px; font-weight:bolder; text-decoration:none;}
/**************** Bottom Footer ****************/
#bottom
	{
	float: left;
	width: 100%;
	height: 150px;
	border: none 1px #000;
	margin-bottom:-8%;
	
	}
#bottom a {color: #000; text-decoration:none;}
#bottom a:hover {text-decoration:underline;}


/**************** Price_Page ****************/
#price_box
	{
	width: 100%;
	border: solid 1px #000;
	float: left; 
	margin: auto;
	padding-bottom: 5px;
	}

.price {text-align:left; float:left; border-bottom:dashed 1px #000; width:100%; height: 100%; margin:auto; line-height:2em; }
.price11{float: left; width: 150px; height: auto; text-align:center; margin-right:3px;}
.price12{float: left; width: 290px; height: auto; text-align:left; margin-right:3px; font-style:italic;}
.price13{float: left; width: 5px; height: auto; text-align:left; margin-right:3px; font-weight:bolder;}
.price14{float: left; width: 35px; height: auto; text-align:left; margin-left:2px; color:#F00; font-weight:bolder;}

.training_price {text-align:left; float:left; border-bottom:dashed 1px #000; width:100%; height: 100%; margin:auto; line-height:2em; }

/**************** Links_Page ****************/
#links_box {width: 450px; height: 100px; border: none 1px #000; float: none; margin: auto;}

#links_box a {color:#000; font-size:14px;}
#links_box a:link {color:#000; font-size:14px;}
#links_box a:hover {color:#00F; font-size:14px;}

.link_left, .link_middle, .link_right
{width: 140px; height: 100px; border: none 1px #000; float: left; margin-right:8px; }

/**************** Top5 Page ****************/
#top_5 {width: 230px; height: 230px; border: none 1px #000; float: none; margin: auto;background-image:url(../image/top5_bg.jpg); background-repeat:no-repeat; color:#FFF; padding-top: 5px;}
#top_5 a {color:#FF0; font-size:14px;}
#top_5 a:link {color:#FF0; font-size:14px;}
#top_5 a:hover {color:#06F; font-size:14px;}
#top_5 a:visited {color:#FF0; font-size:14px;}



/**************** Site Map ****************/
#sitemap_list
	{
	border: none 2px #000;
	float: left; margin: auto;
	margin-left:20px;
	width: 450px;
	height: auto;
	}
	
#sitemap_list a {color: #00F; text-decoration:none;}
#sitemap_list a:link {color: #00F; text-decoration:none;}
#sitemap_list a:hover {color:#000;}

.map {background-image:url(../new_images/map.jpg); background-repeat:no-repeat;
float: left; margin:auto; border: none 1px #000; width: 250px; height: 350px;
	}
/**************************** Offer Page ***************************/
p.offer1, p.offer2, p.offer3, p.offer4
	{
	width:360px;
	height: 120px;
	background-image:url(../image/offer1.jpg);
	background-repeat:no-repeat;
	float: none;
	clear: right;
	margin:auto;
	margin-top: 1px;
	border: none 2px #FF0;
	text-align:center;
	color:#000;
	font-size:16px;
	}
p.offer1{ padding-top: 5px; color:#00F; }
p.offer2{ padding-top: 5px; color:#00F; }
p.offer3{ padding-top: 5px; color:#00F; margin-bottom: -15px; color:#00F; }
.flash {text-decoration:blink; 
		font-size:16px; color:#F00; font-weight:bolder;}

/**************************** End of Offer ***************************/

/**************** portfolio_link ****************/
#portfolio_link
	{
	width: 495px; height: auto;
	float:left; margin: auto;
	padding: 0;
	border: none 1px #FF0;
	margin-bottom: 20px;
	}
#portfolio_link a {text-decoration:underline; color:#000;}
#portfolio_link a:hover { color:#F00;}


/**************** Privacy Policy ****************/
#privacy
	{width: 400px; height:auto; 
	float: none; margin: auto; 
	border: none 1px #F00; 
	text-align:justify; margin-top: 10px;}