* { margin: 0; padding: 0; }

	body { min-height: 100.01%; line-height: 1em; }
	
	#imageFadeContainer {
		position:relative;
		top:0;
		left:0;
	}

	#imageFadeContainer img {
		position:absolute;
		top:0;
		left:0;
		display:none
	}
 
       .comment-replies {
           margin-left: 30px;
       }
       
       .form-element.form-hide {
	   display: none;
       }

       .form-element.form-type-checkbox label,
       .form-element.form-type-radio label {
	   display: inline;
       }

       .form-float-left {
	   float: left;
       }
	
       .form-element.form-float-left {
           padding-right: 10px;
       }




/* -----------------------
Yahoo Reset CSS
-----------------------*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
       html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}




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


html, body {
    background:#333333;
    color:#AFACAC;
    font-family:'Myriad Web', verdana, sans-serif;
    letter-spacing:.03em;
    font-size:12px;
    line-height:1.6;

}


hr {
    background:#444444;
    color:#444444;
    border:0;
    height:3px;
    margin:10px auto;
    *margin-top:0;
    *margin-bottom:0;
}

a {  color:#9E1B32; }
a:hover { color:#fff; text-decoration:none; }


h2 {
    font-size:200%;
}

h3 {
    font-size:150%;
}

h4 {
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    text-shadow: #1A1A1A 1px 1px 1px;
}

h5 {
    font-weight:bold;
	margin-bottom: 0.5em;
}

p {
    margin-bottom:10px;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}


/* ============= IDs ==============*/

#wrapper {
    width:802px;
    margin:0 auto;
}

#header {
    margin:63px 0 17px 0;
    height:30px;
}

#logo {
    margin-left:0;
    float:left;
}

#hero_shot_area {
    position:relative;
    top:0;
    left:0;
    height:350px;
    
}

#imageFadeContainer {
    height:350px;
}

#imageFadeContainer #hero-fg {
    width:791px;
    height:350px;
	position: absolute;
	z-index: 100;
    background: transparent url(/images/hero_overlay.png) 0 0 no-repeat;
    _background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hero_overlay.png', sizingMethod='crop');
	top: 0px;
	left: 0px;
	left:10px;
	top:10px;
}

#imageFadeContainer img {
    z-index:0;
}

#main_focus {
    width:502px;
    float:right;
    display:block;
    position:relative;
}

html#home #main_focus {
    width:426px;
}

#main_focus img {
    margin-bottom:10px;
}

#main_focus .featured_project {
    height:199px;
}

#main_focus .featured_project a {
    border:0;
    text-decoration:none;
}

#main_focus .featured_project img {
    position:absolute;
    padding:0;
    border:0;
    top:10px;
    left:10px;
    z-index:100;
}

#main_focus .featured_project h3 {
    background: transparent url(/images/featured_work_h4.png) 0 0 no-repeat;
    _background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/featured_work_h4.png', sizingMethod='crop');
    height:24px;
    width:406px;
    position:absolute;
    text-indent:-4000px;
    top:10px;
    left:10px;
    z-index:200;
}

#main_focus .featured_project h4 {
    position:absolute;
    top:167px;
    left:10px;
    text-transform:none;
    display:block;
    right:10px;
    padding:10px;
    background:#242323;
    font-size:14px;
    font-weight:normal;
    width:386px;
}


#main_focus #flip_chart_header {
    padding:0;
    margin:0;
    width:500px;
    height:37px;
    background:#aaa url(/images/flip_chart_header.jpg) 0 0 no-repeat;
}

#main_focus #flip_chart {
    background:#fff url(/images/grid_bg.png) 6px 9px repeat;
    width:500px;
    border:1px solid #292929;
    color:#585858;

    -webkit-box-shadow: 0 0 5px #1A1A1A;
}

#main_focus #flip_chart p a {
    font-weight:bold;
}

#main_focus #flip_chart h2 a {
    text-decoration:none;
}

#main_focus #flip_chart a:hover {
    color:#4A0814;
}

#main_focus #flip_chart .article {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #D1D1D1;
}

#main_focus #flip_chart .article .meta_data {
    text-align:center;
}



#main_focus #flip_chart .article .article_image {
    clear:both;
    display:block;
    
}

#main_focus #flip_chart .article .article_image div.pin {
    background: transparent url(/images/article_image_pin.png) 50% 0 no-repeat;
    _background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/article_image_pin.png', sizingMethod='crop');
    _margin-left:200px;
    position:absolute;
    z-index:400;
    width:440px;
    height:50px;
    margin-top:-10px;
}





#main_focus #flip_chart .article #comments {
    margin-bottom:25px;
    position:relative;
}

#main_focus #flip_chart .article #comments .important {
    display:none;
}


#main_focus #flip_chart .article #comments .comment {
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:2px solid #333333;
    color:#bcbcbc;
}

#main_focus #flip_chart .article #comments .comment label {
    color:#fff;
    font-weight:bold;
}

#main_focus #flip_chart .article #comments .comment p.input_name, #main_focus #flip_chart .article #comments .comment p.input_email, #main_focus #flip_chart .article #comments .comment p.input_comment {
    margin-bottom:0;
}

#main_focus #flip_chart .article #comments form input, #main_focus #flip_chart .article #comments form textarea {
    margin:0 0 10px 0;
}

#main_focus #flip_chart .article #comments form .input_name input, #main_focus #flip_chart .article #comments form .input_email input, #main_focus #flip_chart .article #comments form .input_comment textarea {
    background:#fff url(/images/input_shadow.png) top left no-repeat;
    border:3px solid #ccc;
    padding:3px 3px 3px 5px;
    color:#666;
    width:90%;
    font-family:'Myriad Web', verdana, sans-serif;
    
}

#main_focus #flip_chart .article #comments form p {
    margin-bottom:0;
    padding:0;
}


#main_focus #flip_chart .article #comments form label {
    display:none;
}

#main_focus #flip_chart .article #comments form textarea {
    height:100px;
}

#main_focus #flip_chart .article #comments form div.actions input {
    background-color:#555;
    color:#fff;
    font-weight:bold;
    padding:1px 10px;
    border: 2px outset #999;
}

#main_focus #flip_chart .article #comments .close {
    position:absolute;
    bottom:11px;
	_bottom: 10px;
    right:11px;
    margin:0;
    padding:0;
    border:0;
}

#main_focus #flip_chart .article #comments .close img {
    border:0;
    padding:0;
    margin:0;
	width: 72px;
	height: 16px;
}

#main_focus #flip_chart .flip-chart {
    padding:25px;
}

#main_focus #flip_chart .flip-chart #rssicon img {
	background: 0;
	border: 0;
	float: right;
}

#main_focus #flip_chart_next {
    padding:0;
    margin:0;
    border:0;
    position:absolute;
    height:56px;
    width:54px;
    right:1px;
    bottom:1px;
    overflow:hidden;
    display:block;
}
#main_focus #flip_chart_next a {
    background:transparent url(/images/flip_chart_next.png) 0 0 no-repeat;
    _background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/flip_chart_next.png', sizingMethod='crop');
    
    height:56px;
    text-indent:-4000px;
    padding:0;
    display:block;
    overflow:hidden;
}


#main_focus #flip_chart_prev {
    padding:0;
    margin:0;
    border:0;
    position:absolute;
    height:56px;
    width:54px;
    left:1px;
    bottom:1px;
    overflow:hidden;
    display:block;
}
#main_focus #flip_chart_prev a {
    background:transparent url(/images/flip_chart_prev.png) 0 0 no-repeat;
    _background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/flip_chart_prev.png', sizingMethod='crop');
    width:54px;
    
    height:56px;
    text-indent:-4000px;
    padding:0;
    display:block;
    overflow:hidden;
}

#main_focus #flip_chart_next a:hover, #main_focus #flip_chart_prev a:hover {
    background-position:0 -56px;
}





#sidebar {
    width:278px;
    float:left;
    position:relative;
}

html#home #sidebar {
    width:350px;
}


#sidebar .sidebar_nav ul.navigation li {
    background: #242323;
    font-size:16px;
    margin-top:5px;
    background:#242323;
    padding:10px;
    color:#fff;
    
}



#sidebar .sidebar_nav ul.navigation li.nav-vision {
    padding:0;
    padding-left:10px;
    height:36px;
    display:block;
    overflow:hidden;
}
#sidebar .sidebar_nav ul.navigation li.nav-vision a {
    background: #242323 url(/images/sidebar_nav/vision.gif) 0 0 no-repeat;
    height:26px;
    text-indent:-4000px;
    padding:0;
    border:10px solid #242323;
    border-bottom:0;
    display:block;
    overflow:hidden;
}
#sidebar .sidebar_nav ul.navigation li.nav-vision a:hover {
    background-position:0 -26px;
    border:10px solid #9E1B32;
    border-bottom:0;
    
}


#sidebar .sidebar_nav ul.navigation li.nav-urban-planning {
    padding:0;
    padding-left:10px;
    height:36px;
    overflow:hidden;
    display:block;
}
#sidebar .sidebar_nav ul.navigation li.nav-urban-planning a {
    background: #242323 url(/images/sidebar_nav/urban_planning.gif) 0 0 no-repeat;
    height:26px;
    text-indent:-4000px;
    padding:0;
    border:10px solid #242323;
    border-bottom:0;
    display:block;
    overflow:hidden;

}
#sidebar .sidebar_nav ul.navigation li.nav-urban-planning a:hover {
    background-position:0 -26px;
    border:10px solid #9E1B32;
    border-bottom:0;
    
}


#sidebar .sidebar_nav ul.navigation li.nav-strategic-planning {
    padding:0;
    padding-left:10px;
    height:36px;
    overflow:hidden;
    display:block;
}
#sidebar .sidebar_nav ul.navigation li.nav-strategic-planning a {
    background: #242323 url(/images/sidebar_nav/strategic_planning.gif) 0 0 no-repeat;
    height:26px;
    text-indent:-4000px;
    padding:0;
    border:10px solid #242323;
    border-bottom:0;
    display:block;
    overflow:hidden;
}
#sidebar .sidebar_nav ul.navigation li.nav-strategic-planning a:hover {
    background-position:0 -26px;
    border:10px solid #9E1B32;
    border-bottom:0;
    
}


#sidebar .sidebar_nav ul.navigation li.nav-design {
    padding:0;
    padding-left:10px;
    height:36px;
    overflow:hidden;
    display:block;
}
#sidebar .sidebar_nav ul.navigation li.nav-design a {
    background: #242323 url(/images/sidebar_nav/design.gif) 0 0 no-repeat;
    height:26px;
    text-indent:-4000px;
    padding:0;
    border:10px solid #242323;
    border-bottom:0;
    display:block;
    overflow:hidden;
}
#sidebar .sidebar_nav ul.navigation li.nav-design a:hover {
    background-position:0 -26px;
    border:10px solid #9E1B32;
    border-bottom:0;
    
}


#sidebar .sidebar_nav ul.navigation li.nav-implementation {
    padding:0;
    padding-left:10px;
    height:36px;
    overflow:hidden;
    display:block;
}
#sidebar .sidebar_nav ul.navigation li.nav-implementation a {
    background: #242323 url(/images/sidebar_nav/implementation.gif) 0 0 no-repeat;
    height:26px;
    text-indent:-4000px;
    padding:0;
    border:10px solid #242323;
    border-bottom:0;
    display:block;
    overflow:hidden;
}
#sidebar .sidebar_nav ul.navigation li.nav-implementation a:hover {
    background-position:0 -26px;
    border:10px solid #9E1B32;
    border-bottom:0;
    
}



#sidebar .sidebar_nav li.up-one-level, #sidebar .sidebar_nav li.nav-aggregator, #sidebar .sidebar_nav h2 {
    display:none;
}

#sidebar .sidebar_nav ul.navigation li.first, #sidebar .sidebar_nav ul.navigation li.subnav, #sidebar .sidebar_nav ul.navigation li.nav-vision {
    margin-top:0;
    
}

#sidebar .sidebar_nav ul.navigation li.subnav {
    padding-top:0;
    background:#242323;
    height:100%;
}


#sidebar .sidebar_nav ul.navigation li a {
    margin-left:-10px;
    padding-left:10px;
    padding-right:10px;
    color:#fff;
    text-decoration:none;
    display:block;
    position:relative;
    *height:100%;
}

#sidebar .sidebar_nav ul.navigation li a:hover {
    color:#B0AFAF;
}


#sidebar .sidebar_nav ul.navigation li ul li {
    font-size:12px;
    background:none;
    margin:0;
    padding:0;
    _height:100%;
}


#sidebar .sidebar_nav ul.navigation li.subnav ul li a {
    margin:0;
    display:block;
    margin-left:-10px;
    margin-right:-10px;
    padding:5px 20px;
    border-bottom:1px solid #242323;
    *padding-left:20px;
    *width:217px;
}



#sidebar .sidebar_nav ul.navigation li.subnav ul li.selected a, #sidebar .sidebar_nav ul.navigation li.subnav ul li.selected a:hover {
    background:#9E1B32;
    border-bottom:1px solid #191818;
}

#sidebar .sidebar_nav ul.navigation li.subnav ul li a:hover {
    background:#44090d;
    border-bottom:1px solid #1b0304;
    color:#fff;
}





#sidebar .principals ul {
    margin-top:0;
    background:#242323;
    padding:10px;
    color:#fff;
    padding-top:0;
    _height:100%;
    
}

#sidebar .principals h4 {
    background:#242323;
    padding:10px;
    color:#fff;
    padding-bottom:0;
    margin-bottom:0;
    _height:100%;
    
}

#sidebar ul.principals li {

    font-size:12px;
    background:#242323;
    margin:0;
    padding:0;
    _height:100%;
    
    
}


#sidebar .principals ul li a {
    text-decoration:none;
    background:#242323;
    
    color:#fff;
    margin:0;
    display:block;
    margin-left:-10px;
    margin-right:-10px;
    padding:3px 10px;
    border-bottom:1px solid #242323;
    *padding-left:10px;
    *width:237px;
}

#sidebar .principals ul li a:hover {
    background:#44090d;
    border-bottom:1px solid #1b0304;
    color:#fff;
}

html#ann-coulter #sidebar .principals ul li.ann-coulter a,
html#ann-coulter #sidebar .principals ul li.ann-coulter a:hover,
html#jim-kennedy #sidebar .principals ul li.jim-kennedy a,
html#jim-kennedy #sidebar .principals ul li.jim-kennedy a:hover,
html#christian-rushing #sidebar .principals ul li.christian-rushing a,
html#christian-rushing #sidebar .principals ul li.christian-rushing a:hover,
html#stroud-watson #sidebar .principals ul li.stroud-watson a,
html#stroud-watson #sidebar .principals ul li.stroud-watson a:hover
{
    background:#9E1B32;
    border-bottom:1px solid #191818;
}





#sidebar .sidebar_details {
    margin-top:32px;
}

#sidebar .sidebar_details .cat_list p {
    margin-bottom:15px;
    line-height:1;
}

#sidebar .sidebar_details .cat_list a, #sidebar .sidebar_details .sidebar_list a {
    color:#AFACAC;
    text-decoration:none;
}

#sidebar .sidebar_details .cat_list a:hover, #sidebar .sidebar_details .sidebar_list a:hover {
    color:#fff;
}

#sidebar .sidebar_details .cat_list ul.all-tags li {
    width:120px;
    float:left;
    display:block;
    margin-right:10px;
}



#sidebar div.darker_grey_area {
    padding:20px;
}


#footer {
    text-align:right;
    font-size:10px;
    height:120px;
}

#footer a {
    color:#fff;
    text-decoration:none;
}

/* ============= Classes ==============*/

.clear {
    clear:both;
}

.rule {
    height:5px;
    padding:0;
    background:#444444;
    border-right:1px solid #252525;
    border-bottom:1px solid #252525;
    width:100%;
    margin:20px auto;
    clear:both;
}

.R {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.light_grey_area, #main_focus img, #imageFadeContainer img {
    background:#444;
    border-right:1px solid #252525;
    border-bottom:1px solid #252525;
    padding:10px;

    display:block;
}

.darker_grey_area {
    background:#242323;
    padding:10px;
    color:#fff;
    _height:100%;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

 .clearfix {
display: inline-block;
}

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */


/* ============= sIFR ==============*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #flip_chart h3.script {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 28px;
	line-height:1em;
}





/* ============= Navigation ==============*/


#navigation {
    width:426px;
    height:30px;
    background:#242323;
    float:right;
}

#navigation ul.navigation {
    margin:0;
    height:30px;
}

#navigation ul.navigation li {
    float:left;
    text-indent:-4000px;
    height:30px;
    display:block;
    position:relative;
    overflow:hidden;
    
}

#navigation ul.navigation li a {
    top:0;
    text-decoration:none;
    color:#fff;
    font-size:12px;
    height:60px;
    display:block;
    position:relative;
    left: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}


#navigation ul.navigation li.nav-home a {
    background:transparent url(/images/nav/nav_home.jpg) 0 0 no-repeat;;
    width:73px;
}

#navigation ul.navigation li.nav-about-us a {
    background:transparent url(/images/nav/nav_about_us.jpg) 0 0 no-repeat;;
    width:85px;
}

#navigation ul.navigation li.nav-our-work a {
    background:transparent url(/images/nav/nav_our_work.jpg) 0 0 no-repeat;;
    width:89px;
}


#navigation ul.navigation li.nav-flip-chart a {
    background:transparent url(/images/nav/nav_flip_chart.jpg) 0 0 no-repeat;;
    width:88px;
}

#navigation ul.navigation li.nav-contacts a {
    background:transparent url(/images/nav/nav_contacts.jpg) 0 0 no-repeat;;
    width:91px;
}



#navigation ul.navigation li.selected a, #navigation ul.navigation li.selected a:hover, #navigation ul.navigation li a:hover, #navigation ul.navigation li.ancestor a {
    position:relative;
	background-position: 0 -30px;
}

.comment-replies .comment-form {
	margin-top: 1em;
}

#login-wrap {
        position: absolute;
        width : 450px;
        height : 200px;
        z-index : 1;
        top : 170px;
        left : 100px;
       
}

.user_name ,
.password {
       color: white;
}