/*

Theme Name: Cunningham | Quill Architects

Theme URI: http://wordpress.org/

Description: The 2010 default theme for WordPress.

Author: Sarah Kate Snyder, Kayla Knight

Author URI: http:/studiosnyder.com, http://kaylaknight.com
*/



#wpadminbar { display:none; }



html, body{

	font: normal 13px/1.3em GothamBookGothamBook, 'Century Gothic', Futura, AppleGothic, sans-serif;

	letter-spacing: 1px;

	height: 100%;

	overflow: hidden;

}*{margin: 0; padding: 0;}

header,footer,aside,section,nav{display: block;}

ol,ul,li{padding: 0; list-style-type: square;}

/*Added*/#scrollbar1 ul{padding: 0 0 0 15px} 

#scrollbar1 article ul, article li { list-style-type:square;}


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

.viewport a, #sidebar a{color: #000; text-decoration:underline; font-weight:bold;}.viewport a:hover, #sidebar a:hover{color: #105ea8; text-decoration:none; font-weight:bold;}

img{border: 0;}

.clear{clear: both;}





@font-face {

    font-family: 'GothamBookGothamBook';

    src: url('fonts/gothmbok-webfont.eot');

    src: url('fonts/gothmbok-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/gothmbok-webfont.woff') format('woff'),

         url('fonts/gothmbok-webfont.ttf') format('truetype'),

         url('fonts/gothmbok-webfont.svg#GothamBookGothamBook') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'GothamBoldGothamBold';

    src: url('fonts/gothmbol-webfont.eot');

    src: url('fonts/gothmbol-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/gothmbol-webfont.woff') format('woff'),

         url('fonts/gothmbol-webfont.ttf') format('truetype'),

         url('fonts/gothmbol-webfont.svg#GothamBoldGothamBold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Gotham-MediumGotham';

    src: url('fonts/gothmmed-webfont.eot');

    src: url('fonts/gothmmed-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/gothmmed-webfont.woff') format('woff'),

         url('fonts/gothmmed-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

.wrapper{

	width: 980px;

	margin: 0 auto;
	
}


header{

	width: 100%; position: fixed; top: 0; left:0px;

	height: 110px;

	background: url('../images/header_bk2.png') repeat-x;

	z-index: 5;

}

#header1{

	width: 100%; position: fixed; top: 0; left:0px;

	height: 110px;

	background: url('../images/header_bk1.png') repeat-x;

	z-index: 5; float:left;

}

#header2{

	width: 80%; position: fixed; top: 0; right:0;

	height: 110px;

	background: url('../images/header_bk1.png') repeat-x;

	z-index: 5; float:right;

}


#logo1{ width:85px; margin:0 auto; float:left; top:0px; right:20px;}
#logo2{ width:110px; float:left; margin: 30px 30px auto auto;}


header img.logo{border: 0; float: left; margin:  30px -35px 0px -155px;}

logo_1{border: 0; float: left; margin: 5px 0 0 -195px; position:relative;}

  nav{float: right; texta-align: right;  position: relative; z-index: 15; margin:88px 0 0 10px;}

  nav ul li{list-style-type: none; float: left; margin-left: 20px; padding-bottom: 11px; text-transform: uppercase;}

  nav ul li a, nav ul li ul li a{text-decoration: none; color: #000000; font-size:11px;}
  
  nav ul li a:hover{color: #004b23;}

  nav ul li ul{position: absolute; background: url('../images/dropdown_bk.png'); margin: 7px 0 0 0px; z-index:100;}

  nav ul li ul li{clear: both; list-style-type: none; margin: 1px; padding: 0; text-transform: uppercase;}

  nav ul li ul li a{padding: 10px 20px; display: block; width: 125px;} nav ul li ul li a:hover{font-weight: bold; color: #004b23;}

 

 .breadcrumbs, .bcblue{display: block; position: fixed; top: 110px; z-index: 10;}.bcblue, .bcblue a{color: #fff; font-weight: normal; font-size: 11px; text-transform: uppercase; text-shadow: 1px 1px 1px #666;}

 .breadcrumbs, .breadcrumbs a{text-decoration: none; color: #fff;}

 .bcblue{margin-left: 20px;}



 #title{width: 960px; left:0; margin-left: -580px; margin-bottom:20px; color: #fff; z-index: 5; font-size: 16px; text-shadow: 1px 1px 2px #000;}

 #title h3{float: left; font-weight: normal;}

 #title small, #title small a{cursor: pointer; font-size:12px; float:right; margin-left:20px;}

 #slideshow{width: 100%; height: 100%; position: absolute; top: 0; background: #fff; overflow: hidden;} 

 #slideshow .wrapper h3{position: relative; z-index: 5; margin-top: -321px; color: #fff; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 1px #333;}

 #slideshow img.background{width: 100%; max-width: 100%; position: absolute; top: 0; margin-bottom: 0;}

 #contenttitle h3{position: absolute; z-index: 5; top: -30px; color: #fff; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 1px #333; font-family: Gotham-MediumGotham, Helvetica, Arial, sans-serif;}

 #contenttitle h3 a, #contenttitle h3 a:hover{color: #fff;}



 #content{

 	background: url('../images/content_bk.png');

 }#content .homepagethumb img{float: left; margin: 0 20px 0 0; box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666;}

  #content article{width:940px; margin:0 auto; padding:5px;}
  

   #content #scrollbar3 article{ float: left; color:#000000; text-align:justify;}
  #content #scrollbar1 article{ margin:0 auto; color:#000000; text-align:justify;}

  #content article h2{font: normal 14px/1.5em GothamBookGothamBook, 'Century Gothic', Futura, AppleGothic, sans-serif; color: #204792; margin-bottom: .2em; text-transform: uppercase;}

  #content article h3{text-transform: uppercase; font-weight: normal; font-size: 14px; color: #355d99; margin-bottom: .2em;}

	#content h2 a,  #content h3 a{color: #105ea8; text-decoration: none;}

	#content p,#content blockquote,#content pre,#content code,#content img,#content ol,#content ul{margin-bottom: 1em;}

	.display-posts-listing li.listing-item{float: none;}

	.display-posts-listing li a.title{color: #000; position: relative; margin: 0; top: 0; left: 0; clear: both;}

	.portfoliolist li{list-style-type: none; width: 50%; float: left;}

	.portfoliolist li a{color: #000;}.portfoliolist li a:hover{color: #144e98;}

	.staff{width: 300px; float: left; margin: -1.5em -1em 1.5em 2em;}

	.aiaaAwards{width: 461px; float: left; padding: 0 20px 0 0; border-right: 1px solid #29559c;}

	.nationalAwards, .regionalAwards{float: left;}

	.nationalAwards{width: 208px; border-right: 1px solid #29559c; padding: 0 20px;}

	.regionalAwards{width: 185px; padding: 0 0 0 20px;}



 #headlinebar{

	background: #5778ab;

	position: relative; z-index: 10;

	text-align: center;

	height: 37px;

 }

  #headlinebar ul li{list-style-type: none; float: left;  }

  #headlinebar ul li a{display: block; padding: 10px 20px; width: 156px; text-align: left; font-size: 15px; color: #fff; text-decoration: none;}

  #headlinebar ul li a:hover{background: #1e4d93;}#headlinebar ul li a.nobk:hover{background: #5778ab;}

  #headlinebar ul li a img{float: left; margin: 0 10px 0 0;}

  #headlinebar ul li ul{position: absolute; width: 600px; margin-left: -20%; background: #6786b6;}

  #headlinebar ul li ul li{list-style-type: none; margin: 0; padding: 0; text-transform: uppercase;}

  #headlinebar ul li ul li a{cursor: pointer; padding: 10px 20px; display: block; width: 160px; float: left; font-size: 12px;}

  #headlinebar ul li ul li a:hover{background: #7997c4; font-weight: normal; color: #fff;}

  #headlinebar p{color: #fff; font-size: 16px; text-transform: uppercase; padding: 10px 20px; margin: 0;} 



 #blogpage{

	padding: 140px 0 75px;

 }#blogpage #contentleft{width: 755px; float: left; margin-left: -20px;}

  #blogpage #contentleft article{background: #fff; margin-right: 20px; width: 317px; padding: 10px 20px; box-shadow: -1px 0 5px #666;}

  #blogpage #contentleft article img.wp-post-image{margin: -10px -20px 7px -20px;}

  #blogpage #contentleft article h1{font-size: 15px; text-align: left; font-weight: bold; text-transform: uppercase;}

  #blogpage #contentleft article h3{text-align: center; font-weight: normal; text-transform: uppercase;}

  #blogpage #contentleft article .postmeta, #blogpage #contentleft article .postmeta a{color: #144e98; margin: .5em 0; font-size: 14px;}#blogpage #contentleft article .postmeta a:hover{color: #000;}

  #blogpage #contentleft article{color: #333;}

  #blogpage #contentleft article.wide{width: 695px;}

  #blogpage #contentleft article p,#blogpage #contentleft article blockquote,#blogpage #contentleft article pre,

  #blogpage #contentleft article code,#blogpage #contentleft article img,#blogpage #contentleft article ol,#blogpage #contentleft article ul{margin-bottom: 1em;}

  article a{color: #3c5f7d;}article a:hover{color: #000;}

  #articlewrap{margin: 0 20px 20px 20px; width: 337px; float: left;}



 #sidebar{

	width: 265px;

	float: right;

	padding: 15px 0;

 }#sidebar h2{font: normal 14px/1.5em GothamBookGothamBook, 'Century Gothic', Futura, AppleGothic, sans-serif; color: #204792; margin-bottom: .2em; text-transform: uppercase;}

  #blogsidebar{width: 220px; float: right; margin-top: -20px;}

  #blogsidebar .widget{width: 200px; float: right; background: #fff; padding: 10px; box-shadow: -1px 0 5px #666; margin: 0 0 20px 0; font-size: 14px; line-height: 1.3em;}

  #blogsidebar .widget h2{font-weight: bold; font-size: 16px; padding-bottom: 2px; border-bottom: 2px solid #105ea8; margin-bottom: .3em;}

  #blogsidebar .widget ul{list-style-type: none;}

  #sidebar ul, #sidebar ol, #blogsidebar ul, #blogsidebar ol{margin-left: 1.2em;}

 

 #stickyfooter{width: 100%; position: fixed; bottom: 60px; z-index: 100;}
 
 #stickyfooter1{width:auto; position: fixed; top:125px; right:0px; z-index: 3;}


 

 footer{

	clear: both;

 	width: 100%; height: 40px; left: 0;

 	background: url('../images/footer_bk.png');

 	padding: 10px 0;

 	color: #004b23;

 	position: fixed; bottom: 0px;

	z-index: 100;

 }footer #socialmedia{float: left;}

  footer #socialmedia img{margin: 15px 10px 0 0;}

  footer form#searchform{float: left; background: url('../images/searchbar_bk.png') no-repeat; margin: 7px 0 0 10px; padding: 3px 10px; font-size: 10px; width: 200px; height: 20px;}

  footer form#searchform input[type=text]{background: none; border: 0; color: #333; width: 165px;}

  footer form#searchform input[type=submit]{display: inline-block; width: 30px; height 15px; background: 0; border: 0; cursor: pointer;}

  footer p{width: 640px; margin-top: 7px;float: right; text-align: right;}

  footer p a, footer p a:hover{color: #fff;}

  

/* Tiny Scrollbar */

#scrollbar1, #scrollbar3 { width: 980px; margin: 0 auto;}
#scrollbar2{ width: 980px; float: left; margin: 0; padding: 10px 0; }
#scrollbar1 .viewport { width: 960px; height: 390px; overflow: hidden; position: relative; float:left;}
#scrollbar2 .viewport { width: 960px; height: 145px; overflow: hidden; position: relative; }
#scrollbar3 .viewport { width: 960px; height: 105px; overflow: hidden; position: relative; }

#scrollbar1 .overview, #scrollbar2 .overview, #scrollbar3 .overview{width: 980px; position: absolute; left: 0; top: 0; float:left;}


#scrollbar1 .thumb, #scrollbar2 .thumb, #scrollbar3 .thumb{background: #004b23;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb, #scrollbar2 .thumb .end,
#scrollbar2 .thumb, #scrollbar3 .thumb,  #scrollbar3 .thumb .end,{ background-color: #ccc; }

#scrollbar1 .scrollbar, #scrollbar2 .scrollbar, #scrollbar3 .scrollbar{position: relative; float: right; width: 15px; margin:10px 5px 10px 0;}

#scrollbar1 .track, #scrollbar2 .track, #scrollbar3 .track { background: url('../images/scrollbar_bk.png') repeat-y center; height: 100%; width:15px; position: relative; padding: 0 1px; }

#scrollbar1 .thumb, #scrollbar2 .thumb, #scrollbar3 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin: 5px 4px;}

#scrollbar1 .thumb .end, #scrollbar2 .thumb .end, #scrollbar3 .thumb .end { overflow: hidden; height: 5px; width: 8px; }

#scrollbar1 .disable, #scrollbar2 .disable, #scrollbar3 .disable{ display: none; }


ul#supersized, #prevslide, #controls, .load-item{display: none !important;}

#nextslide{display: none;}

#thumb-tray{display:block;}

#controls-wrapper{display:block; width:300px;}

/*

 * jQuery FlexSlider v1.4

 * http://flex.madebymufffin.com

 *

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */



/* FlexSlider Necessary Styles

*********************************/ 

/*.flexslider {width: 100%; margin: 0; padding: 0;}

.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; position: relative; z-index: -5; top: 0; margin-top: -20px; display: block;}





/* FlexSlider Default Theme

*********************************/

/*.flexslider {position: relative;}

.flexslider .slides  li {position: relative; top: 0;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flexslider-container {position: relative; top: 0;}*/



/* Caption style */

.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}



/* Direction Nav */

.flex-direction-nav{left: 50%; margin: 38px 0 -38px 450px; list-style-type: none; float: left;}

.flex-direction-nav li a {width: 13px; height: 17px; display: block; position: absolute; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */

.flex-direction-nav li a.next {left: 50%; margin-left: 20px; background: url(../images/bg_direction_nav-right.png) no-repeat 0 0;}

.flex-direction-nav li a.prev {left: 50%; margin-left: 0; background: url(../images/bg_direction_nav-left.png) no-repeat 0 0;}



/* Control Nav */

.flex-control-nav {left: 50%; margin-left: 300px; z-index: 100;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */

.flex-control-nav li {margin: 0 0 0 5px; float: left; list-style-type: none;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {width: 13px; height: 13px; display: block; background: #ccc; box-shadow: 2px 2px 5px #333; cursor: pointer; text-indent: -9999px;}

.flex-control-nav li a:hover {background: #fff;}

.flex-control-nav li a.active {cursor: default; background: #fff;}*/



/* == WordPress WYSIWYG Editor Styles == */



.entry-content img {

	margin: 0 0 1em 0;

	box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666;

	}

.alignleft, img.alignleft {

	margin: 5px 1em .5em 0;

	display: inline;

	float: left;

	}

.alignright, img.alignright {

	margin-left: 1.5em;

	display: inline;

	float: right;

	}

.aligncenter, img.aligncenter {

	margin-right: auto;

	margin-left: auto;

	display: block;

	clear: both;

	}

.alignnone, img.alignnone {

	/* not sure about this one */

	}

.wp-caption {

	margin-bottom: 1.5em;

	text-align: center;

	padding-top: 5px;

	}

.wp-caption img {

	border: 0 none;

	padding: 0;

	margin: 0;

	}

.wp-caption p.wp-caption-text {

	line-height: 1.5;

	font-size: 10px;

	margin: 0;

	}

.wp-smiley {

	margin: 0 !important;

	max-height: 1em;

	}

blockquote.left {

	margin-right: 20px;

	text-align: right;

	margin-left: 0;

	width: 33%;

	float: left;

	}

blockquote.right {

	margin-left: 20px;

	text-align: left;

	margin-right: 0;

	width: 33%;

	float: right;

	}





/* Process Height */

div.process{

	width: 220px; min-height: 300px; float: right;

	margin: 0 -10px 0 10px;

}div.process h2{padding: 0 5px;}

 div.ngg-galleryoverview{margin-top: -2px;}
 
 .scrollhead
 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 
 }
 /*Menu Section*/
 
 .about_menu
{
background:url(../images/menu/about_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}
.about_menu:hover
{
background:url(../images/menu/about_lgreen.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

 .project_menu
{
background:url(../images/menu/project_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}
.project_menu:hover
{
background:url(../images/menu/project_lgreen.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

 .partner_menu
{
background:url(../images/menu/partner_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}
.partner_menu:hover
{
background:url(../images/menu/partner_lgreen.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

 .press_menu
{
background:url(../images/menu/press_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}
.press_menu:hover
{
background:url(../images/menu/press_lgreen.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

 .contact_menu
{
background:url(../images/menu/contact_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}
.contact_menu:hover
{
background:url(../images/menu/contact_lgreen.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}


.about_menu_selected
{
background:url(../images/menu/about_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

.project_menu_selected
{
background:url(../images/menu/project_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

.partner_menu_selected
{
background:url(../images/menu/partner_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

.press_menu_selected
{
background:url(../images/menu/press_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}


.contact_menu_selected
{
background:url(../images/menu/contact_green.png);
background-repeat:no-repeat;
vertical-align:baseline;
text-align:center;
background-position:center;
}

 #title{width: 960px; left: 50%; margin-left: -490px; color: #fff; z-index: 5; font-size: 16px; text-shadow: 1px 1px 2px #000;}

 #title h3{float: left; font-weight: normal;}

 #title small, #title small a{font-size: 11px; cursor: pointer; margin: 0px 0px 0 30px; color: #fff; width: 100px; text-align: right; float: left;}
 
 .footer_txt{ float:right;} 
 .footer_link{ color:#004b23; text-decoration:none; font-size:12px;}
 .footer_link:hover{color:#004b23; text-decoration:underline; font-size:12px;}