@charset "utf-8";

/* @override http://thesoulfactory.com/css/site.css */

/* CSS Document */

html {
overflow-y: scroll;}

body {
font: 90%/1.5 tahoma, arial, helvetica, serif;
background: white url(../images/vintageblack.jpg) top center;
text-align: center;
padding: 0;
margin: 2em;
background-color: #000000;
background-attachment: fixed;
color: #b7b7b7;}

hr {
border: none 0;
border-top: 1px dotted #333;
width: 100%;
height: 1px;
text-align: center;}

a, a:visited {
color: #ffffcc;}

a:hover {
color: #c6c6c6;}

img {
border: none;}

object {
outline: none;}

#container {
width: 980px;
b--ackground: #000;
text-align: left;
border: 1px solid #292929;
margin: 0 auto;
background-image: url(../images/bggif.png);}

#header {
b__ackground-image: url(../images/itswhatwedoheader.jpg);
height: 120px;
background-repeat: no-repeat;
font-size: 9px;
font-weight: bold;
text-align: right;}

#header2 {
b__ackground-image: url(../images/changinglivesheader.jpg);
height: 120px;
background-repeat: no-repeat;
font-size: 9px;
font-weight: bold;
text-align: right;}

#hometest #header { height: auto; }

#leftside {
float: left;
width: 600px}

#rightside {
float: right;
width: 300px}

#rightside #slider {
	width: 300px;
}

#rightside #slider img { border: 3px solid white; }

#belowcontent {
float: left;
width: 100%;}

#info {
margin-top: 90px;
border: solid #0d0d0d;
border-width: 0px 0 0 0;
padding: 2px 2px 2px 2px;
color: #939393;
width: 200px;
background-color: #808080;
position: absolute;
top: 10px;
left: 300px;
text-align: left;}

p { margin: 1em 0em; }

.clear { clear: both; }

p#scaffolding {
background: transparent;
font-style: italic;
text-align: center;
font-weight: bold;
color: #7C6240;}

#menuarea {
display: block;
text-align: left;}

#menuarea2 {
display: block;
text-align: left;}

#nav, #nav ul {
float: left;
width: 980px;
list-style: none;
line-height: 1;
b//ackground: #000000;
background-image: url(../images/menuareabg.jpg);
font-weight: normal;
padding: 0;
border: solid #222;
border-width: 1px  0px 1px 0px;
margin: 0px 0 1em 0;}

#nav a {
color: #eeeeee;
display: block;
font-size: 11px;
padding: 0.7em 1.3em;
text-align: center;
text-decoration: none;
width: 8.4em;
w\idth: 8.4em;}

#nav a.daddy {
background: url(../images/rightarrow2.gif) center right no-repeat;}

#nav li {
float: left;
padding: 0;
width: 8.4em;
border-right: 1px solid #222;}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 10em;
w\idth: 10em;
font-weight: normal;
border-width: 0.25em;
margin: 0;}

#nav li li {
padding-right: 1em;
width: 9em;}

#nav li ul a {
width: 10em;
w\idth: 10em;}

#nav li ul ul {
margin: -1.7em 0 0 10.5em;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;}

#nav li:hover, #nav li.sfhover {
background: #292929;}

#content {
clear: left;
padding: 0px 25px 2px 25px;}

#content a {
color: #ffffca;
text-decoration: dotted;}

#content a:hover {
text-decoration: none;
color: yellow;}

#footer {
background-image: url(../images/footerbg.jpg);
border: solid #0d0d0d;
border-width: 0px 0 0 0;
padding: 21px 28px 8px 28px;
color: #939393;
font-size: 10px;
font-weight: bold;
height: 25px;
text-align: center;}

#scaffolding a {
text-decoration: none;
text-indent: -999em;
display: block;
background: url(../images/hdlogo_flip2.gif) no-repeat;
background-position: 181px 0;}

#scaffolding a:hover {
background-position: 181px -70px;}

#topmenu {
margin-top: 110px;
position: relative;}

#weather-announcement {
margin-bottom: 25px;
padding: 10px;}

#weather-announcement h1 {
font-size: 26px;
color: red; 
margin-bottom: -10px; 
padding: 0px;}


.left-col {float: left; width: 575px;}
.right-col {float: right; width: 300px;}
.col-right { float: right; }
.col-left { float: left; margin-right: 40px; }

ol li {margin-bottom: 10px;}

#videobg { 
margin-top: -15px;
padding-left: 45px;
padding-bottom: 400px;
background: url(../images/mandateworkoutBG.png) 455px 420px no-repeat;}

.date { color: #666; }

#hometest #iwd_home { float: left; margin: 20px 20px 10px 0; border: 5px solid #414349; }


/* Headings
--------------------------------------------------*/
h1, h2, h3, h4 {font-weight: bold; margin-bottom: 5px; padding: 0; color: #ffffcc;}

#hometest h1, 
#hometest h2, 
#hometest h3, 
#hometest h4, 
#hometest h5 {font-weight: bold; margin-bottom: 5px; padding: 0; color: yellow;}

h1 {font-size: 26px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}

#hometest h2 { font-size: 18px; }

#hometest #rightside h3 {
	background: #2d2c2f;
	padding: 5px 10px;
	margin-bottom: 25px;
	border: 3px solid #333;
}

#hometest #rightside h3 a { text-decoration: underline; color: yellow; }
#hometest #rightside h3 { color: yellow; }
#hometest #rightside h3 a:hover { color: #ccc; }
/*  Ends
--------------------------------------------------
--------------------------------------------------*/



/* Links
--------------------------------------------------*/
#hometest a { color: white; }
#hometest a:hover { color: red; }
#hometest #slider a { color: white; }
/* Links Ends
--------------------------------------------------
--------------------------------------------------*/



/* Blog Styles
--------------------------------------------------*/
.blog h1 {margin-bottom: 0;}
.post_meta1 {color: #999; margin-top: -5px; font-size: 12px;}
.post_meta {font-size: 16px; color: #ff0000; margin-bottom: 10px; margin-top: -13px;}
#terms {color: #999;}

#deron-topic {
border: 3px double #333;
padding: 5px 15px;
margin-bottom: 15px;
background: #1F1F1F url(http://thesoulfactory.com/itswhatwedo/blog/deronc.jpg) bottom right no-repeat; }

#deron-topic h2  {color: red;}
#blog_post {background-color: #1F1F1F; border: 3px double #333; padding: 5px 15px; margin-bottom: 15px;}
/*  Ends
--------------------------------------------------
--------------------------------------------------*/




/* Mandate Before and After Photos
--------------------------------------------------*/
#gallery ul { list-style: none; margin: 0; padding: 0; margin-top: 0px; margin-left: 6px; }
#gallery li { display: inline; margin-right: 0px; float: left;}
#gallery img { margin-right: 15px;}
#gallery li img { border: 4px solid #5b5757; }


.fader { position: relative;}
.fader .to {
	display: none;
	position: absolute;
	left: 0;
}

h1.headline {
font-family: verdana;
font-size: 18px;
color: #ffde00;
}

h2.subhead {
color: #e31500;
font-size: 14px;
} 

h3.subhead {
color: #ffde00;
}


#gallery {
background: url(../images/viewphotos.png) 310px 335px no-repeat;
*background: url(../images/viewphotos.png) 395px 355px no-repeat;
*padding-bottom: 15px;
}

/*  Ends
--------------------------------------------------
--------------------------------------------------*/


/* Widgets
--------------------------------------------------*/
#tabs { margin: 50px 0; }

ul#tabbedNav li { 
	background: #000;
	padding: 5px 10px;
	padding-bottom: 5px;
	list-style: none; 
	display: inline;
}

#tabbedStyles { margin-bottom: 0px; }

#tabbedContent { 
	background: transparent #000; 
	margin-top: 3px;
	padding: 10px; 
	border: 2px solid #333; }

#tabs ul { margin: 0; padding: 0; }
#tabs ul#tabbedNav a { text-decoration: none; color: yellow; }

#tabbedStyles .active a {
	color: white;
	font-weight: bold;
}

#tabbedStyles li.active {
	border: 2px solid #333;
	border-bottom: none;
	padding-bottom: 7px;
}

#tabbedStyles li.active a { color: white; }

#closeSlider {
	cursor: pointer;
	color: yellow;
}


#preview {
	background: #000;
	padding: 10px;
	margin: 0 auto;
	width: 550px;
	border: 5px solid white;
}

.floatPicRight { 
	float: right; 
	margin-left: 25px; 
	border: 5px solid white; 
	margin-bottom: 25px;
}

/* Widgets Ends
--------------------------------------------------
--------------------------------------------------*/