@charset "utf-8";
/* CSS Document */

html, body, #wrap {
height: 100%;
margin:0;
padding:0;
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/site-elements/mainBg.jpg) top left repeat-x;
}

body > #wrap {
height: auto;
min-height: 100%;
}

#main {
padding-bottom: 188px;/* must be same height as the footer */

}  

#footer {
position: relative;
	margin-top: -188px; /* negative value of footer height */
	height: 188px;
	clear:both;
	background:#464646 url(../images/site-elements/footerBg.jpg) top left repeat-x;
} 

.clear {
	clear:both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ul, li{
margin:0;
padding:0;
}

img, div { behavior: url(iepngfix.htc) }

h1{
color:#969696;
font-size:1.8em;
font-weight:bold;
margin:0 0 1em 0;
padding:0;
letter-spacing:-2px;
}
h1 a, h1 a:visited{
	text-decoration:none;

}
h2{
color:#969696;
font-size:1.55em;
font-weight:bold;
padding:0;
margin:0 0 .4em 0;
letter-spacing:-2px;
}
h3{
color:#28abe2;
font-size:1.4em;
font-weight:normal;
margin:0 0 .6em 0;
letter-spacing:-1px;
padding:0 0 .2em 0;
}
h4{
color:#969696;
background-color:#fff;
font-size:1em;
}
h5{
font-size:1em;
}
h5, h6{
color:#969696;
font-size:1em;
}

p{
color:#969696;
font-size:.8em;
line-height:1.3em;
font-weight:normal;
margin:0 0 2em 0;
font-family:Arial, Helvetica, sans-serif;
}
a, a:visited{
color:#28abe2;
text-decoration:underline;
padding:0;
outline:none;
}
a:hover{
color:#464646;
text-decoration:underline;
outline:none;
}
.blueHighlight{
color:#28abe2;
}
#main #header{
width:950px;
padding:10px 0 0 0;
margin:0 auto 0 auto;
min-height:90px;
_height:90px;
_overflow:visible;
}
#main #header .logo{
float:left;
position:relative;
margin:0 0 0 -10px;
padding:0;
}
#main #header #nav{
float:right;
margin:0;
padding:29px 0 0 0;
}
#main #header #nav ul li{
list-style:none;
margin:0;
display:block;
float:left;
padding:0;
}
#main #header #nav ul li a, #main #header #nav ul li a:visited{
color:#969696;
display:block;
float:left;
padding:5px 7px 5px 7px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:1.3em;
list-style:none;
font-weight:bold;
letter-spacing:-1.2px;
text-decoration:none;
}
#main #header #nav ul li a:hover{
color:#3e3e3e;
}
#main #header #nav ul li.active a, #main #header #nav ul li.active a:visited{
color:#3e3e3e;
}
#main #showcaseWrap{
width:980px;
margin:0 auto 0 auto;
padding:0 0 15px 0;
background:url(../images/site-elements/showcaseShadow.png) bottom center no-repeat;
}
#main #showcaseWrap .showcase{
width:980px;
height:300px;
overflow:hidden;
}
#main #showcaseWrap .showcaseinfo{
width:910px;
height:75px;
border-top:#fff 1px solid;
background-color:#969696;
overflow:hidden;
padding:10px 20px 10px 20px;
margin:0 auto 0 auto;
}
#main #showcaseWrap .showcaseinfo .title{
width:295px;
min-height:75px;
_height:75px;
_overflow:visible;
border-right:#ababab 1px solid;
float:left;
position:relative;
}
#main #showcaseWrap .showcaseinfo .title h2{
color:#fff;
font-size:1.5em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:-0.5px;
margin:0 0 15px 0;
padding:0;
}
.linkbutton{
color:#fff;
font-size:.75em;
text-align:center;
font-weight:bold;
letter-spacing:-0.4px;
}
.linkbutton a, .linkbutton a:visited{
width:96px;
height:19px;
padding:4px 0 0 0;
background:url(../images/site-elements/showcaseInfoButtonBg.png) top left no-repeat;
color:#fff;
text-decoration:none;
display:block;
float:left;
}
.linkbutton a:hover{
background:url(../images/site-elements/showcaseInfoButtonBgHover.png) top left no-repeat;
text-decoration:none;
color:#28abe2;
}
#main #showcaseWrap .showcaseinfo .projectInfo{

float:right;
position:relative;
padding:10px;

}
#main #showcaseWrap .showcaseinfo .projectInfo p{
color:#fff;
line-height:20px;
font-size:25px;
}
#main #showcaseWrap .showcaseinfo .projectInfo p strong{
color:#ccc;
line-height:20px;
font-size:25px;

}

#main #homeboxesWrap{
width:948px;
min-height:220px;
overflow:hidden;
_height:220px;
_overflow:visible;
margin:10px auto 30px auto;
padding:0;
border-left:#dcdcdc 1px solid;
}
#main #homeboxesWrap .homebox{
min-height:250px;
_height:250px;
_overflow:visible;
border-right:#dcdcdc 1px solid;
float:left;
position:relative;
margin:0;
padding:0 20px 0 20px;
width:275px;
}
#main #homeboxesWrap .homeboxWide{
min-height:250px;
_height:250px;
_overflow:visible;
border-right:#dcdcdc 1px solid;
float:left;
position:relative;
margin:0;
padding:0 20px 0 20px;
width:590px;
}
.button{
color:#fff;
font-size:.75em;
text-align:center;
font-weight:bold;
letter-spacing:-0.4px;
}
.button a, .button a:visited{
width:124px;
height:21px;
padding:7px 0 0 0;
background:url(../images/site-elements/buttonBg.png) top left no-repeat;
color:#fff;
text-decoration:none;
display:block;
float:left;
}
.button a:hover{
background:url(../images/site-elements/buttonBgHover.png) top left no-repeat;
text-decoration:none;
color:#fff;
}
#main #homeboxesWrap .homebox img{
border:#ededed 1px solid;
margin:0 0 10px 0;
}
#main #homeboxesWrap .homebox form{
margin:0;
padding:0;
}
#main #homeboxesWrap .homebox form label{
width:100px;
float:left;
margin:0;
padding:5px;
color:#969696;
font-size:.8em;
font-weight:bold;
}
#main #homeboxesWrap .homebox form input{
width:155px;
margin:0 0 4px 0;
border:none;
color:#969696;
font-size:.8em;
font-weight:bold;
padding:6px 5px 6px 5px;
background:url(../images/site-elements/formFieldBg.png) top left no-repeat;
}
#main #homeboxesWrap .homebox form textarea{
width:155px;
margin:0 0 2px 0;
border:none;
color:#969696;
font-size:.8em;
padding:5px;
background:url(../images/site-elements/textAreaBg.png) top left no-repeat;
font-family:Arial, Helvetica, sans-serifl
}
#main #homeboxesWrap .homebox form input.button{
width:165px;
margin:0 0 10px 0;
border:none;
color:#fff;
font-size:.75em;
padding:6px 5px 6px 5px;
background:url(../images/site-elements/formButtonBg.png) top left no-repeat;
cursor:pointer;
font-weight:bold;
}
#footer #innerFooter{
width:950px;
margin:0 auto 0 auto;
padding:20px 0 0 0;
overflow:hidden;
}
#footer #innerFooter p{
color:#fff;
}
#footer #innerFooter .footerRight, #footer #innerFooter .footerLeft{
width:470px;
float:right;
position:relative;
margin:0;
padding:0;
text-align:right;
}
#footer #innerFooter .footerLeft{
float:left;
text-align:left;
}
#footer #innerFooter .footerRight img{
margin:0 5px -3px 5px;
}
#footer #innerFooter .footerRight a, #footer #innerFooter .footerRight a:visited{
color:#fff;
text-decoration:none;
}
#footer #innerFooter .footerRight a:hover{
color:#fff;
text-decoration:underline;
}
.error{
background:#e81820;
color:#fff;
padding:4px 4px 4px 10px;
font-size:.8em;
margin:0 0 2px 0;
}
.thankyou{
background:#8dc73f;
color:#fff;
padding:4px 4px 4px 10px;
font-size:.8em;
margin:0 0 2px 0;
}
#content{
width:950px;
margin:0 auto 0 auto;
padding:30px 0 20px 0;
overflow:hidden;
}
#content .clickLeftColumn{
width:600px;
float:left;
position:relative;
margin:0;
padding:0 30px 0 0;
}
#content .clickRightColumn{
width:300px;
float:right;
position:relative;
margin:0;
padding:0;

}
#content li{
color:#969696;
font-size:.8em;
line-height:1.3em;
background:url(../images/site-elements/arrow.png) left no-repeat;
padding:0 0 0 30px;
margin:0 0 8px 0;
list-style:none;
}
 .newsBox{

padding:15px 0 15px 0;
margin:0;
border-top:#eaeaea 1px solid;
overflow:hidden;
}
.newsBox .calendar{
width:53px;
height:57px;
float:left;
position:relative;
margin:0;
background:url(../images/site-elements/calendarBg.png) top left no-repeat;
}
 .newsBox .calendar .month{
width:51px;
font-size:.65em;
color:#fff;
text-align:center;
padding:4px 0 2px 0;
}
 .newsBox .calendar .day{
width:51px;
color:#969696;
font-size:1.8em;
letter-spacing:-1px;
text-align:center;
}
 .newsBox .newsEntry{
width:500px;
float:left;
position:relative;
margin:0;
padding-left:10px;
}
  .newsBox .newsEntry h3{
margin:0;
padding:0;
border:none;
color:#969696;
font-size:1.2em;
}
#content  .newsBox .newsEntry p{
margin:0;
padding:0;
}
#content .clickRightColumn .paging, #content .clickLeftColumn .paging{
width:300px;
padding:3px 0 2px 0;
overflow:hidden;
background:#eaeaea;
margin:5px 0 0 0;
}
#content .clickLeftColumn .paging{
width:600px;
}
#content .clickRightColumn .paging ul, #content .clickLeftColumn .paging ul{
float:right;
list-style-type:none;
}
#content .clickRightColumn .paging li, #content .clickLeftColumn .paging li{
background:none;
display:block;
padding:0;
margin:0;
float:left;
}
#content .clickRightColumn .paging li a, #content .clickRightColumn .paging li a:visited, #content .clickLeftColumn .paging li a, #content .clickLeftColumn .paging li a:visited{
background:#28ABE2;
color:#fff;
padding:3px 6px 3px 6px;
text-decoration:none;
margin:0 0 0 1px;
}
#content .clickRightColumn .paging li a:hover, #content .clickLeftColumn .paging li a:hover{
color:#fff;
text-decoration:none;
background:#969696;
}
#content .clickRightColumn .paging li.active a, #content .clickRightColumn .paging li.active a:visited, #content .clickLeftColumn .paging li.active a, #content .clickLeftColumn .paging li.active a:visited{
color:#fff;
text-decoration:none;
background:#969696;
}
#content .clickLeftColumn .portfolioBox{
width:600px;
float:left;
position:relative;
margin:0 0 10px 0;
padding:10px 0 20px 0;
border-bottom:#eaeaea 1px solid;
overflow:hidden;
}
#content .clickLeftColumn .portfolioBox .image, #content .clickLeftColumn .image{
width:200px;
float:right;
position:relative;
margin:0;
padding:2px;
border:#eaeaea 1px solid;
}
#content .clickLeftColumn .portfolioBox .projectInfo{
width:370px;
float:left;
position:relative;
margin:0;
padding:0;
}
#content .clickLeftColumn .portfolioBox .projectInfo p{
margin:0 0 10px 0;
padding:0;
}
#content .clickLeftColumn .portfolioBox .projectInfo h3{
margin:0;
padding:0;
}
#content .clickLeftColumn .portfolioBox .projectInfo .linkbutton a, #content .clickLeftColumn .portfolioBox .projectInfo .linkbutton a:visited{
width:96px;
height:19px;
padding:4px 0 0 0;
background:url(../images/site-elements/showcaseInfoButtonBg.png) top left no-repeat;
color:#fff;
text-decoration:none;
display:block;
float:left;
}
#content .clickLeftColumn .portfolioBox .projectInfo .linkbutton a:hover{
background:url(../images/site-elements/linkbuttonBgHover.png) top left no-repeat;
text-decoration:none;
color:#fff;
}
#content .clickLeftColumn form{
margin:0;
padding:0;
}
#content .clickLeftColumn form label{
width:210px;
float:left;
margin:0;
padding:5px;
color:#969696;
font-size:.8em;
font-weight:bold;
}
#content .clickLeftColumn form input{
width:290px;
margin:0 0 4px 0;
border:none;
color:#969696;
font-size:.8em;
padding:6px 5px 6px 5px;
background:url(../images/site-elements/formFieldBgLrg.png) top left no-repeat;
}
#content .clickLeftColumn form textarea{
width:290px;
margin:0 0 4px 0;
border:none;
color:#969696;
font-size:.8em;
padding:5px;
background:url(../images/site-elements/textAreaBgLrg.png) top left no-repeat;
font-family:Arial, Helvetica, sans-serifl
}
#content .clickLeftColumn form input.button{
width:300px;
margin:0 0 10px 0;
border:none;
color:#fff;
font-size:.75em;
padding:6px 5px 6px 5px;
background:url(../images/site-elements/formButtonBgLrg.png) top left no-repeat;
cursor:pointer;
font-weight:bold;
}
#content li.error{
background:none;
background:#e81820;
color:#fff;
padding:4px 4px 4px 10px;
font-size:.8em;
margin:0 0 2px 220px;
width:286px;
}
#content li.thankyou{
background:none;
background:#8dc73f;
color:#fff;
padding:4px 4px 4px 10px;
font-size:.8em;
margin:0 0 2px 220px;
width:286px;
}
.contacticon img{
margin:3px 8px -3px 0;
}

#form {
	height:250px;
}

.imageLeft {
	float:left;

		display:block;
}

.imageRight {
	float:right;
	display:block;

}

.menu {
width:300px;
padding:3px 2px 2px 12px;
overflow:hidden;
background:#eaeaea;
margin:5px 0 0 0;
font-size:0.8em;
}

.menu a{
text-decoration:none;
}
.menu a:visited{
text-decoration:none;
}

blockquote {
	margin: 1em 20px;
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #eee url(/assets/images/site-elements/quote.gif) no-repeat; 
	display:block;
	
}
blockquote p {
		padding-left:35px;
}

		.clickRightColumn #subMenu {
			float:right;
			margin-right:20px;
		}
		#subMenu {
	background: #969696;

	list-style: none;
	margin-top:0px;
	padding: 0;

}
#subMenu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#subMenu a {
	background: #969696;
	border-bottom: 1px solid #CCC;
	color: #fff;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:bold;
}
#subMenu a:hover, #subMenu .active {
	background: #28ABE2 url("/assets/images/site-elements/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}



				.blogPost {
					padding:3px;
				}
				.blogPost:hover {
					background-color;#28ABE2;

				}
				.blogDate {
					float:right;
					font-size:0.8em;
				}
				
				#twitter_update_list li {
					display:inline;
					list-style:none;
					
				}
				#comments .commentlist #twitter_update_list li {
					background:none;
				}
				.homeboxWide #comment-1 {
					list-style:none;
				}
	/*
#twitter_div {
					font-size:1.15em;
					font-weight:bold;
					color:#fff;
					font-style:italic;
				}
				#twitter_div a:hover {
					color:#fff;
				}
				
				#main #twitterWrap #twitterIcon{
					float:left;
					padding-right:10px;
				}
				#main #twitterWrap{
				width:980px;
				margin:0 auto 0 auto;
				padding:0 0 15px 0;
				background:url(/assets/images/site-elements/showcaseShadow.png) bottom center no-repeat;
				}
				#main #twitterWrap .showcase{
				width:980px;
				overflow:hidden;
				}
				#main #twitterWrap .showcaseinfo a{
					color:#000;
				}
				#main #twitterWrap .showcaseinfo #twitter_link a{
					color:#CCCCCC;
				}
				#main #twitterWrap .showcaseinfo #twitter_link a:hover{
					color:#000;
				}
				#main #twitterWrap .showcaseinfo #twitter_link{
					float:right;
					font-size:0.65em;
				}
				#main #twitterWrap .showcaseinfo {
				width:910px;

				border-top:#fff 1px solid;
				background-color:#969696;
				overflow:hidden;
				padding:10px 20px 10px 20px;
				margin:0 auto 0 auto;
				}
*/
#main #twitterWrapNew {
background:url(../images/index/twitterbg.jpg) top left no-repeat;
margin:0 auto;
padding:18px 0 15px 120px;
width:830px;
min-height:112px;
_height:112px;
_overflow:hidden;
}
#main #twitterWrapNew li{
list-style:none;
color:#969696;
font-size:1em;
width:600px;
float:left;
}
#main #twitterWrapNew #twitter_link{
display:block;
float:right;
margin:30px 0 0 0;
padding:0 20px 0 0;
color:#969696;
font-size:.9em;
}
#main #twitterWrapNew #twitter_link img{
margin:0 0 0 3px;

}