/*
Theme Name: FitBridge Wordpress Theme

*/


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


/* --------------Page Wrap Styles -----------------*/

html {

background-image:url(images/bg.gif);
background-position:center;
vertical-align:middle;
background-repeat:repeat-y;
background-color:#580000;
}

body {
margin:0px;
background-image:url(images/bg.gif);
background-position:center;

background-repeat:repeat-y;
background-color:#580000;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4b0000;

}

a:link {
color:#4b0000;
}
a:visited {
color:#4b0000;
}
a:hover {
color:#ca4e03;
}
a:active {
color:#4b0000;
}

strong {
font-weight:900;
}



#wrap {

width:1007px;
margin:auto auto;

}

#header {
margin-top:-20px;
width:1007px;
height:207px;
background-image:url(images/header.jpg);
}


#content {
background-image:url(images/body_bg.jpg);
background-repeat:repeat-y;
min-height:400px;
padding-right:68px;


}

#content_frame {

margin:10px 0px 0px 88px;





}

#content_frame p {

margin-right:25px;
line-height:19px;
padding-bottom:10px;
}
#content ul {
line-height:18px;
list-style-type:circle;
}

#content .entry ul li {
padding-bottom:5px;
font-size:90%;
list-style-type:circle;
list-style-position:inside;
padding-left:4px;
}

#content .entry ul li:hover {
font-weight:bold;
font-size:88%;
}


#content h2 {

font-size:120%;
padding-bottom:20px;
font-weight:900;
}

#page_title {
margin-left:82px;
width:132px;
height:42px;




}
#blog {
	width: 616px;
	float:right;
	margin-left:20px;
	margin-bottom:0px;
	margin-top:-6px;

}

#blog p{
	
	margin-left:10px;
}
#page_img {
width: 616px;
height: 430px;
float:right;
margin-left:20px;
margin-bottom:0px;
margin-top:-6px;

}
#page_img2 {
width: 616px;
height: 430px;
float:right;
margin-left:20px;
margin-bottom:20px;
margin-top:-10px;
margin-right:-39px;

}



#footer {
width:1007px;
height:52px;
background-image:url(images/footer.jpg);
}

#footer_text {
clear:both;
padding-top:5px;

width:800px;
margin:auto;

text-align:center;


}

#footer_text ul{

list-style-type:none;
font-size:80%;
}

#footer_text  ul li{
display:inline;
}

#foot_logo {
clear:both;
margin-left:860px;
padding-top:4px;
width:90px;
height:90px;


}

/* --------------Drop Down Menu Styles -----------------

.menu{

width: 495px;
position:absolute;
margin:142px 0px 4px 383px;
}

.menu ul{
margin-top:-1px;
padding:0px;

}

.menu ul li{
display: inline;
margin-right:-4px;
padding:-2px;
}

.menu ul li a{
color: #494949;
padding: 0px;
margin: 0;
z-index:2;
}

*/



/* --------------------MULTI LEVEL DROP STYLE--------------------------- */

.menu {width:495px; position:absolute; margin:141px 0px 4px 383px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:495px; w\idth:495px;} 
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {height:53px; display:block;font-size:11px;text-decoration:none; color:#fff; line-height:29px; float:left;  }
/* a hack so that IE5.5 faulty box model is corrected */


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fffdbf}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#580000;}
.menu ul ul :hover > a.drop {background:#580000;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fffdbf;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#580000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:53px;left:-35px; width:188px; border:#e1bf2e solid 3px; height:auto; z-index:100;}
/* another hack for IE5.5 */
* html .menu ul ul {top:53px;t\op:53px;}

/* position the third level flyout menu */
.menu ul ul ul{left:189px; top:-1px; width:188px; border:#e1bf2e solid 3px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fffdbf; color:#000; height:auto; line-height:1em; padding:5px 20px 5px 20px; width:148px; font-weight:bold;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:148px;w\idth:148px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#580000; font-weight:bold;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#580000; font-weight:bold;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* Contact forms styles */
.wpcf7-form input, .wpcf7-form textarea {
max-width:200px;
}


#home-btn{
display: block;
float:left;
height:120px;
margin-left:42px;
margin-top:50px;
width:330px;

}