@charset "utf-8";
/*	
	-------------------------------------------------------
	Mad Genius - Core CSS 
	Includes reset and all core styles for the site.
	-------------------------------------------------------
	Crafted by The Mad Genius and his various minions: 
	Rob Rubinoff (Interactive Director, IA, code) 
	Chris Nolen (Original Screen Designs) 
	Bryce Mullican (code)
	http://madg.com | rrubinoff@madg.com
	-------------------------------------------------------
*/

/* = COLORS
------------------------------------------------------------
copy - #222
links -  #000 
bg dark: #818286
bg light: #8F9092
green: #B4D212
*/
body {color:#111; }
a {color: #111; text-decoration:underline;}
a:hover {color:#111; text-decoration:underline; background-color: #B4D212;}

/* = FLOATS 
-----------------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both; height: 0; display: block;}
.clearVert {clear:both; height: 30px; display: block;}

/* = RESETS the default browser styles prep our page 
adapted from meyer web reset
------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} 


/* = BASE TYPOGRAPHY & STANDARD HTML ELEMENTS
------------------------------------------------------------*/
body{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:22px; margin-bottom: 10px;}
h2{font-size:18px; font-weight: normal; margin-bottom: 10px;}
h3{font-size:14px; margin-bottom: 10px;}
h4{font-size:12px; text-transform: uppercase;  margin-bottom: 10px;}
h5{font-size:12px}
h6{font-size:12px}

blockquote{padding: 10px 15px; background-color: #eaeaea; margin: 0 20px 16px 20px; line-height:1; color: #444; font-style:italic;}
dl {margin-bottom: 16px;}
dt {font-weight: bold; margin-bottom: 8px;}
dd {margin-bottom: 16px;}
abbr {border-bottom: 1px dashed #666;}

ol{list-style:decimal; margin-bottom: 10px;}
ol li ol {list-style:lower-alpha;}
ul{list-style:disc; margin-bottom: 10px;}
ul li ul {list-style:circle;}
li{margin-left:20px; margin-bottom: 5px;}
/* p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} */

ul.arrowListImg {margin: 0 0 10px 10px; padding: 0;}
ul.arrowListImg li {list-style: url(/img/_bg_bullet_mgGrey.gif); margin:0 0 7px 0; padding: 0;}


/* = MAJOR PAGE BLOCKS 
-----------------------------------------------------------*/
body{background-color:#818286; background-image:url(/img/_bg.gif); background-repeat: repeat;}

#wrap{width: 980px; overflow:hidden; margin: 0 auto;}
#skipNav {display: none;}	
#corporateNav{}
#printHead {display:none;}
#header{}
#globalNav{}
#utilityNav{}
#drawer{}
#breadcrumbNav{}
#content{}
#subNav{}
#socialBar{}
#footer {}

/* = corporate navigation
----------------------------*/
#corporateNav {
	font-size: 10px;
	background-image: url(/img/_bg_corporateNav.jpg);
	background-repeat:no-repeat;
	height: 36px;
	text-align:right;
	}
#corporateNav a{
	color: #ccc; 
	background-color:#333435; 
	text-decoration: none; 
	padding:2px 3px; 
	margin: 0 30px 0 0; 
	line-height:36px; 
	border: 1px solid black;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	 opacity: 0.7; 
	 }
#corporateNav a:hover {
	color: #fff; 
	text-decoration:none; 
	background-color: #555657; 
	border-color:#B4D212;
	}

/* = HEADER 
-----------------------------------------------------------*/
#header {background-image: url(/img/_bg_header.jpg); height: 211px}
#header h1 {margin: 0; padding: 0; line-height:0;}
#header h1 span{display:none;margin: 0; padding: 0; line-height:0;}
#header img.logo {margin: 0 0 0 30px; float:left;}
#header img.logo a{border:none;}
#header .switch a {background-image: url(/img/switch.jpg); display: block; height: 100px; width: 71px; float: right; margin: 0 30px 0 0;background-color: transparent;background-position:0 0;}
#header .switch a:hover {background-image: url(/img/switch.jpg); background-position:0 100px;}
#header .on a {background-image: url(/img/switch.jpg); background-position:71px 0;}
#header .on a:hover {background-image: url(/img/switch.jpg); background-position:71px 100px;}

/* = global navigation
------------------------*/
#globalNav {
	float: right; 
	margin: 0px 30px 0 0; 
	width: 720px;
	font-size: 14px; 
	font-weight: bold;
	text-transform:uppercase; 
	line-height:28px;}
#globalNav a{color: #bbb; text-decoration: none; margin-right: 30px;}
#globalNav a:hover {color: #eee; text-decoration:underline; background-color:transparent;}
#globalNav a.current {color:#b4d212; text-decoration: none;}

/* = utility navigation 
--------------------------*/
#utilityNav {font-size: 11px; padding: 0 30px 0 0; text-align:right; background-color: #fff;}
#utilityNav img {vertical-align:middle;}
#utilityNav a{text-decoration: none; line-height:20px;}
#utilityNav a:hover {text-decoration: underline; background-color:transparent;}

/* = DRAWER PANEL 
--------------------*/
#drawer {background: #333435;
	display: none;
	height: 470px;
	padding: 30px;
	border-top: 2px solid black; border-bottom: 1px solid #666;}
	
#drawer div.drwContainer {margin: 0 auto; width: 720px; height: 405px; background-color: transparent;}
#drawer p{font-size: 11px; font-weight: normal; color: #ccc; padding: 30px;}
.drawerClose {padding: 20px auto; margin: 0 auto; text-align:center;}
.drawerClose a{
	color: #ccc; 
	background-color:#333435; 
	text-decoration: none; 
	padding:5px 8px; 
	margin: 0 30px 0 0; 
	line-height:36px; 
	border: 1px solid black;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	 opacity: 0.7; 
	 }
.drawerClose a:hover {
	color: #fff; 
	text-decoration:none; 
	background-color: #555657; 
	border-color:#B4D212;
	}
	
/* = breadcrumb nav 
---------------------*/
#breadcrumbNav {padding: 0 30px; font-size: 10px; color:#444546; line-height:20px; background-color:white}

/* = CONTENT
-----------------------------------------------------------*/
#content {padding: 10px 30px; background-color: #fff;}
#content p {line-height: 1.3; margin-bottom: 8px;}
#content p a.linkButton { 
	background-image:url(/img/_bg_linkButton.gif); background-repeat:repeat-x; 
	margin-top: 5px;
	background-color:#444546; 
	text-decoration: none; 
	padding:4px 7px; 
	color: #ccc;
	border: 1px solid black;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	  }
#content p a.linkButton:hover {	color: #fff; 
	background-image:none;
	text-decoration:none; 
	background-color: #777879; 
	border-color:#B4D212;}
	
p.leadin {margin: 20px 0; line-height: 1; font-size: 19px; color: #444546;}
p.leadin span {font-weight: bold; color: #000;}

/* = home portfolio
-----------------------*/
.portfolio ul {
margin: 0pt; 
padding: 0pt;
list-style-type: none;
}

.portfolio li {
position:relative;
margin: 0;
float: left;
}

#homePortfolio {
background-color:#fff;
overflow: hidden; 
visibility: visible; 
position: relative; 
z-index: 2;
left: 0px;
width: 920px;
}

#homePortfolio ul {
margin: 0pt; 
padding: 0pt; 
position: relative; 
list-style-type: none; 
z-index: 1;
width: 3680px;
left: -920px;
}

#homePortfolio li {
position:relative;
margin: 0;
float: left;
}

.featurebox  {height: 191px; width: 228px; border: #ccc solid 1px; cursor: pointer;}
.featurebox:hover {border: #b4d212 solid 1px;}
#controls {height: 20px; width: 102px; margin: 0 auto 7px;}
a.prev {
display:block;
height: 20px;
width: 20px;
background: url('/img/sprite_carousel-home_btns.gif') no-repeat 0 0;
text-decoration: none;
float: left;
cursor:pointer;
}
a.next {
display:block;
height: 20px;
width: 20px;
background: url('/img/sprite_carousel-home_btns.gif') no-repeat -20px 0;
text-decoration: none;
float: right;
cursor:pointer;
}
a.prev.disabled {background: url('/img/sprite_carousel-home_btns.gif') no-repeat 0 -20px;}
a.next.disabled {background: url('/img/sprite_carousel-home_btns.gif') no-repeat -20px -20px;}
.frame1 {background: url('/img/sprite_carousel-home_indicators.gif') no-repeat 50% 0;}
.frame2 {background: url('/img/sprite_carousel-home_indicators.gif') no-repeat 50% -20px;}
.frame3 {background: url('/img/sprite_carousel-home_indicators.gif') no-repeat 50% -40px;}

.fade {
	position:absolute;
	left:0px;
	top:146px;
	display: none;
	background: #000;
	padding: 5px 0 0 10px;
	height: 40px; 
	width: 218px;
	color: #fff;
	margin: auto auto;
	font-size: 11px;
	line-height: 140%;
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius: 7px;
	filter:alpha(opacity=0.8);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.fade a {color:#ccc; text-decoration:underline;}
.fade a:hover {color:#fff; text-decoration:underline; background-color: transparent;}
a.btn-slide_contact {background-image: url(/img/icon_accordion_plus.png); display: block; height: 16px; width: 16px; float: right; background-color: transparent;}
a.active  {background-image: url(/img/icon_accordion_minus.png);}

/* = home columns
-----------------------*/
/* = col 230 - left column on homepage*/
.col230 {float:left; width: 230px; margin-right: 60px;} /* 230 + 60 = 290px */
/* = col 285 - middle column on homepage*/
.col285 {float:left; width: 285px; margin-right: 60px;} /* 285 + 60 = 345px */
/* = col285 - right column on homepage*/
 /* 285 + 0 = 285px */

/* = sub page columns 
----------------------*/
/* sidebar - left column */
.sidebar {float: left; width: 200px; margin-right: 30px;}
.pullquote {padding: 0 5px;margin-top: 15px;}
.pullquote p{font-size: 13px; line-height:1.3; color: #777879; font-style:italic; }
.pullquote p.attribution {font-size: 11px; line-height: 1; color: #333435; font-style:normal;}

/* various layouts */
/* remeber to declare 'noMargin' for right-most column*/
.col690 {float: left; width: 690px;}
.col330 {float: left; width: 330px; margin-right: 30px;}
.col460 {float: left; width: 460px; margin-right: 30px;}
.col200 {float: right; width: 200px;}

.noMargin {margin-right: 0px;}

/* L2 H1 Section Titles */
h1.l2 {
	background-image:url(/img/_bg_l2_h1.jpg);
	background-repeat:no-repeat;
	line-height:30px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	padding-left: 7px;}

/* L2 About */
.peopleThumb {margin: 5px 5px; width: 72px; float:left;}
.peopleThumb img{background-color:white;}
.peopleThumb p{font-size: 10px; line-height:1;}

/* People Links Bar */
p.peopleLinks {line-height: 20px;}
p.peopleLinks img{vertical-align:middle;}
p.peopleLinks a{margin: auto 15px auto 2px;}

img.portrait {float: left; margin: 5px 15px 12px 0;}

/* = sub nav 
-----------------*/
ul.subNav{ 
	list-style:none; 
	margin: 0 0 10px 0; 
	padding: 0px; 
	font-size: 12px;
	/*-moz-border-radius:7px;
	-webkit-border-radius: 7px; */
	}
ul.subNav li {margin: 0; line-height: 18px; }
ul.subNav li ul {list-style: none; margin: 0 0 0 5px; font-size: 11px;}
ul.subnav li ul li {}

/* = Home - CALLOUT - BIZ DEV 
-----------------*/
#calloutBizDev{
	background-color: #ccc;
	border: 1px solid #999;
	padding: 10px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	}
#calloutBizDev h3 {
	background-image:url(/img/icon_bizDev.gif);
	background-repeat:no-repeat;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	font-style:normal;
	line-height:25px;
	margin-bottom: 5px; }
#calloutBizDev p {margin-bottom: 8px;}


/* = Inner - CALLOUT - BIZ DEV 
-----------------*/
.sidebar #calloutBizDev{
	background-color: #ccc;
	border: 1px solid #999;
	padding: 5px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	margin-bottom: 30px;
	}
.sidebar #calloutBizDev h3 {
	background-image:url(/img/icon_bizDev.gif);
	background-repeat:no-repeat;
	padding-left: 30px;
	font-size: 13px;
	font-weight: bold;
	font-style:normal;
	line-height:25px;
	margin-bottom: 5px; }
.sidebar #calloutBizDev p {margin-bottom: 10px; font-size: 11px;}

/* = Home - VIDEO ENTRY
------------------*/
.videoEntry {}
.videoEntry img {border: 1px solid #333;}
.videoEntry img:hover {border: 1px solid #B4D212;}
.videoEntry p{font-size: 11px; margin: 5px 0; line-height:1;}

/* = Home + About - News Box
------------------*/
.calloutNews ul {list-style:none;}
.calloutNews ul li {margin: 0 0 8px 0;}
.calloutNews ul li a{text-decoration: none; color: #444546;}
.calloutNews ul li a:hover {color: #000;}
.calloutNews p {border-top: 1px solid #ccc; padding-top: 5px;}
.calloutNews img {vertical-align: middle;}

.calloutNews ul li:first-child {margin: 0 0 8px 0; font-size: 14px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;padding: 5px 0;}

/* = SOCIAL BAR 
----------------------------------------------------------*/
#socialBar {
	background-image: url(/img/_bg_socialBar.jpg);
	background-repeat:no-repeat;
	height: 38px;}
#socialBar p{padding:8px 0 0 144px; line-height:23px; font-size: 11px;}
#socialBar p img {vertical-align: middle; padding-right: 5px;}
#socialBar p a{color: #ccc; text-decoration:none; margin-right: 20px;}
#socialBar p a:hover{color: #fff; text-decoration:underline; background-color:transparent;}

/* = TWITTER FEED 
--------------------------------*/
.twitted {}
.twitted h3 { margin-bottom: 0;}
.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("/img/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	font-size: 12px;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
color: #000; font-style:normal; text-decoration:underline;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #666; font-style:italic; text-decoration: none;
}

.twitted ul#twitter_update_list li.firstTweet {}

.twitted ul#twitter_update_list li.lastTweet {border-bottom: none;}

.twitted ul.profileLink {	margin: 0;
	padding: 0.3em 1em;
	color: #ccc;
}

/* = FOOTER
----------------------------------------------------------*/
#footer {
	background-image: url(/img/_bg_footer.png); 
	background-position:bottom; 
	background-repeat: no-repeat; 
	padding: 30px 30px 0 30px; 
	font-size: 11px;
	color: #666768;}
#footer ul {list-style:square;}
#footer a{color: #000; text-decoration:none;}
#footer a:hover {color:#000;}
#footer p {margin-bottom: 7px;}
#footer p.sectionLink {font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 3px;}
#footer p.copyright {border-top: 1px solid #ccc; padding-top: 3px; margin-left: 180px; margin-top: 50px;}
#footer img{border: 1px solid black; background-color:white;}
#footer img:hover {border:1px solid #B4D212;}
/* footer columns */
.col170 {float: left; width: 170px;} /* used for address / contact info */
.col140{float: left; width: 140px; margin-left: 10px;} /* used to create micro-sitemap*/