/* ######## top title text ###### */

.toptitle-bk {

	font-size:20px;
	color: #006666;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 18px;
	line-height: normal;
}

.tophometitle {
	font-size:12px;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	text-transform: none;
	overflow: hidden;
	width: auto;
	padding: 10px;
	list-style-type: none;
	text-decoration: none;
}


.toptitlesub-bk {
	font-size:14px;
	color: #666666;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 0px 18px 18px 18px;
	line-height: 20px;
}

.toptitleimage {
	font-size:14px;
	color: #666666;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 18px 18px 18px 18px;
	line-height: 20px;
}

/* ######### BODY TEXT ######### */

.body-bk {
	font-size:14px;
	color: #666666;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 10px 10px 10px 10px;
	line-height: 20px;
}

.maintext-bk {
	font-size:14px;
	color: #666666;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 5px;
	line-height: 20px;
}
.testimonials-bk {

	font-size:15px;
	color: #006666;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 5px;
	line-height: normal;
}
/* ######### PAGE BOXES ######### */

.pagebox {
display: block;
padding: 15px 15px 15px 15px;
border: thin none #0000FF;
color: White;
background: #606060 url(images/boxes/green_main_bg.jpg);
margin: 10px;
width: 250px;
height: 220px;
text-decoration: none;
font: bold 16px Trebuchet MS;
}

.pagebox-grey {
display: block;
padding: 15px 15px 15px 15px;
border: thin none #0000FF;
color: White;
background: #606060 url(images/boxes/grey_main_bg.jpg);
margin: 10px;
width: 250px;
height: 220px;
text-decoration: none;
font: bold 16px Trebuchet MS;
}

.pagebox-green {
display: block;
padding: 15px 15px 15px 15px;
border: thin none #0000FF;
color: White;
background: #606060 url(images/boxes/green_main_bg.jpg);
margin: 10px;
width: 245px;
height: 220px;
text-decoration: none;
font: bold 16px Trebuchet MS;
}

.pagebox-blue {
display: block;
padding: 15px 15px 15px 15px;
border: thin none #0000FF;
color: White;
background: #606060 url(images/boxes/blue_main_bg.jpg);
margin: 10px;
width: 250px;
height: 220px;
text-decoration: none;
font: bold 16px Trebuchet MS;
}
.bodybox{
	padding: 0px 10px 10px 10px;
}

/* ######### BOT NAV  ######### */

.botnav2 {
	color:#FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	text-align: right;
	vertical-align: top;
	padding: 10px;
	border: thin none #0000FF;
}

/* ######### TOP NAV MENU  ######### */

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
	overflow: hidden;
	width: auto;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 10px 15px;

color: White;
margin-right: 3px;
text-decoration: none;
font: bold 16px Trebuchet MS;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: black ;
color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
display: block;
background: #E8E8E8;
overflow: hidden;
width: auto;
height: 15px;
padding: 5px;
font: bold 12px Trebuchet MS;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 5;

list-style-type: Trebuchet MS;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

/* ######### CSS fancy left nav ######### */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 17px Trebuchet MS;
color: white;
background: #606060 url(images/backgrounds/header_back.gif); /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
font: bold 13px Trebuchet MS;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
font: bold 13px Trebuchet MS;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 13px Trebuchet MS;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

.urbangreymenu .headerbar2{
font: bold 17px Trebuchet MS;
color: black;
background: #606060 url(images/boxes/blue_main_bg.jpg); /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar2 a{
text-decoration: none;
font: bold 13px Trebuchet MS;
color: Black;
display: block;
}

/* ######### CSS for lightbox ######### */

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	font: bold 15px Trebuchet MS;
    text-transform: none;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;

	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/* global */

    body{ 
		background:#fff url(../images/bg_body.gif) repeat-x;
        font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
        }


    /* image replacement */
        .graphic, #header h1, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#00758e;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
		blockquote{
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
	
	/* // HTML Tags */	
	
/* // Global */


/* header */

	#header h1{
		position:absolute;
		margin:0;
		padding:0;
		width:203px;
		height:110px;
		top:34px;
		left:36px;
		background:url(../images/bg_logo.gif) no-repeat 0 0;	
		}				

/* // header */

			
			
	/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:220px;
			width:920px;
			overflow:hidden;
			}	
		#slider{ 
			margin-left:0px;
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:30px;
			height:77px;
			position:absolute;
			left:-25px;
			top:71px;
			}	
		#nextBtn{ 
			left:701px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url(../images/btn_prev.gif) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(../images/btn_next.gif) no-repeat 0 0;	
			}								
	
	/* // slider */													

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}		

/* // content */

/* footer */

	#footer p{
		margin:0;	
		line-height:76px;		
		}	
	#footer a{
		color:#ccc;
		text-decoration:underline;	
		}				

/* // footer */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
img {
	border-style: none;
	display: block;
}
p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#outerWrapper {
	margin: 0 auto 15px;
	text-align: left;
	width: 920px;
	background: #FFFFFF;
}
#featureWrapper {
	background: url(images/feature-wrap-fade.jpg) repeat-x top;
	text-align: left;
}
#featureWrapper #feature {
	background: url(images/feature-fade.jpg) repeat-x top;
	margin: 0px auto;
	height: 233px;
	width: 920px;
}
#feature .feature-title {
	color: #FFFFFF;
	padding-top: 20px;
	padding-left: 25px;
	font: normal 26px/28px "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing: -1px;
}
#feature .feature-text {
	font-size: 16px;
	font-weight: bold;
	color: #EFFFBF;
	padding-top: 10px;
	padding-left: 30px;
	line-height: 20px;
}
#feature li {
	padding-bottom: 7px;
	color: #000000;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
#feature ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	float: left;
	padding: 20px 10px 10px 15px;
	width: 195px;
	line-height: 16px;
}
#leftColumn1 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#leftColumn1 ul li {
	list-style: none;
	display: inline;
}
#leftColumn1 ul li a {
	display: block;
	padding: 5px 4px 5px 15px;
	line-height: 15px;
	background: url(images/sidenav.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#leftColumn1 ul li a:hover {
	text-decoration: none;
	background: url(images/sidenav.gif) no-repeat left -25px;
	color: #000000;
}

/* ------------- right */

#outerWrapper #contentWrapper #rightColumn1 {
	float: right;
	padding: 20px 10px 10px 15px;
	width: 195px;
	line-height: 16px;
}
#rightColumn1 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#rightColumn1 ul li {
	list-style: none;
	display: inline;
}
#rightColumn1 ul li a {
	display: block;
	padding: 5px 4px 5px 15px;
	line-height: 15px;
	background: url(images/sidenav.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#rightColumn1 ul li a:hover {
	text-decoration: none;
	background: url(images/sidenav.gif) no-repeat left -25px;
	color: #000000;
}

.sidebarlt {
	padding: 10px;
	border: 1px solid #99CC00;
	background: #F5FFD7;
	margin-bottom: 15px;
}
.sidebardk {
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 15px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	background: url(images/sidebox-fill.gif) repeat-y left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	background: url(images/sidebox-top.gif) no-repeat left top;
	padding: 12px 10px 0px;
}
.sidebarboxbottom {
	background: url(images/sidebox-bottom.gif) no-repeat left bottom;
	height: 13px;
}
#outerWrapper #contentWrapper #content {
	margin: 0 15px 0 225px;
	padding: 20px 10px 20px 10px;
	line-height: 20px;
}
#outerWrapper #contentWrapper #content p {
	margin-bottom: 10px;
}

#outerWrapper #contentWrapper #content2 {
	margin: 0 225px 0 15px;
	padding: 20px 10px 20px 10px;
	line-height: 20px;
}
#outerWrapper #contentWrapper #content2 p {
	margin-bottom: 10px;
}

#outerWrapper #contentWrapper {
	background: url(images/content-fade.jpg) repeat-x top;
}
#outerWrapper #contentWrapper .clearFloat {
	clear: both;
	display: block;
}
#outerWrapper #footer {
	padding: 18px 20px 0px;
	background: #666666 url(images/footer.jpg) no-repeat left top;
	height: 30px;
	margin: 0px;
	clear: both;
}
.fltlft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fltrt {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#credit {
	text-align: center;
	background: #666666;
	color: #999999;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
	color: #999999;
}

/** 
 * MTV.com Advanced CSS Drop-Down Menu Theme
 *
 * @file		default.advanced.css
 * @name		MTV.com
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

	ul.dropdown li a {
	 display: block;
	 padding: 5px 30px;
	}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}

	ul.dropdown ul a { /* POI, proposal: override abstract a */
	 padding: 8px;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown *.dir { /* POI */
	 padding: 5px 30px;
	}

	ul.dropdown ul *.dir {
	 padding: 8px 30px 8px 8px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	/* Especially for IE6 or lower */

	ul.dropdown ul a {
	 /*width: 139px;*/
	}

	ul.dropdown ul *.dir {
	 /*width: 129px;*/
	}


	ul.dropdown ul li.dir ul { /* POI, proposal */
	 margin-top: -1px ;
	 margin-left: 1px;
	}



	/* Roll-overs: li level */

	/* First-level abstract */
	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 border-top-color: #5b5b5b;
	 background-color: #3d3d3d;
	}

	/* Non-first-level abstract */
	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
	 background: #4c4c4c url(images/comnav-arrowover.png) 100% 50% no-repeat;
	}

	ul.dropdown ul ul li.hover,
	ul.dropdown ul ul li:hover {
	 background: #595959 url(images/comnav-arrowover2.png) 100% 50% no-repeat;
	}




	/* Proposals for Open */

	ul.dropdown ul a.open,
	ul.dropdown ul li:hover > a.dir {
	 border-top-color: #5b5b5b;
     background-image: url(images/comnav-arrowover.png);
	}

	ul.dropdown ul ul a.open,
	ul.dropdown ul ul li:hover > a.dir { /* ? merge with ul.dropdown ul a.dir:hover */
	 border-top-color: #595959;
	 background: #595959 url(images/comnav-arrowover2.png) 100% 50% no-repeat;
	 color: #fff;
	}

	/* Override UPPER TWO definitions */
	ul.dropdown ul a.open:hover,
	ul.dropdown ul li:hover > a.dir:hover { /* ? merge with ul.dropdown ul a.dir:hover */
	 background: #4698ca url(images/comnav-arrowon.png) 100% 50% no-repeat;
	 color: #fff;
	}