/*

Theme Name: PREMIER FITNESS-2

Description: theme for Premier Fitness

Version: 1.2

Author:SEOP

Author URI: http://seop.com/

Tags: blue, 2 column



*/







* { margin: 0; padding: 0;}



html, body{ padding:0; margin: 0}



body {

	background-image: url(images/bg_art.jpg);

	background-repeat: no-repeat;

	/*background-color: #f6f6f6;*/

	background-color: #ffffff;

	background-position: center 175px;



}



p, h1, h2, h3, h4, #left-col li{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	padding-left: 0px;

}



h1, h2.index, h2.side{

	color:#7d0100;

	font-size:24px;

	margin-bottom: 10px;

}

h1 {

	margin-top: 5px;

	color:#81b320;

	height: auto;

	margin-bottom: 30px;

}



h1.pagetitle span{ color:#00A5F4;}

h1#home img{ margin-top:10px; margin-bottom:10px;}

p, ol li {

	font-size: 13px;

	color: #295458;

	line-height: 1.5em;

	margin-bottom: 15px;

	text-align:left;

}

ol li {margin-left:20px;}

h2 {

	color: #65cdff;

	font-size: 16px;

	margin-bottom: 10px;

	font-weight: bold;

}



h2#contact{ margin-top:0px; text-align:center; padding-bottom:15px; font-size:18px; color:#151515; font-weight:normal;}

h2 a{color:#666666; text-decoration:none;}

h2 a:hover{ text-decoration:underline;}

h2.widgettitle { color:#316d5c; }



p a, li a{ color:#316d5c; text-decoration:underline;}



p a:hover, li a:hover{ color:#cc421c;}



hr {

	color:#ffffff;

	border-top: solid 1px #dedede;

	width:550px;

	margin-left:auto;

	margin-right:auto;

	

}

#wrap_head {

	background-image: url(images/bg_body.png);

	background-repeat: repeat-x;

	width: 100%;

	margin-top: 0px;

}







/*************** HEAD PART *********************/

#header {

	height: 110px;

	/*width: 1039px;*/

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	background-image: url(images/logo.png);

	background-repeat: no-repeat;

	background-position: 0px 20px;

	padding-top: 20px;

}





img#logo{

	margin-left: 0px;

	margin-top: 7px;

	float:left;

}

#callus {

	height: 72px;

	width: 188px;

	float: right;

	background-image: url(images/call_us.png);

	background-repeat: no-repeat;

	margin-top: 18px;

}




/*************************************************/
/*           TOP NAVIGATION                      */
/*************************************************/
/* CSS NAV */
#topnav{
	width:950px;
	margin-left: auto;
	margin-right:auto;
	margin-top:27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

.cssnav {padding:0px; margin-left:30px; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
.cssnav li.top {display:block; float:left;}
/*green*/
.cssnav li a.top_link {display:block; float:left; height:30px; width:auto; color:#848690; text-decoration:none; font-size:15px; font-weight:bold; padding:0px; cursor:pointer;background:none; letter-spacing: -0.05em;}

/*red*/
.cssnav li a.top_link span {float:left; display:block; padding-left:32px; padding-right:28px; height:40px; text-align:center;}
.cssnav li a.top_link:hover {color:#81b320;}
.cssnav li a.top_link:hover span {color:#81b320;}

.cssnav li:hover > a.top_link {color:#333; background: url(prodrop4/pro_drop4_2a.gif) no-repeat;}
.cssnav li:hover > a.top_link span {}


.cssnav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.cssnav a:hover {visibility:visible; position:relative; z-index:200;}
.cssnav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.cssnav ul, .cssnav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.cssnav ul.sub1 {width:160px;}
.cssnav ul.sub2 {width:110px;}
.cssnav ul.sub3 {width:90px;}
.cssnav ul.sub4 {width:112px;}

.cssnav :hover iframe.one {left:0; top:35px; width:150px; height:100px;}
.cssnav :hover iframe.two {left:0; top:35px; width:100px; height:65px;}

/*2ndlevel dropdown*/
.cssnav :hover ul {
	left:0;
	top:30px;
	background-image: url(images/roundedTop.png);
	padding:3px;
	white-space:nowrap;
	width:210px;
	height:auto;
	z-index:300;
	background-position: center;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebeced;
	border-right-color: #ebeced;
	border-bottom-color: #ebeced;
	border-left-color: #ebeced;
}
.cssnav :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}

/*subnav*/
.cssnav :hover ul li a {
	display:block;
	font-size:12px;
	height:20px;
	width:auto;
	padding:1px 10px;
	color:#000;
	text-decoration:none; letter-spacing:normal;
}
.cssnav :hover ul li a:hover {
	color:#fff;
	background-color: #37bbff;
}

/* ***********************************************/



#topnav li#curr{

	background-image: url(images/curr.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

#banner_container, #banner_container2 {

	height: 310px;

	/*width: 1114px;*/

	width:940px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 21px;

	padding: 0px;

	position: relative;

	z-index: 100;

}

#banner_container2{

	margin-top:-1px;

	height:202px;

}

#shortform {

	background-image: url(images/bg_form.png);

	background-repeat: no-repeat;

	height: 310px;

	width: 410px;

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 100;

}

#flashpiece {

	height: 310px;

	width: 584px;

	position: absolute;

	z-index: 10;

	left: 0px;

	top: 0px;

}















/*************************************************/

/*           MAIN CONTENT                     */

/*************************************************/

#maincontent {

	width: 940px;

	height: auto;

	margin-right: auto;

	margin-left: auto;

	font-family: Arial, Helvetica, sans-serif;

	color:#858585;

	z-index: 10;

	margin-top: 0px;

}

#maincontent #roundedTop {

	background-image: url(images/roundedTop.png);

	background-repeat: no-repeat;

	height: 9px;

	width: 710px;

}



#maincontent .imgTitle {

	margin-top: 55px;

	margin-left: 22px;

	float:left;

	display:block;

	width:292px;

	height:25px;

}



#maincontent ul {

	margin-bottom:20px;

}

#maincontent ul li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-left: 35px;

	margin-bottom: 5px;

	color: #7aab19;

	list-style-image: url(images/bullet.gif);

}

#maincontent ul.thumbs li{ list-style-image:none; margin:5px;}

#maincontent ul.nostyle{ float:left;}

#maincontent ul.nostyle li, #maincontent ul.nostyle {color:#295458; margin-left:20px;}

#content {width: 920px; margin:0 auto; padding-bottom:20px;}

#left-col{

	float: left;

	width: 680px;

	margin-top: 0px;

	padding-left: 15px;

	padding-right:15px;

	background-image: url(images/bg_maincontent.png);	/*background: rgba(255, 255, 255, 0.5);

	background-color:#FFF;

	filter: alpha(opacity=50);

	opacity:0.5;

	-moz-opacity:0.5;*/

	background-repeat: repeat;

	padding-bottom: 46px;

}



img.buttons { float:left; margin-top: 10px; margin-left:auto; margin-right:auto; padding-right: 5px; }



#left-col img.pics {margin-right:10px; margin-bottom:5px;}

#left-col img.trainerpics {float:left; margin-top:10px; margin-right:10px; border:solid 2px #949594;}



#contactPic {

	border: 5px solid #d9d5c5;

	margin-right: 10px;

}

#locationmap  {

	border: 5px solid #D9D5C5;

}



img#btn1{margin-top: 113px;}



.clear { clear:both;}



/*************************************************/

/*           SIDEBAR                             */

/*************************************************/

#sidebar {

	float: right;

	width: 221px;

	margin-top: -9px;

}

#shortform2 {

	background-image: url(images/bg_smallcontactForm.png);

	background-repeat: no-repeat;

	height: 231px;

	width: 221px;

	margin-top: 0px;

}

#shortform2 #quickform{

	margin-left:17px;

	margin-top: 0px;

	padding-top: 80px;

}

#shortform2 #quickform input, #shortform2 #quickform textarea{

	width:180px;

	background: #FFF;

	margin-bottom: 8px;

	color: #666;

	vertical-align: middle;

	font-size: 12px;

	font-family:Arial, Helvetica, sans-serif;

	border: 1px solid #1aa053;

	overflow:hidden;

	

}

#shortform2 #quickform input#Submit{

	width: 148px;

	height: 36px;

	border:none;

	margin-top: 0px;

	background:none;

	margin-left: 20px;

	padding:0px;

}

#trainers {

	background-image: url(images/bg_trainers.png);

        background-repeat: no-repeat;

	height: 400px;

	width: 221px;

	float: right;

	margin-top: 20px;

	padding: 0px;

}

#trainers img {

	border: 2px solid #accec4;

	margin-right: 5px;

}

#trainers p {

	margin-top: 15px;

	margin-left: 15px;

	line-height: 1.2em;

	display: block;

}



navigation {width:600px;}

.navigation, .navigation a {color:#0ab1de;

	text-decoration:none; font-size:12px;}

	

.navigation a:hover{color:#7aab19; }

.alignleft {float:left; width:49%; }

.alignright {float:right; text-align:right; width:49%; }



/*************************************************/

/*           contact form                        */

/*************************************************/

#contactform {

	width: 305px;

	float: right;

	margin-top:0px;

	

}



#quickform input, #quickform textarea, #quickform select {

	width:290px;

	/*background-color: #f4f4f4;*/

	background: #FFF;

	margin-bottom: 15px;

	color: #666;

	vertical-align: middle;

	font-size: 12px;

	font-family:Arial, Helvetica, sans-serif;

	border: 1px solid #1aa053;

	overflow:hidden;

	

}

#quickform {

	margin-top: 125px;

	margin-left: 75px;

}

#quickform input{

	padding: 5px;

}



input#Submit{

	width: 148px;

	height: 36px;

	border:none;

	margin-top: 0px;

	background:none;

	margin-left: 65px;

	padding:0px;

}

input#checker{ display:none;}





/*************************************************/

/*           bottom box area                     */

/*************************************************/

#bottombox {

	height: 280px;

	width: 960px;

	background-image: url(images/bg_bottombox.png);

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

	margin-top: 3px;

	padding-left: 18px;

}

#bottombox .btn {

	float: right;

	margin-right: 10px;

	margin-top: 0px;

}

.box {

	float: left;

	height: auto;

	width: 300px;

	margin-top: 30px;

	margin-right: 18px;

}

.box .title {

	margin-left: 10px;

	margin-bottom: 13px;

	margin-top: 10px;

}

.wrap_box {

	background-image: url(images/bg_boxes.jpg);

	height: 192px;

	width: 300px;

	margin-right: auto;

	margin-left: auto;

}

.wrap_box p {

	width: 135px;

	height:120px;

	font-size:13px;

	text-align: left;

	padding-top: 15px;

	display: block;

	float: right;

	padding-right: 5px;

}

.wrap_box p#testimonials {

	width: 280px;

}



.wrap_box img  {

	margin-top: 10px;

	float: left;

	margin-left: 5px;

}



.box p a {

	text-decoration: none;

}



#trainers li { list-style:none;}

#trainers #categories-3 ul {padding-top: 20px;}

#trainers #categories-3 .widgettitle { list-style:none; margin-left:15px;}







/*************************************************/

/*           FOOTER PART                         */

/*************************************************/





.hr {

	background-image: url(images/HR.gif);

	background-repeat: repeat-x;

	height: 10px;

	width: 100%;

	margin-top: 20px;

}





#footer_container  {

	background-repeat: repeat-x;

	height: 59px;

	width: 940px;

	margin: 10px auto 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	line-height: 1.7em;

	background-image: url(images/bg_footer.png);

	padding-top: 15px;

}

#footer_container #footerlinks {

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

}

#footerlinks ul {

	padding-top: 10px;

}



#copyright {

	font-size: 12px;

	color: #949494;

	width: 350px;

	float: right;

	margin-top: 10px;

	font-weight: bold;

	text-align: right;

}

#copyright a {

	color: #0ab1de;

	text-decoration: none;



}



#footer_container ul {

	list-style-type: none;

	margin-top: 0px;

	display: block;

	text-align: left;

	width: 580px;

	float: left;

}

#footer_container ul li {

	display: inline;

	font-size: 12px;

}

#footer_container li a{

	color:#0ab1de;

	text-decoration:none;

	font-weight: bold;

	font-size: 12px;

	width: auto;

	background-image: url(images/bg_footlink.gif);

	background-repeat: no-repeat;

	background-position: right 8px;

	display: block;

	float: left;

	padding-right: 10px;

	padding-left: 8px;

}

#footer_container li a:hover, #copyright a:hover{

	color:#7aab19;

}
#footer_container #footerlinks ul .page_item.page-item-203 a{}
#footer_container #footerlinks li a.none, { background:none; }



#footer_container p {

	font-size:12px;

	margin-top:0px;

	margin-left:25px;

}


#subdomains {font-size: 11px; color: #949494; text-align:center; display:block; padding-top:20px; margin-bottom:10px; line-height: 1.5em; float:left; width:100%}
#subdomains a{color:#0AB1DE; text-decoration:none;}
#subdomains a:hover{color: #7AAB19; text-decoration:underline;}



/***************************/

/*    PHOTO SLIDER        */

/***************************/



#slider {

	width:584px;

	height:310px;

	position:relative;	

	overflow:hidden;

}



#mask-gallery {	overflow:hidden;}



#gallery {

	list-style:none;

	margin:0;

	padding:0;

	z-index:0;

	width:900px;

	overflow:visible;

	height:650px;

}

#gallery li {float:left;}



#mask-excerpt {

	

	/* Set the position */

	position:absolute;	

	top:0;

	left:15px;

	z-index:500px;

	

	/* width should be lesser than #slider width */

	width:105px;

	overflow:hidden;	



}

#excerpt {

	/* Opacity setting for different browsers */

	filter:alpha(opacity=60);

	-moz-opacity:0.6;  

	-khtml-opacity: 0.6;

	opacity: 0.6;  

	

	/* Clear the list style */

	list-style:none;

	margin:0;

	padding:0;

	

	/* Set the position */

	z-index:10;

	position:absolute;

	top:0;

	left:0;

	

	/* Set the style */

	width:105px;

	background-color:#000;

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#fff;	

}



	#excerpt li {

		padding:5px;

	}

	#excerpt li span{font-size:14px; /*color:#7aab19;*/ color:#cde432; font-weight:bold; display:block; margin-bottom:20px; margin-top:15px;}



/* ---------------- CONTACT PAGE : MAP -------------------------- */



div.section{

	width:650px;

	padding:0px;

	margin: 0px auto;

	position:relative;

	clear:both;

}



div.section h3{

		margin-bottom:10px;

	}

div.section li{

		float:left;

	}

div.pane{

		overflow:hidden;

		clear:left;

		margin: 0px auto;

		position:relative;

		width:670px;

		height:364px;

	}

ul.elements{

	background-color:#5B739C;

}



#target-examples #pane-target .elements li, ul.elements li{

		width:670px;

		height:364px;

		font-weight:bolder;

		border:1px black solid;

		text-align:center;

		padding:0px;

		position:relative;

		background-color:#669900;

		list-style:none;

		margin: 0px;

	}

ul.elements li a{

			bottom:20px;

			color:#933;

			font-size:12px;

			left:125px;

			position:absolute;

		}

ul.elements li p{

			color:#fff;

			font-weight:bold;

		}

#pane-options ul.elements li{

		margin:5px;

	}



#pane-options{

		margin-bottom:10px;

	}



ul.links{

	width:200px; float:left

}

ul.links li{width:190px;}

	ul.links a{

		color:#69C;

		margin:0pt 5px;

		

	}

h3 span{

	position:absolute;			

}

.message{

	background:#EEE;

	border:1px solid #999;

	color:#333;

	font-size:12px;

	font-weight:normal;

	padding:1px;

	margin-top:2px;

}
