/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   SET UP
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
* 
{
    margin:0;
    padding:0
}

p
{
    /*margin:0 0 .5em 0;*/
    padding:5px;
    margin-bottom:10px;
}

h1 
{
    /*margin:0 0 .5em 0;*/
    padding:5px;
    margin-bottom:10px;
    font-size:110%;
    color:#CC0000;
}


ul
{
    /*margin:0 0 .5em 0;*/
    padding:5px;
    margin-bottom:10px;
    font-size:100%;
    text-align:left;
}

html,body 
{
	height:100%;
    font-family:arial;
    font-size:90%;
    background-color:#D5D5D5;
}

#outer
{
	/*min-height:100%;*/
	width:780px;
	margin:0px auto 0;
	background-color:White;
	height: 100%;
    min-height: 100%;
}
* html #outer
{
    height:100%;
} /*for IE as it treats height as min-height anyway*/

.clearer
{
    clear:both;
    /*height:1px;*/
    height:80px;
    overflow:hidden;
    margin-top:-1px;
}

html > body #outer
{
    height: auto;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   HEADER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#header
{
	position:absolute;
	width:780px;
    height:345px;
}

#header a:hover
{
    color:#83A3FF
}

#logo 
{
	position:absolute;
	left:20px;
	top:45px;
}

#headerphoto 
{
	position:absolute;
	right:0px;
	top:0px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   MENU
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

.tab 
{
	/*position:absolute;*/
	margin-top:160px;
}

/*OFF STATE*/
#profile, #profile_on
{
	position:absolute;
	top: 167px;
	left: 145px;
	font-size:10pt;
	text-decoration:none;
	color:#5C5C5C;
}


#classes, #classes_on
{
	position:absolute;
	top: 167px;
	left: 312px;
	font-size:10pt;
	text-decoration:none;
	color:#5C5C5C;
}
#personaltraining, #personaltraining_on
{
	position:absolute;
	top: 167px;
	left: 445px;
	font-size:10pt;
	text-decoration:none;
	color:#5C5C5C;
}
#other, #other_on
{
	position:absolute;
	top: 167px;
	left: 643px;
	font-size:10pt;
	text-decoration:none;
	color:#5C5C5C;
}
/*ON STATE*/
#classes_on, #profile_on, #personaltraining_on, #other_on
{
    color:White;
}

#testimonials 
{
	position:absolute;
	top: 10px;
	left: 20px;
	color:#5C5C5C;
	font-size:10pt;
	text-decoration:none;
}

#contactus 
{
	position:absolute;
	top: 10px;
	left: 140px;
	color:#5C5C5C;
	font-size:10pt;
	text-decoration:none;
}

#home 
{
	position:absolute;
	top: 10px;
	left: 250px;
	color:#5C5C5C;
	font-size:10pt;
	text-decoration:none;
}



#bar
{
	position:absolute;
	left:0px;
	top:190px;
}

#mainphoto 
{
	position:absolute;
	left:0px;
	bottom:0px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   CENTRE
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#centrecontent 
{
    width:780px; 
    padding-top:210px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   RIGHT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#right 
{
	float:right;
	width:245px;
    /*height:475px;*/
    margin-top:20px;
    background-color:white
}

#rightcontent 
{
    margin-top:150px;
    margin-left:30px;
    width:200px;
}

/* right shaded content area */
#rounded 
{
	position:relative;
	background-color:white;
	width:220px;
	margin-top:20px;
	padding:4px;
}

#photos 
{
	position:relative;
	margin-top:25px;
	padding:4px;
}

#imgtop
{
	width:100%;
}

#imgbottom
{
	position:relative;
	width:100%;
	bottom:-4px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   LEFT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#left 
{
	width:450px;
	float:left;
    margin-top:20px;
    padding-left:20px;
    line-height:25px;
    text-align:justify
}

#left UL
{
    margin-left:20px;
}

#left TD
{
    padding:8px;
}

.small
{
    font-size:8pt;
    text-align:left;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   LEFT FULL
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#leftfull 
{
	width:700px;
	float:left;
    margin-top:20px;
    padding-left:20px;
    padding-right:20px;
    line-height:25px;
    text-align:justify
}

#leftfull UL
{
    margin-left:20px;
}

#leftfull TABLE
{
    /*padding:8px;*/
    margin-left:3px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   FOOTER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#footer 
{ 
	width:780px;
	clear:both;
	margin:auto;
	height:34px;
	background-color:#2C4375;
}

* html #footer 
{
    /*only ie gets this style*/
	height:34px;/* for ie5 */
	he\ight:34px;/* for ie6 */
}

/*div{border:1px solid black;}*/

#footerleft
{
    margin-left: 20px;
    margin-top: 10px;
    float: left;
    font-weight: bold;
    color: #ffffff;
}

#footerright
{
    margin-right: 20px;
    margin-top: 10px;
    float: right;
    font-weight: bold;
    color: #ffffff;
}

#footer A, #footer A:Visited, #footer A:Active
{
    color:White;
}

#footer A:Hover
{
    text-decoration:none;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'   OTHER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
img {
 	border:0px;
}

.rightalign
{
    float:right;
    padding-left:10px;
    padding-bottom:10px;
    padding-top:10px;
}