@charset "UTF-8";
/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;	
}

body {
	behavior:url("/htc/csshover.htc");
	background-image:url(../images/bg.jpg);
	width:900px;
	margin:auto auto auto auto;
	text-align:center;
}

a{
	text-decoration:none;	
}

img{
	border:none;	
}

img.logo{
	position:relative;
	top:20px;
	border:0px;
	margin-bottom:28px;
}

#menu{
	background-image:url(/images/menubar.png);
	width:905px;
	height:47px;
	padding-left:18px;
}

#menu a{
	color:#FFF;
	font-size:14px;
	display:block;
	float:left;
	width:130px;
	position:relative;
	top:8px;
	height:25px;
	padding-top:7px;
	text-decoration:none;
}

.doubleline{
	height:20px !important;
}

.transparency20{
	background-image:url(/images/transparency20.png);
}

#menuphone{
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	position:relative;
	top:12px;
}

#dropdowns{
	position:relative;
	z-index:10;
	top:-7px;
	left:18px;
	float:left;
	margin-bottom:-100%;
}

.dropdown{
	width:208px;
	color:#FFF;
	font-size:12px;
	text-align:left;
	float:left;
	margin:0px;
	padding:0px;
}

.dropdownbottom{
	background-image:url(/images/dropdownbottom.png);	
	height:9px;
	width:208px;
	margin:0px;
}

.dropdown a, .dropdown span{
	color:#FFF;
	font-size:12px;
	display:block;
	padding:10px 8px 10px 8px;
	height:12px;
	width:192px;
	background-image:url(/images/dropdown.png);
}

.dropdown a:hover{
	background-image:url(/images/dropdownhover.png);
	color:#0083ba;
}

#dd1{
	position:absolute;
	left:130px;
}

#dd2{
	position:absolute;
	left:260px;
}
#dd2 img{
	margin-right:5px;
	position:relative;
	top:0px;
	margin-bottom:10px;
	float:left;
}
#dd2 img.building{
	top:7px;
}
#dd3{
	position:absolute;
	left:390px;
}


#bgtop{width:920px;height:47px; background-image:url(/images/bgtop.png);}
#document{width:920px;background-image:url(/images/bgmid.png);min-height:300px;position:relative;z-index:1;}
#bgbottom{width:920px;height:19px; background-image:url(/images/bgbottom.png);}

#flashbanner{
	position:relative;

	top:-11px;
	height:234px;
}
#page{
	position:relative;
	margin-top:-23px;
	left:17px;
	float:left;
}
#contentbgtop{width:623px;height:10px; background-image:url(/images/contentbgtop.jpg);margin:0px;}
#content{
	width:593px;
	background-image:url(../images/contentbgmid.jpg);
	min-height:550px;
	font-size:12px;
	text-align:left;
	line-height:20px;
	color:#8f8f8f;
	padding:1px 10px 1px 20px;
}
#contentbgbottom{width:623px;height:10px; background-image:url(/images/contentbgbottom.jpg);}

#page h1{color:#515151;font-weight:normal;}
#page h2{color:#00aaff;font-weight:normal;}
#page a{color:#00aaff;font-weight:normal;text-decoration:none;}
#page a:hover{text-decoration:underline;}
#page img{margin-left:10px;}

#sidebar{
	float:left;	
	width:290px;
}

#freefitness{
	width:251px;
	height:238px;
	background-image:url(../images/fitness_report.png);
	position:relative;
	left:17px;
	margin-top:-27px;
	font-size:12px;
	color:#FFF;
	padding-top:12px;
	text-align:left;
	padding-left:17px;
	margin-bottom:5px;
}

#freefitness .button{
	float:right;
	margin-right:15px;
}
#freefitness label{
	width:50px;	
	float:left;
	display:block;
}
.memberalready{
	position:relative;
	top:5px;
}

#freefitness input[type=text]{
	background-color:#a8e1ff;
	border:1px solid #2488c4;
	height:20px;
	position:relative;
	top:-5px;
	width:180px;
	color:#2488c4;
}

#freefitness div{
	margin-bottom:5px;
}

#freefitness a{
	color:#FFF;	
}
#freefitness a:hover{
	text-decoration:underline;
}

#freefitness p{
	margin:0px 0px 5px 0px;
}
p.exclaim{
	font-size:22px;
	font-weight:bold;
	margin:0px;
	left:85px;
	position:relative;
}
p.bookname{
	font-size:18px;
	font-weight:normal;
	margin:0px;
	left:85px;
	position:relative;
	padding-bottom:5px;
}

p.enterdetails{
	padding-bottom:10px;	
}

#bootcamps{
	position:relative;
	left:20px;
	width:264px;
	height:84px;
	background-image:url(../images/bootcamps.png);
}

#bootcamps:hover{
	background-image:url(../images/bootcamps_hover.png);
}

#transformations{
	position:relative;
	left:20px;
	width:264px;
	height:189px;
	background-image:url(../images/transformations.png);
}

#transformations:hover{
	background-image:url(../images/transformations_hover.png);
}

#footer{
	color:#FFF;
	font-size:12px;
	height:25px;
}
#shifteeslogo{
	background-image:url(../images/shiftees_1.png);
	width:87px;
	height:50px;
	margin-bottom:10px;
}
#shifteeslogo:hover{
	background-image:url(../images/shiftees_2.png);
}
#footer a{
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
#footer a:hover{
	text-decoration:underline;
}

p.error{
	color:#ff0000;
}

p.black{
	color:#000;
}
.clear{
	clear:both;	
}


/* CONTACT FORM */

.inputform{
	
}
.input_buttons{
	position:relative;
	right:60px;
}
.inputform div label{
	float:left;
	width:200px;	
}
.inputform div label{
	float:left;
	width:165px;
	margin-left:60px;
}
.highlight{
	background-color:#efefef;
	border:solid 1px #c1c1c1;
	width:300px;
	height:20px;
	padding:3px 3px 0px 3px;
	font-size:12px;
}
.flat_focus{
	background-color:#e0e0e0;
}

textarea.highlight{
	height:170px;
}

hr{
	width:477px;
	border:none;
	border-top:solid 1px #dedede;
}

.button{
	background-color:#007ac2;
	padding:2px;
	color:#FFF;
	border:1px solid #006dae;
}

.button:hover{
	background-color:#0096F0;
	cursor:pointer;
}

.disabled{
	background-color:#7AC8F7;
	border:1px solid #7AC8F7;
}
.disabled:hover{
	background-color:#7AC8F7;
	cursor:auto !important;
}

#shiftright{
	float:left;
}

/* STORE */

.store_item{
	padding:0px 0px 5px 0px;
	float:left;
	width:180px;
	height:250px;
	text-align:center;
	margin:5px;
}
.store_item img.item_image{
	margin-left:0px !important;
}
	
.store_item h2{
	margin-bottom:5px;
	margin-top:-10px;
}
.store_item .additem img{
	margin:0px 5px 0px 0px !important;
}
.item_final{
	float:right;	
}

.warning{
	padding:5px;
	margin-bottom:15px;
	width:96%;
}
.warning img{
	position:relative;
	top:3px;
	right:5px;
}
.error {
	color:#ff0000;
	border: 1px solid #ff0000;
	background-color:#ffcfcf;
}
.success {
	color:#007614;
	border: 1px solid #009d1a;
	background-color:#b4ffc0;
}
.caution{
	color:#f7971d;
	border: 1px solid #ffcf0f;
	background-color:#ffffde;
}
.media_item{
	background-color:#efefef;
	border:solid 1px #c1c1c1;
	padding:5px;
	margin-bottom:5px;
}
.media_item:hover{
	background-color:#fefefe;
}
.media_item img{
	margin:0px 5px 0px 0px !important;
	position:relative;
	top:2px;
}
.grey{
	color:#8f8f8f !important;
}
.hidden{
	display:none;	
}