@charset "utf-8";
/* ---------------------------------------------------------------------
Original Author: Kelly Meath
Target Browsers: IE6, IE7, IE8, Firefox3, Safari 3, Safari 4
Media Type: Screen
CSS Coding Standards Documentation: http://wiki.bravo/index.php/CSS_Coding_Standards 
------------------------------------------------------------------------ */
@import url("css/reset.css");
/* ---------------------------------------------------------------------
Universal
------------------------------------------------------------------------ */
* {
	outline: none !important;
}

body {
	background-image: url(images/sqaureBG.png);
	font-family: Arial, sans-serif;
	color: white;
	font-size: 68.75% !important;
	position: relative;
}
a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a.active, li.current_page_item a {
	color: #898a41 !important;
	text-decoration: none;
}
.clear {
	clear: both !important;
	height: 0 !important;
}
ul{
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
/* ---------------------------------------------------------------------
Header
------------------------------------------------------------------------ */
#audio_player{
	background-color: red;
	height: 33px;
	width: 33px;
	position: absolute;
	top: 0;
	left: 0;
}

#header {
	height: 165px;
	width: 990px;
	margin-top: 66px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#home #header{
	margin-top: 264px !important;	
}

#page_title {
	position: absolute;
	height: 32px;
	top: 33px;
	right: 67px;
	z-index: 3;
}
#home_page_title_1 {
	position: absolute;
	height: 32px;
	top: 33px;
	right: 1px;
	z-index: 3;
}
#home_page_title_2 {
	position: absolute;
	height: 32px;
	top: 66px;
	right: 166px;
	z-index: 3;
}
.letter {
	display: inline-block;
	height: 32px;
	width: 32px;
	font-size: 16px;
	overflow: hidden;
	padding-left: 1px;
	float: left;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
	/* background: url(images/graySQ2.png) no-repeat center center; */
}
#home_nav_container{
	width: 957px;
	position: relative;
}
#home_nav{
	position: absolute;
	right: 0;
}
#home_nav li{
	padding-left: 44px;
	height: 66px;
	line-height: 56px;
	display: inline-block;
	float: left;
}	
#home .letter{
	background: none !important;
}

.letter .cufon{
	margin-top: 8px !important;
}


#final_green {
	/* background: url(images/greenSQ2.png) no-repeat center center !important; */
}
#header span {
	display: inline-block;
	float: left;
	height: 32px;
	width: 32px;
	margin: 0 1px 1px 0;
	overflow: hidden;
}
#header span span {
	display: block !important;
	height: 32px;
	width: 32px;
	margin: 0 !important;
	float: none !important;
	overflow: hidden;
}
#logo {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -9999px;
	height: 133px;
	width: 199px;
	background: url(images/logo2.png) no-repeat top left;
	z-index: 5;
}

#logo:hover {
	background-position: bottom left !important;
}
.green {
	background: url(images/greenSQ2.png) no-repeat center center !important;
}
.white {
	background: url(images/whiteSQ2.png) no-repeat center center !important;
}
.gray {
	background: url(images/graySQ2.png) no-repeat center center !important;
}
.tan {
	background: url(images/sqaureBG.png) no-repeat top left !important;
}
.top {
	background-position: top center !important;
}
.bottom {
	background-position: bottom center !important;
}
.left {
	background-position: center left !important;
}
.right {
	background-position: center right !important;
}
.center {
	background-position: center center !important;
}
.moving {
	-moz-box-shadow: 2px 2px 3px #666;
	/*-webkit-box-shadow: 2px 2px 3px #666;*/
cursor: move;
}
/* ---------------------------------------------------------------------
Left Container
------------------------------------------------------------------------ */
#left_container {
	width: 296px;
	margin-top: 33px;
	padding-right: 1px;
}
#left_container, #middle_container, #right_container {
	float: left;
	display: inline;
}
#item_list {
	width: 296px;
	text-align: right;

}
#item_list li {
	overflow: hidden;
	padding-right: 66px;
	width: 230px;	
	min-height: 66px;
	line-height: 56px;
	position: relative;
}

.accordion li.top_li{
	width: 296px !important;	
}


.accordion li.top_li a.top_cat{
	width: 230px !important;	
	padding-right: 66px !important;
}

.accordion li.top_li ul.sublist{
	width: 230px !important;	
	padding-right: 66px !important;
}

#item_list li.contact{
	padding-bottom: 3em;
}

#item_list li.contact p{
	/*
	line-height: 1.5em;
	height: 1.5em;
	*/
	height: 16px;
	line-height: 16px;
}

.second_p{
	margin-bottom: 1px;
}

.top_cat{
	height: 66px;
	line-height: 56px;
	display: block;
}

.first{
	padding-top: 1.77273em;
}

.li_3_lines{
	margin-top: 1.18182em !important;
	padding-bottom: 2.72727em !important;
}

.li_3_lines .first{
	padding-top: 1.81818em;		
}

.icon {
	display: block;
	height: 32px;
	width: 32px;
	background-color: white;
}
.icon img {
	height: 100%;
	width: 100%;
}
#item_list li span {
	position: absolute;
	top: 0;
	right: 0;
}
/* ---------------------------------------------------------------------
Middle Container
------------------------------------------------------------------------ */
#middle_container {
	width: 527px;
	margin-left: 33px;
	padding-right: 1px;
}
.header_title {
	height: 32px;
	position: relative;
	letter-spacing: 0.0455em;
	max-width: 527px;
	overflow: hidden;
}
.content_main {
	margin-top: 1px;
	position: relative;
	z-index: 1;
}
.page_output {
	width: 100% !important;
}
.the_title {
	line-height: 56px;
	font-weight: bold;
	text-transform: uppercase;
	height: 32px;
	color: #898a41;
	width: 363px;
}
.new_paragraph {
	margin-top: 0.75em !important;
	margin-bottom: 0 !important;
}
.no_margin_bot {
	margin-bottom: 0 !important;
}
.content_pagination {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 56px;
	font-weight: bold;
	height: 32px;
	width: 164px;
}
#content_pag,
.content_pag{
	float: right;
	text-align: right;
}

#content_pag li {
	display: inline-block;
	padding: 0 2px;
	float: left;
}
.page_text, .project_text {
	width: 527px;
	line-height: 1.5em;
	margin-top: 21px;
}

.employee_text{
	width: 395px;
	line-height: 1.5em;
	margin-top: 21px;
	padding-left: 66px;
}

.project_text {
	width: 527px !important;
}
.page_text p, .employee_text p, .project_text p {
	margin-bottom: 0.75em;
}
.employee_photo,
.employee_icon{
	position: absolute;
	top: -20px;
	height: 32px;
	width: 32px;
	overflow: hidden;
	background-color: white;
}
.employee_photo{
	right: 0;
	z-index: 3;
	cursor: pointer;	
}
.employee_icon img{
	width: 32px;
	height: 32px;
}
.employee_icon{
	left: 0;
	z-index: 2;
}
.fav_building a{
	color: #898a41 !important;	
}
.project_image, .project_image img {
	width: 527px !important;
}
.drop_shadow {
	-moz-box-shadow: 8px 8px 16px #666;
	-webkit-box-shadow: 8px 8px 16px #666;
}
.close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 4px 4px 0 0;
	height: 32px;
	width: 32px;
	background-color: #a4a589;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 2px 2px 4px #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
}
.employee_photo img {
	width: 100%;
	height: auto;
}
.content_vid {
	width:100%;
	height:395px;
	z-index: 1;
	position: relative;
}
.content_vid object, .content_vid embed {
	width:100% !important;
	height:395px !important;
}
.hidden {
	display: none;
}
.scroll {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.showcase_home, .showcase_home img {
	width: 527px !important;
	height: auto;
}
.content_images{
	position: relative;
}

#contact_map{
	margin-top: 24px;
	width: 527px;
}

.post_image img{
	max-width: 527px !important;
	height: auto;
}

#contact_map img{
	width: 527px !important;
	height: auto;
}

.project_title{
	position: absolute;
	top: -33px;
	font-weight: bold;
	right: 0;
	text-transform: uppercase;
	height: 33px;
	line-height: 56px;
	letter-spacing: 0.0455em;
	
}

a.more_posts{
	color: #999a80;
}

.archived_posts{
	margin-top: 5px;
}

.top_cat{
	height: 33px !important;
}
#item_list .sublist,
#item_list .blogroll{	
	margin: 1.22727em 0 1.77273em 0;
	overflow: hidden;
}
#item_list .sublist li,
#item_list .blogroll li{
	/*height: 33px;*/
	min-height: 33px;
	line-height: 28px;
}

#item_list .blogroll li a{
	background: url(images/Icon_External_Link.png) top right no-repeat;
	padding-right: 18px;
}

#item_list .sublist li ul li,
#item_list .blogroll li ul li{
	min-height: 33px;
}

#contact_image{
	margin-top: -8px;
}

.page_text p a{
	color: #898a41 !important;
	text-decoration: underline !important;
}

.end_post{
	width: 100%;
	border-bottom: 1px solid #898a41;
}

#post_pagination{
	text-align: center;
	text-decoration:none !important;
	font-weight: bold;
	letter-spacing: 1px;
}

#post_pagination li{
	display: inline-block;
	padding: 5px;
}

#post_pagination li a#active{
	color: #898a41 !important;	
}

#subscribe p,
#search p{
	text-align: right;
	text-transform: uppercase;
	line-height: 15px;
	/*padding-top: 20px;*/
	margin-top: -14px;
}

#subscribe{
	padding-top: 51px;
}

#search{
	padding-top: 33px;	
}

#search input[type=text],
#subscribe input[type=text]{
	width: 129px;
	height: 16px;
	padding: 1px;
	border: 1px solid #898A41;
	background-color: #b6b7a6;
	margin: -2px -1px 0 0;
	color: white;
	font-size: 10px;
}

#search input[type=submit],
#subscribe input[type=submit]{
	border: none;
	width: 65px;
	margin-top: 28px;
	background-color: #898A41;
	-moz-border-radius: 1px;
	-webkits-border-radius: 1px;
	font-size: 10px;
	color: white;
	font-weight: normal !important;
	
}

.subscribe{
	/* margin-top: 17px !important; */
}

.navigation{
	width: 100%;
	margin-top: 7px;
}

.alignright,
.alignleft{
	width: 50%;
	float: left;
	display: inline;
}

.alignright{
	text-align: right;
}

/* ---------------------------------------------------------------------
Right Container
------------------------------------------------------------------------ */
#right_container {
	width: 99px;
	margin-top: 33px;
}
#page_navigation {
	width: 99px;
	text-align: right;
	padding-top: 14px;
}
#page_navigation li {
	width: 99px;
	height: 33px;
	max-height: 33px !important;
	line-height: 28px;
	overflow: hidden;
}