/*------------------------------------------------------
General
------------------------------------------------------*/
html li { list-style: none;}
a { color: #498EB9; text-decoration: none; }
a:hover { color: #007CC3; text-decoration: underline; }
.uppercase { text-transform: uppercase; color: #7C7C7C; }
.hidden { display: none; }
.left { float:left }
.right { float:right }
/*--------------------------------------------
page structure
------------------------------------*/
#topnavbg { background: #303030 url(../images/top_nav.jpg) repeat-x; height: 52px; }  /*Main Navigation*/
#banner { background: #ffffff url(../images/banner-background-slice.png) repeat-x; height: 314px; }
#innerbanner { background:url(../images/inner-background-slice.png) repeat-x; height:122px }
#innerribbon { background:url(../images/innerribbon-trans.png) repeat-x; height:122px }
#mainContent { background: #FFFFFF url(../images/c_gradient.jpg) repeat-x top center; margin-bottom: 100px; *min-height:700px;
} /*Needed for IE7*/
#mainContent #portfolioSection { *height:700px
}  /*Needed for IE7*/
#mainContent .col_wrap p { margin-left: 18px; padding-bottom: 7px; padding-top: 7px; width: 276px; }
#tagsection { position:relative; height:150px; }
#slogan { padding-top: 40px; padding-bottom: 4px; display: block; }
#slogan h3 { font-size:2.3em; font-style:italic; line-height:35px; font-family: HelveticaNeue-Light, Arial, sans-serif; color:#777a7b; }
#slogan a { font-size:1em; color:#4b4c4d; text-decoration:none; font-weight:bold }
#slogan a:hover { text-decoration:underline; }
#quote { position:absolute; top:50px; left:710px; }
#quote a { background:url(../images/get-a-quote.png) no-repeat; display: block; height:58px; width:221px; text-indent:-9999px; }
/*#quote a:hover { background:url(../images/quote-trans.png) no-repeat 0 -52px; display: block; height:52px; text-indent:-9999px; }
#quote a:active { background:url(../images/quote-trans.png) no-repeat 0 -104px; display: block; height:52px; text-indent:-9999px; }*/
.tagseparator { display:block; background:url(../images/tagseparator.jpg) no-repeat top center; width:830px; margin-left:50px; height:25px; padding-top:25px; }
hr.hrtag { margin-bottom:25px }
#tooltip { position: absolute; border: 1px solid #333; background: #F7F5D1; padding: 2px 5px; color: #333; display: none; }
.col_wrap H2, .col_wrap H3 { color: #4F4F4F; line-height: 7px; padding-left: 17px; }
/*
--------------------------------------------
Header
------------------------------------*/
#header_wrap { background: transparent url(../images/header-background-slice.png) repeat-x bottom left; height: 119px; _margin-top:-26px; }  /*This fix the IE6 Header Bug*/
#glow { background: url(../images/header-background-pattern.png) no-repeat top left; height: 119px; }
#header { position: relative; }
#logo { display: block; position: absolute; text-indent: -9999px; background: transparent url(../images/new-media-fitness-logo.png) no-repeat top center; width: 292px; height: 74px; top: 24px; }
/*Credits: Dynamic Drive CSS Library
URL: http://www.dynamicdrive.com/style/*/
#slidetabsmenu { float: left; line-height: normal; text-shadow: 1px 1px 3px #b1b1b1; text-transform: uppercase; font-weight: bold; }
* HTML #slidetabsmenu { /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em; }
#slidetabsmenu UL { list-style-type: none; margin: 0; padding: 0px 14px 10px 0; }
#slidetabsmenu LI { display: inline; margin: 0; padding: 0; }
#slidetabsmenu A { float: left; margin: 14px 0 0 12px; text-decoration: none; }
#slidetabsmenu A SPAN { float: left; display: block; padding: 3px 22px 3px 21px; color: #383838; }
#slidetabsmenu #current A { float: left; /*padding: 0 0 10px 9px;*/ text-decoration: none; }
#slidetabsmenu #current A SPAN { float: left; display: block; background-color: #4ecdc4; color: #FFF; height: 30px; }
#slidetabsmenu A:hover { float: left; background-color: #4ecdc4; margin: 14px 0 0 12px; text-decoration: none; }
#slidetabsmenu A:hover SPAN { float: left; display: block; background-color: #4ecdc4; color: #FFF; height: 30px; }
#feeds { float:right; margin:0; padding: 10px 0 0 0; }
#feeds ul { margin:0 40px 0 0; }
#feeds li { display:inline; padding:0 5px 0 5px; }
#header input#find { background: url(../images/searchbox-trans.png) no-repeat; width: 218px; height: 23px; padding:3px 0 0 30px; margin-top: 44px; color: #a9a9a9; border: none; float:right; }
#header fieldset { border:none; margin:0; padding:0; }
#header legend { display:none }
/*--------------------------------------------
Banner Content
------------------------------------*/
.ribbon { background: url(../images/ribbon_shine-trans.png) no-repeat top center; height: 314px; width: 100%; }
#banner #title { background: transparent url(../images/we_make.png) no-repeat; height: 30px; width: 383px; margin: 0 auto; margin-top: 26px; }
#banner #title SPAN { display: none; }
/*----------------------------------------
SLIDER
* ---------------------------------------
image replacement*/
.graphic, #prevBtn, #nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -8000px; }
/*// image replacement
Easy Slider*/
#slide { position:relative; background: url(../images/sliderContainer-trans.png) no-repeat top center; width: 431px; *width: 480px; height: 266px; margin-top: 26px; float:left}
.badge { position:absolute; left:7px; top:6px; z-index:999; }
#slider { margin-top: 20px; margin-left: 24px }
#slider UL, #slider LI { margin: 0; padding: 0; list-style: none; }
#slider LI { /*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ width: 388px; height: 206px; overflow: hidden; }
#prevBtn, #nextBtn { display: block; width: 28px; height: 37px; position: absolute; left: -21px; top: 106px; }
#nextBtn { left: 424px;}
#prevBtn {margin-left:0px}
#prevBtn A, #nextBtn A { display: block; width: 28px; height: 37px; background: url(../images/btn_prev-trans.png) no-repeat 0 0; }
#nextBtn A { background: url(../images/btn_next-trans.png) no-repeat 0 0; float:left; position:relative; width:50px}
#description { display:block; float:right; width:480px; padding-top:56px; margin-right:-20px; }
#description h1 { text-transform:uppercase; font-weight:bold; font-size:2.8em; margin-bottom:0; color: #3e4857;}
#description p { font-size:1.7em; font-weight:bold; color:#fff; text-shadow:#000 1px 1px 4px; margin: 20px 0 0 0;}
/*// Easy Slider 

--------------------------------------------
Main Content
------------------------------------*/
.col_wrap { margin-left: 10px; }
#col1, #col2, #col3 { margin-bottom: 83px; }
#mainContent A.link { margin: 0 0 0 15px; }
#mainContent A.link { font-size: 1.6em; color: #414445; text-decoration: none; background: #E9E8E7; /*+border-radius:6px;*/ border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; padding: 4px 6px 4px 7px; border: 1px solid #DBDAD9; margin-right: -40px; }
.roundedCorners { width: 220px; padding: 10px; background-color: #DDEEF6; border:1px solid #DDEEF6; }
#mainContent A.link:hover { background: #F3F1EF; border: 1px solid #DBDAD9; text-decoration: none; }
#mainContent A:hover { text-decoration: underline; }
#mainContent #col_wrap p { color: #7C7C7C; padding-top: 8px; padding-bottom: 10px; margin-left: 15px; width:250px; }
#mainContent h1.latest { text-transform:none; color: #777A7B; font-style:italic; }
#mainContent .latest h3 { padding-left: 17px; text-transform: uppercase; color: #7C7C7C; margin-top: -14px; }
.image_container img { background: #E2E1E1; width: 240px; height: 145px; border: 1px solid #BAB7B7; padding: 5px; }
.image_container img:hover { background: #EEEAEA; width: 240px; height: 145px; border: 1px solid #D2D1D1; padding: 5px; }
/*--------------------------------------------
Portfolio Section
------------------------------------*/
#aboutSection { padding-top:68px; }
#portfolioSection { width:600px; padding-top:68px; float:left }
ul.points { font-size: 1.4em; font-style: oblique; }
ul.bpad li { margin-bottom:1.2em; }
.posts { border-top:1px dotted #adadad; padding:22px 0 22px 0 }
.posts a { color:#677e52; font-size:1.6em }
.previous { position:relative; top:48px; *top:0
}
a.previous { font-size:1.6em; color:#677e52 }
a:hover.previous { color:#9bb583 }
#post4 { border-bottom:1px dotted #adadad }
#portfolioSection h1, #aboutSection h1 { font-size:1.6em }
#portfolioSection a, #aboutSection a {text-decoration: none;	color: #111111; }
#portfolioSection .posts img { float:left; padding:5px; background:#d7d7d7; border:1px solid #b2b2b2; margin-right:15px }
#innerribbon h1 { font-size:4em; font-weight:normal; line-height:normal; padding-top:15px; text-transform:uppercase; color:#3E4857; }
#innerribbon h1.abitsmaller { font-size:3.7em; font-weight:normal; line-height:normal; padding-top:15px; text-transform:uppercase; color:#3E4857; }
#innerribbon h2.portfolioh2, #innerribbon h2.contacth2, #innerribbon h2.blogh2 { color:#fff; font-weight:bold; margin-top:-18px; margin-left:1px; text-transform:uppercase;}
/*--------------------------------------------
Blog Section
------------------------------------*/
#blogSection { width:600px; padding-top:68px; float:left }
#blogSection h1 { font-size:1.6em }
#blogSection A { text-decoration:none; color: #111111; }
#blogSection .posts img { float:left; padding:5px; background:#d7d7d7; border:1px solid #b2b2b2; margin-right:15px }
/*--------------------------------------------
Portfolio Sidebar Section
------------------------------------*/
#psidebar { padding-top:68px; margin-left:60px; width:269px; float:left; }
#psidebar li.nolink { font-size:1.4em; color: #ccc; }
.pbox { background:url(../images/box_bottom-trans.png) no-repeat scroll 0 100%; width:248px; padding-left:20px; *margin-bottom:20px;
_margin-bottom:20px}
.pbox h2 { padding:5px 0 4px 8px; background:transparent url(../images/box_top-trans.png) no-repeat scroll 0 0; margin:0 1px 0px -20px; border-bottom:1px dashed #c7c7c7 }
/*Categories Ends*/
.pbox a { color:#3a3a3b; text-decoration:none; }
.pbox UL { margin-top: 18px; padding-bottom: 30px }
#psidebar .pbox ul li { list-style-image: url(../images/list.jpg); }
#psidebar .pbox .nolist LI { list-style:none; margin-left: -16px; }
/*--------------------------------------------
Contact Section
------------------------------------*/
#contactSection { width:600px; padding-top:68px; float:left }
.introduction { font-size:1.6em; padding-bottom:30px; border-bottom:1px dotted #c1c1c1; color:#a09d9d; font-family: Arial, Helvetica, sans-serif }
.contactWrap { padding:10px; background:#f9f9f9; border:1px solid #f0f0f0 }
#contactForm { width:590px; margin:0 auto; color:#ccc }
#contactForm label { display:none }
#contactForm input { padding: 8px 5px; width: 268px; font-size: 1.4em; margin: 0 9px 10px 2px; border: 1px solid #e0dfdf; background:url(../images/input_bg.jpg)repeat-x top left; font-family:Myriad Pro, Arial, sans-serif; color:#6B6B6B; }
#contactForm textarea { padding:5px; border: 1px solid #e0dfdf; width:562px; height:550px; height:85px; background:url(../images/textarea_bg.jpg)repeat-x top left; font-family:Myriad Pro, Arial, sans-serif; color:#6B6B6B; font-size: 1.4em; }
#contactForm input.submit-button { display:block; padding:5px; text-indent:-9999px; background:url(../images/submit-trans.png)no-repeat 0 0; width:120px; border:none; cursor:pointer; margin-left:454px }
#contactForm input:hover.submit-button { display:block; text-indent:-9999px; background:url(../images/submit-trans.png)no-repeat 0 -29px; width:120px; border:none; cursor:pointer }
/*Map Section*/
#mapSection { border-top:1px dotted #C1C1C1; margin-top:29px; padding-top:10px; }
#map { margin:0 auto }
#map a { display:none }
/*Contact Sidebar*/
.info { line-height:16px; margin:20px 0; width:250px; padding-bottom:10px; }
.info h3 { font-weight:bold; font-size:1.6em; margin-left:5px }
.info a { font-size:1em; color:#7a895b }
.info span { font-weight:bold; }
.info p { margin:5px; }
/*------------------------------*/
.follow { padding:10px 2px; margin-left:-5px }
.follow p { padding:0 3px; }
.follow a { margin: 0 5px; color: #7A895B; }
#contactForm input:focus.required { background:transparent url(../images/input.jpg) no-repeat scroll right top; }
#contactForm input:hover.required { background:transparent url(../images/input.jpg) no-repeat scroll right top; }
fieldset {border:none}

/*====================================================== 
          Error / Success / Notice   
=======================================================*/ 
 
.notes   {background: #f0f0f0;border: 1px solid #b8b8b8;} 
.success   {background: #ccfcd1;border: 1px solid #60a400;} 
.error {background: #f9e3e3;  border: 1px solid #e79e9e;} 
.notice   {background: #fcf0cc;border: 1px solid #ecc735;} 
.notes, .notice, .success, .error  
{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left} 
.notes span, .notice span, .success span, .error span  
{font-weight: bold;font-size: 1.2em;padding: 2px 40px;} 
.notes p, .success p, .error p, .notice p  
{margin: 0px;padding: 0px 40px;} 

/*--------------------------------------------
Image Preview
------------------------------------*/
#preview { position: absolute; border: 1px solid #CCC; background: #333; padding: 5px; display: none; color: #FFF; }
/*End of Image Preview
--------------------------------------------
Footer
------------------------------------*/
#footer { background:url(../images/footer-background-slice.png) repeat-x top left; height: 129px; min-height:129px; }
ul#menufooter { padding-top: 9px; }
#menufooter li { display: inline; padding: 0 15px; }
#menufooter a { color: #FFFFFF; text-decoration: none; }
#menufooter a:hover { text-decoration: underline; }
#little_slogan { float: right; margin-right: 40px; margin-top: -38px; }
#footernav IMG.little_slogan { position: absolute; top: 10px; right: 21px; }
DIV#footer .copyright { width: 300px; font-size: 0.9em; color: white; margin-top: 33px; float:right; *margin-top:15px;
_margin-top: 15px } 
DIV#footer .twitter { margin: 10px 24px 24px -1px; *margin:0;
} /*Needed for Internet Explorer 7*/
DIV.twitter P { margin: -6px -59px -2px 106px; color: #fff; *margin:0 0 0 106px;
font-size: 1.2em; }
.twitter { background: transparent url(../images/twitter-trans.png) no-repeat left center; width: 93px; height: 22px; }
DIV.twitter A { color: #b5b5b5; text-decoration: none; font-size:1em; }
DIV.twitter A:hover { color: #fff; }
/*--------------------------------------------------------------
Misc
--------------------------------------------------------------*/
.outline { border: 1px #ccc solid; margin: 5px 20px 15px 0; }


/* tweets */
	#tweets{
		margin: 0px 0px 0px 0px;
	}
	
	#tweets ul.tweet_list{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 110px;
		list-style-type: none;
	}
	
	#tweets ul.tweet_list li{
		overflow: hidden;
		color: #FFF;
		font-size: 12px;
/*		clear: both */
	}
	
	#tweets ul.tweet_list li a.date{
		font-weight: bold;
/*		display: block; */
		color: #B5B5B5;
	}
/* /tweets */