/*  
Theme Name: Brandt Media Group
Theme URI: http://www.omaribrandt.com
Description: A Wordpress theme based on the <a href="http://www.blueprint.org">Blueprint CSS Framework</a>.
Version: 1.0
Author: Omari A. Brandt
Author URI: http://www.omaribrandt.com/

Credits:

Based on the Blueprint CSS Framework:
www.blueprint.org

*/

h1, h1 a { color:#87226d; }
h2, h1 a { color:#87226d; }
h3, h3 a { color:#42652b; }
h3 a:hover { color:#333; }
h4, h4 a, h5, h5 a, h6, h6 a { color:#333; }
h4 a:hover, h5 a:hover, h6 a:hover { color:#333; }


h1,h2,h3,h4,h5,h6 { text-transform:lowercase; }

a { color:#87226d; text-decoration:none; }

p { text-indent:0; } 

.body-bg-index { background: url(images/hdr_bg_index.gif) top left repeat-x; }

.body-bg { background: url(images/hdr_bg.gif) top left repeat-x; }


/* INDEX THUMBS */

ul.index-thumbs { float:left; width:470px; margin:0; padding:0; list-style:none; }
ul.index-thumbs li { float:left; width:107px; padding:0 0 5px 0; margin:0 10px 0 0; }
ul.index-thumbs li a { }
ul.index-thumbs li .content-block { padding:0; }
ul.index-thumbs li .content-block a img { padding:5px; border:1px solid #ccc; background: #fff; margin: 0; float:left; }
ul.index-thumbs li .content-block a:hover img { filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";border:1px solid #72a85c; }

/* END INDEX THUMBS */


/* PORTFOLIO DISPLAY CLASSES */

ul.display { float:left; width:710px; margin:0; padding:0; list-style:none;/* border-top:1px solid #333; border-right:1px solid #333;*/ }
ul.display li { float:left; width:710px; padding:10px 0; margin:0; /*border:1px solid #111; border-bottom:1px solid #333; border-left:1px solid #333;*/ }
ul.display li a { }
ul.display li .content-block { padding:0 10px; }
ul.display li .content-block h3 { margin:0; padding: 5px 0; font-weight:bold; font-size: 1em; }
ul.display li .content-block p { margin:0; padding:5px 5px 5px 210px; font-size:1em; }
ul.display li .content-block a img { padding:5px; border:1px solid #ccc; background: #fff; margin: 0 15px 0 0; float:left; }

ul.display li .content-block a:hover img { filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";border:1px solid #72a85c; }

ul.thumb-view li { width:210px; margin:0 20px 0 0; }
ul.thumb-view li h3 { display:inline; }
ul.thumb-view li p { display:none; }
ul.thumb-view li .content-block a img { margin:0 0 10px; }

a.switch-thumb { width: 122px;height: 26px;line-height: 26px; padding: 0; margin: 10px 0; display: block;background: url(images/switch.gif) no-repeat;outline: none;text-indent: -9999px;
}
a:hover.switch-thumb { filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }


/* END PORTFOLIO DISPLAY CLASSES */

/*SLIDER CLASSES*/

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:600px;
	height:507px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:280px;
	overflow:visible;
    text-indent:-8000px;
	}	
#nextBtn{ 
	left:600px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0; outline:none;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0; outline:none;
	}	

/* END SLIDER CLASSES*/

#header { width:950px; margin:0 0 60px 0; padding:10px 0 0 0; height:50px; /*border:1px solid #ff0000;*/ }


#services ul { margin:0; }
#services li { list-style:none; padding:0 0 0 110px; height:120px; }
#services h2,h3,h4 { color:#42652b; }

.design { background: url(images/list_design.png) top left no-repeat; }
.xp { background: url(images/list_xp.png) top left no-repeat; }
.consult { background: url(images/list_consult.png) top left no-repeat; }


#nav  { float: right; padding: 6px 0 0 0; list-style: none; text-transform: lowercase; }
#nav li { display: inline; }
#nav a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #fff; }
#nav a:hover { color: #00e4db; }

#welcome { position:relative; top:-60px; width:950px; height: 265px; color:#fff; text-transform:lowercase; }
#welcome h1 { color: #edfb9d; margin-top:40px; }
#welcome p { font-size:14px; }

#content { width:950px; margin:0; padding:0; /*display:block;border:1px solid #000;*/ }

#left-nav { margin:60px 0 0 0; font-size: 11px; }
/*#left-nav ul { margin:0; }
#left-nav li { list-style:none; border-bottom:1px solid #f2f2f2; padding:5px 0 5px 5px; }*/


#left-nav ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}

#left-nav ul li a,ul.txt li{ height:1%;/*background:url(images/li.png) no-repeat  0;*/line-height:1.2em;border-bottom:1px solid #f2f2f2;display:block;padding:6px 0 6px 6px;}

#left-nav ul li a:hover,ul.txt li:hover{color:#515151;background-position:1px 0.8em;background: #E5ECF9; /*url(images/li-white.png) no-repeat 3px 10px;*/}

#left-nav ul li a span,ul.txt li,h4 a span{color:#696455;}

#left-nav ul li.active a{cursor:default;color:white;}

#left-nav ul ul{margin:0;list-style:none;}


#right-rail { margin:60px 0 0 0; font-size: 11px; }

#right-rail ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}

#right-rail li{margin: 0 0 14px 0; font-weight:bold;}

#right-rail ul li a,ul.txt li{ padding:6px 0 6px 6px; margin:0;line-height:1.2em;border-bottom:0px solid #f2f2f2;display:block;}

#right-rail ul li a:hover,ul.txt li:hover{color:#515151;background: #E5ECF9;}

#right-rail ul li a span,ul.txt li,h4 a span{color:#696455;}

#right-rail ul li.active a{cursor:default;color:white;}

#right-rail ul ul{margin:0;list-style:none;}

#maincontent { margin:20px 0 0 0; position:relative; }

#maincontent .hdr { margin:0 0 20px 0; }

#twitterbox { height:90px; background: url(images/twitter_bg.png) left top no-repeat; margin: 0; padding: 50px 0 0 60px; font-size:11px; }

#footer { width:950px;margin:0 auto; padding:0; padding-top:20px; color:#ccc; }


#footer { width:950px;margin:0 auto; padding:0; padding-top:20px; color:#ccc; }
#footer a, #footer strong { color:#99ff99; }
#footer a:hover { color:#ccc; }
#footer h6 { color:#ccc; }
.footerbkgrd {position: absolute; left:0; width: 100%; min-height: 200px; margin-top: 20px; background:#333 url(images/footer_bg.jpg) top left repeat-x; border-top:1px solid #666; }

#nav li.on a { font-weight:700; border-bottom:2px solid #00e4db; }