/* Defaults
----------------------------------*/
body {
	margin: 0px;
	background-color: #FFFFFF;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #555;
	font-family: "Century Gothic", "Trebuchet MS", Verdana;
	font-size: 13px;
	line-height: 150%;
}

p,td {
	margin: 0px;
	font-family: "Century Gothic", "Trebuchet MS", Verdana;		
	font-size: 13px;
}

button, select, input, textarea{
	font-size:13px;
	font-family: "Century Gothic", "Trebuchet MS", Verdana;
	border: 1px solid #ddd;
	padding:5px;
} 


/* Behavior Classes
----------------------------------*/
.clear-float {
	clear:both;
}

.float-left {
	float:left;
}

.float-right {
	float:left;
}

.center-element {
	margin-left:auto;
	margin-right:auto;
}

.hide-element {
	display:none;
}

.show-element {
	display:block;
}

.rounded-border {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.bookmark-anchor {
	margin:0px!important;
	padding:0px!important;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.image-left {
	display:block;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

.image-right {
	display:block;
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;
}

.image-center {	
	display:block;
	clear:both;
	margin: 0 auto; 
	padding: 12px;
}


/* Site blocks
----------------------------------*/
#site-main {
	width: 950px; /* if you change this, be sure to change the width of #container to match */
	min-height: 500px;
	margin: 0px auto 60px auto;
	overflow:hidden;
}
#site-header {
	height: 69px;
	width: 100%;
	border-bottom: 1px solid #D8D8D8;
/* 	overflow:hidden; */
}

#site-utility {
	height: 21px;
	margin-top:3px;
}


#site-logo {
	padding-top: 5px;
	float: left;
	width: 245px;
	
}

/* Main Menu
--------------------------------*/
#site-main-menu {
	color: #696A6D;
	width: 700px;
	margin-top: 17px;
	float:left;
}

/* Utility Menu
--------------------------------*/
#site-utility-menu {
	text-align: right;
	float:right;
	font-size: 12px;
    text-transform: lowercase;
	margin-top:3px;
}

#site-utility-menu .item-divider {
	padding-left:5px;
	padding-right:5px;
}

#site-utility-menu a:link {	color: #696A6D; text-decoration: none; }
#site-utility-menu a:visited { color: #696A6D; text-decoration: none; }
#site-utility-menu a:hover { color: #86A952; text-decoration: none; }
#site-utility-menu a:active { color: #86A952; text-decoration: none; }



/* Site Content
--------------------------------*/
#site-content {
}

#site-content #bigcol {
	width: 615px;
	float: left;
	padding-left: 26px;
}

#site-content h1 {
	font-family: "Century Gothic", "Trebuchet MS", Verdana;
	font-size: 30px;
	color: #000000;
	font-weight: normal;
	line-height: 33px;
}

#site-content #bigcol  h2 {
	font-family: "Century Gothic", "Trebuchet MS", Verdana;
	font-size: 14px;
	color: #141414;
	text-transform: uppercase;
	margin: 25px 0px 15px 0px;
	clear: both;

}
#site-content #bigcol  h3 {
	font-family: "Century Gothic", "Trebuchet MS", Verdana;
	font-size: 13px;
	color: #141414;
	margin-bottom: 0px;

}

#site-content #bigcol  p {
	font-family: "Century Gothic", "Trebuchet MS", Verdana;
	font-size: 13px;
	color: #141414;
	margin: 0px 0px 8px 0px;

}

#site-content a:link { color: #6F9D2F; font-weight: bold; }
#site-content a:visited { color: #6F9D2F; font-weight: bold; }
#site-content a:hover { color: #141414; }
#site-content a:active { color: #000000; }

#site-content #bigcol li {
	font-size: 13px;
	color: #141414;
	margin: 0px 0px 8px 0px;

}

#contact {
	font-size: 12px;
	color: #3F3D3E;
}

.submit {
	border: solid 1px #ccc;
	font-size: 12px;
	color: #3F3D3E;
}

.project {
	float: left;
	height: 220px;
	width: 271px;	
	margin-right: 30px;
	margin-bottom: 30px;
	text-align:center;
}

.project img {
	border: solid 1px #d8d8d8;	
}

#site-content #smallcol {
	width: 245px;
	float: right;
	border-left: solid 1px #d8d8d8;
	min-height: 250px;
	margin-top: 65px;
	padding-top: 0px;
	padding-right: 26px;
	padding-bottom: 20px;
	padding-left: 15px;
}

#site-content #smallcol p {
	color: #141414;
	margin-bottom: 8px;
}

#site-content #smallcol h1 {
	font-size: 14px;
	text-transform: uppercase;
	color: #141414;
	margin-bottom: 2px;
}

#site-content #smallcol h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #141414;
	margin-bottom: 2px;
}

#site-content #smallcol h3 {
	font-size: 12px;
	color: #141414;
	margin-bottom: 0px;
}

#smallcol .sidebar-content-block {
}

.sidebar-content-block.sidebar-block-margin {
	margin-top:40px;
}

.copyright {
	float:right;
	color:#fff;
	font-size:10px;
}

#copyright {
	padding-top: 35px;
	padding-bottom: 32px;
	margin-left:25px;
}

#copyright p {
	font-size: 11px!important;
	color: #666666;
	font-weight: normal;
}
#copyright a:link { color: #666666; }
#copyright a:visited { color: #666666; }
#copyright a:hover { color: #666666; text-decoration: none; }
#copyright a:active { color: #666666; }

/* Footer area
--------------------------------*/
#footer {  
    position: fixed;  
    bottom: 0px;  
    background-color: #555;  
	height: 20px;
	border-top: solid 1px #ccc;
	width: 100%;
} 

.static-footer {
	position:static!important;
}

#footer #container {
	width: 950px; /* should be same as #site-container */
	margin: 5px auto 0px auto;
}

#footer #container img {
	float:left;
}

#footer .mobile-preference {
	margin-top:10px;
}

/* Site Form
----------------------------------*/

#site-form-block {
	width:700px;
	margin-top:40px;
	margin-bottom:40px;
}

.site-form .form-field-block {
	margin-bottom:10px;
}

.site-form .form-field-block .field-required {
	margin-left:2px;
}

.site-form label {
	float:left;
	width:150px;
	text-align:right;
	font-size:12px;
	margin-right:10px;
}

.site-form input[type=text],.site-form  textarea, .site-form select {
	float:left;
	font-size: 12px;
	border: solid 1px #ccc;
	color: #3F3D3E;
	padding: 3px;
}

.site-form select {
}

.site-form .checkbox,
.site-form .radio {
	float:left;
}

.site-form label.checkbox-label,
.site-form label.radio-label {
	float:left;
	width:500px;
	text-align: left;
	margin-right:10px;
}

.site-form .checkbox-fields, 
.site-form .radio-fields {
	float:left;
	overflow:hidden;
}

.checkbox-fields .checkbox-field,
.radio-fields .radio-field {
	overflow:hidden;
	clear:both;
}


.site-form .header-form-field h3 {
	padding:0px;
	margin:0px;
}

.site-form .header-form-field {
	margin-top:20px;
	margin-bottom:20px;
}

.site-form .first-header-form-field {
	margin-top:0px!important;
}

.site-form .capcha-controls {
	overflow:hidden;
	float:left;
	margin-top:2px;
	margin-left:10px;
}

.site-form .capcha-controls object,
.site-form .capcha-controls embed, 
.site-form .capcha-refresh {
	float:left!important;
}


.site-form .capcha-form-field {
	margin-bottom:20px;
	overflow:hidden;
}

.site-form .capcha-form-field input {
	width:60px;
}

.site-form .capcha-form-field .capcha-image {
	clear:both;
	float:left;
	margin-left:155px;
	margin-top:3px;
	width:150px;
}

.site-form .field-help {
	clear:both;
	font-size:11px;
	margin-left:160px;
	padding-top:3px;
	color: #666666;
	width:300px;
}

.site-form .field-error {
	font-size:12px;
	color:red;
	font-weight:normal;
	margin-left:160px;
}

.site-form .buttons {
	margin-top:10px;
	margin-left:160px;
	padding-top:10px;
}

/* Modal Popup 
--------------------------------*/
/* Overlay */
#simplemodal-overlay {
	background-color:#000;
	cursor:wait;
}

/* Container */
#simplemodal-container {
	color:#bbb;
	background-color:#333;
	border:4px solid #444;
	padding:12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#simplemodal-container .simplemodal-data {
	padding:8px;
}

#simplemodal-container a {
	color:#ddd
}

#simplemodal-container a.modalCloseImg {
	background:url(/site/assets/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-16px;
	cursor:pointer;
}

#simplemodal-container h3 {
	color:#84b8d9;
}

/* TinyMCE Templates
   Public Style
--------------------------------*/
.site-rounded-box-container {
}

.site-rounded-box {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #666;
	padding:10px;
}

.site-popout-content-container {
	display:none;
	overflow:hidden;
}

.site-popout-content-container h3 { 
	color: #fff;
}

.site-popout-content-container .site-popout-content {
	overflow:hidden;
}

/* TinyMCE tweaks
--------------------------------*/
.mceContentBody {
	background-image: none!important;
	background-color:white!important;
	color:#000000!important;
	font-size:12px;
	border-top-style:none!important; 
	margin:10px!important;
}

/* Site Blog
----------------------------------*/
#blog-list {
	margin:20px 0;
}

#blog-list .blog-entry {
	margin-bottom:40px;
}

.blog-entry .blog-continue {
	margin-left:10px;
}

.blog-entry .blog-title {
	overflow:hidden;
}

.blog-content h2 {
	color:#6F9D2F!important;
	text-transform: none!important;
	font-size: 22px!important;
	font-weight: normal!important;
} 

.blog-title .post-date {
	background-image: url(/site/assets/blog-date-background.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:79px;
	height:73px;
	float:left;
	font-size: 11px;
	color:#fff;
	text-shadow: 1px 1px 3px #000766;
    filter: dropshadow(color=#000766, offx=1, offy=1);
    text-align:center;
}

.post-date .month,
.post-date .day,
.post-date .year {
	margin-left:-9px;
	line-height:14px;
}

.post-date .month {
	text-transform: capitalize;
	margin-top:2px;
}

.post-date .day {
	font-size:30px;
	line-height:30px;
}

.blog-title .title-author {
	float:left;
	overflow:hidden;
	margin-left:5px;
	width:520px;
}

.title-author a {
	display:block;
	font-size:19px;
}

.title-author .blog-author {
	font-size:10px;
	margin-top:5px;
}

#blog-archive-menu {
	width:270px;
	margin-bottom:40px;
}

#blog-archive-menu a {
	display:block;
	margin-bottom:10px;
}

#idc-container h3 {
	font-size:15px!important;
}