/* @override 
	http://dev.mstudios.com/anthem/css/layout.css
	http://localhost/css/layout.css
	http://localhost/_assets/css/layout.css
*/ 

/* @group BODY and STICKY FOOTER */

html, body {
	height: 100%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

.bioPic{
	margin: 0px 14px 0px 0px; 
	border: 1px solid #999999;
	float:left;
}

#mediaChanger{
	float:right;
	height:248px;
	width: 620px;
	margin-bottom:-3px;
	background:#b1b0b0;
	text-align:right;
}

#toggleSwitch a {
	background: url(/_assets/CSS/img/X_tab.png) no-repeat right top;
	width: 28px;
	height: 28px;
	overflow: hidden;
	float: right;
}
a:link#image01, a:visited#image01 {
	background-position: 0px 0px;
}
a:hover#image01, a:active#image01 {
	background-position:  0px -28px;
}

#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -335px; /* -335px the bottom margin is the negative value of the footer's height */
}

#bottom, #push {
	height: 335px; /* .push must be the same height as #bottom */
}

#bottom {
	background: url(/_assets/css/img/bkgrd.jpg) repeat-x center bottom;
}


/* @end */

/* @group HEADER */
#header {
	width:960px;
	height: 115px;
	position: relative;
	background-color: white;
}

#logo {
	background: url(/_assets/css/img/logo.gif) no-repeat left top;
	position: absolute;
	top: 15px;
	left: 0;
	height: 75px;
	width: 176px;
	float: left;
	display: inline-block;
}
#logo span {
	display: none;
}

#navigation {
	position: absolute;
	top:75px;
	right: 13px;
}
/* @end */

/* @group MEDIA */

#homepage #flashbanner {
	width: 945px;
	height: auto;
	margin: 0;
	border:none;
}

#homepage #main {
	overflow:visible;
	height: 100px;
	width:100%;
	float:left;
	border:none;
	margin:20px 0 5px 0;
	position:relative;
}

#homepage #videoLinks {
	clear:left;
	height:43px;
	width:941px;
	margin-top:20px;
	background:url(img/gradient.jpg) no-repeat top left; 
	position:absolute;
	bottom:-15px;
}

#videoLinks ul { width:100%; float:left; padding:0;margin:10px 0 0;  }
#videoLinks li { display:inline;width:125px; height:25px;text-align:center;margin-right:17px;font-weight:bold;  }
#videoLinks a { display:inline-block;width:125px;height:25px;padding-top:10px; }
#videoLinks a.long { width:190px; }
#videoLinks a.medium { 
margin-right:20px;
width:110px; 
}

.home-video a {width:176px; height:63px;display:block;}

.btn1 {background:url(img/videoIntro.jpg) no-repeat top left;}
.btn1Selected {background:url(img/videoIntroButton_rollover.jpg) no-repeat top left;}

.btn2 {background:url(img/videoTestimonials.jpg) no-repeat top left;}
.btn2Selected {background:url(img/videoTestimonialsButton_rollover.jpg) no-repeat top left;}

.btn3 {background:url(img/videoSeries.jpg) no-repeat top left;}
.btn3Selected {background:url(img/videoSeriesButton_rollover.jpg) no-repeat top left;}

.btn4 {background:url(img/videoInsights.jpg) no-repeat top left;}
.btn4Selected {background:url(img/videoInsightsButton_rollover.jpg) no-repeat top left;}

.btn5 {background:url(img/videoCommercial.jpg) no-repeat top left;}
.btn5Selected {background:url(img/videoCommercial_rollover.jpg) no-repeat top left;}


#videoLinks a:hover {
	background:#FAFAFA;
	box-shadow:2px 2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow:2px 2px 7px  rgba(0,0,0,.1);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.1);
}

#homepage .home-video {
	width: 176px;
	height: 63px;
	margin-right:16px;
	float:left;
	/*border: 1px solid #eaeaeb;*/
	/*background: #fff url(/_assets/css/img/arrow.gif) no-repeat 200px center;*/
}

.topNav {
	height:53px;
} 

#homepage #sidebar {
	display: none;
}

#main #media {
	width: 680px;
	height: 270px;
	margin: 0 auto;
	background-color: #000;
	border: 1px solid #a19f9f;
}

/* @end */

/* @group CONTENT */
#main-content {
	width: 960px;
	margin: 0 auto 30px;
	border: 1px solid #eaeaeb;
}
#main {
	width: 740px;
	height:450px;
	float: right;
	border-left: 1px solid #eaeaeb;
	margin: 20px 0 5px -1px;
	/* Added by Nick, 11/16/09 */
	overflow:scroll;
	overflow-x: hidden;
}
#main .left {
	width: 278px;
	margin-top: 10px;
	float: left;
}

#main .middle {
	width: 723px;
	margin-top: 10px;
	float: left;
}

#main .right {
	width: 445px;
	float: right;
}

#main .right div.photo {
	text-align: center;
}
#main .right div.photo img {
	width: 410px;
	height: 315px;
	
}
#main .right div.photo img.dots {
	width: 42px;
	height: 18px;
}
#sidebar {
	width: 220px;
	float: left;
}

/* @group HOME PAGE */

#homepage #main-content {
	border: 1px solid #fff;
}

#introText {
	float:left;
	width:290px;	
}

#introText h2 { font-size:90%; margin:0 0 10px 0; }

#introText p { color:#000000; margin-bottom:0; padding-bottom:5px; font-size: 75%; }





/* @end */


/* @end */

/* @group FOOTER */
#footer {
	position: relative;
	width: 960px;
	height: 335px;
	margin: 0 auto;
	color: #fff;
	font-size: 85%;
}

#what-we-do {
	background: url(/_assets/css/img/what-we-do.gif) no-repeat left top;
	height: 17px;
	width: 960px;
	position: absolute;
	top: -17px;
}

#gallery {
	height: 160px;
}

#footer .left {
	width: 465px;
	margin-top: 10px;
	margin-right: 15px;
}
#footer .right {
	width: 465px;
	margin-top: 10px;
	margin-left: 15px;
}
/* @end */