﻿*{margin:0;}

html,body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:12pt;
	color: #fff;
	background: #dcf0f8 url("img/bkg_tile.jpg") repeat;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	height:100%;
}

img{
	border:none;
}

p { margin-top:1em;}

a:link {
	text-decoration: underline; 
	color: #00acef;
	border:none;
}
a:visited {
	/*color: #22557d;*/
	color: #00acef;
}

a:hover {
	color: grey;
	border:none;
}

h1 {
	font-family: sans-serif;
	font-size:12pt;
	color: #ffe9a7;
	padding:20px;
}

h2 {
	font-family: sans-serif;
	font-size:14pt;
	color: #353535;
	padding:25px 20px 15px 20px;
}

#container{
	/*
	display:block;
	height:auto;
	position: absolute;
	width:100%;
	bottom:0px;
	top:0px;
	padding-bottom: 315px;*/
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -315px;
	width: 970px;
	background:  url("img/bkg_body.png") repeat-y;
}

#contact{position:fixed; z-index:10; margin:0 auto; padding-left:755px; padding-top:5px;}

#content{
	margin: 0 auto;
	/*padding-bottom:315px;*/
	margin-left:40px;
	width:730px;
}

.push{height:375px;}

#logo{
	width:730px;
	height:55px;
	padding-top:5px;
	
}

#intro{
	width: 670px;
	height: 250px;
	background-color:  #22557d;
	margin: 0 auto;
	margin-top:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}

#introtxt{font-size:10.5pt;line-height:1.7;width:420px;padding-left:20px;}

#introguy{
	/*position:relative;
	float:right;
	margin-right:-20px;
	margin-top:-78px;
	*/
	position:absolute;
	right:-20px;
	top:132px;
}

#thingswedo{width:710px; height:180px; background:url("img/bkg_thingswedo.jpg") no-repeat; margin:0 auto;	margin-top:25px;}
#wedo_head{float:right;}
#wedo_icons{padding:65px 0 0 150px; height:100px;}

.wedo_item{
	float:left;
	color:#353535;
	font-size:10.5pt;
	height:100px;
	padding-left: 50px;
}

#portfolio_break{height:25px;padding-left:77px;}

#portfolio{
	width: 670px;
	height: 450px;
	background-color:  #22557d;
	margin: 0 auto;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



#slidebox{position:relative; margin:0 auto;}
#slidebox, #slidebox .content{width:630px;}
#slidebox, #slidebox .container, #slidebox .content{height:300px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0; z-index:11;}
#slidebox .content{background:#d4f1fc; float:left;}
#slidebox .content .portfolio_item{padding:0px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; color:#22557d; line-height:1.4;}
#slidebox .content .portfolio_item a{color:#353535;}
#slidebox .content .portfolio_item .portfolio_img{width:430px; padding:0; margin:0; float:left; position:relative;}
#slidebox .content .portfolio_content{float:left; width:160px; padding:10px; position:relative; }
h3 {font-size:14px; color:#353535;}

.sitelink a {
	text-decoration: underline; 
	border:none;
	background: url("img/link_arrow.gif") no-repeat 0% 75%; 
	padding-top:5px;
	padding-left:15px;
}
.sitelink a:hover {
	color: grey;
	border:none;
}
.tail{position:relative; height:13px; width:15px; z-index:5; top:10px; left:-195px;}

/*
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
#slidebox .next{right:0; margin-right:10px; background:url("img/slidebox/slidebox_next.png") no-repeat left top;}
#slidebox .next:hover{background:url("img/slidebox/slidebox_next_hover.png") no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url("img/slidebox/slidebox_previous.png") no-repeat left top;}
#slidebox .previous:hover{background:url("img/slidebox/slidebox_previous_hover.png") no-repeat left top;}
*/

.thumbs{width:631px; height:60px; margin:0 auto; position:relative; z-index:11;}

.thumbs .thumb, .thumbs .thumb_last, .thumbs .selected_thumb, .thumbs .selected_thumb_last{
	display:block; height:50px; width:85px; margin-top:10px; float:left; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:9px; text-decoration:none; color:#000; background:black;
}
.thumbs .thumb, .thumbs .selected_thumb{margin-right:6px;}
.thumbs .thumb_last, .thumbs .selected_thumb_last{margin-right:0px;}

.thumbs .thumb:hover, .thumbs .thumb_last:hover{background:#fff; color:#000;}

.thumbs .thumb img, .thumbs .thumb_last img{opacity:0.5; filter:alpha(opacity=50);}
.thumbs .selected_thumb img, .thumbs .selected_thumb_last img{opacity:1.0; filter:alpha(opacity=100);}


#twitter{margin-left:150px; width:350px; border: solid 2px #22557d; background:white; -moz-border-radius: 8px; border-radius: 8px; }
#twitter_div {padding:5px; font-family: Arial; font-size: 10.5px; color: #353535; font-weight:bold; z-index:3; position:relative;}
#twitter_div ul {margin: 0px; margin-top: 0px; padding: 0px; list-style: none;}
#twitter_div li {margin-bottom: 5px; }
/*
#twitter_div li a {text-decoration: underline; color: #00acef;}
#twitter_div li a:visited {color: #22557d;}
*/
#twitter_div li a:hover {color: grey;}
#twitter_div span {display: block;}
#twitter_div span a {text-decoration: underline;}
#twitter_div .datetoprint {font-family: Arial; font-weight:normal; font-size: 9px; color:gray;}
.chat-bubble-arrow-border {
  border-color: #22557d transparent transparent transparent;
  border-style: solid;
  border-width: 15px;
  height:0;
  width:0;
  position:relative;
  left:280px;
  top:-2px;
}
.chat-bubble-arrow {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 11px;
  height:0;
  width:0;
  position:relative;
  left:284px;
  top:-32px;
}


#footer{
	/*position: absolute;
	bottom:0px;
	width:100%;
	*/
	height:375px;
	min-width:970px;
	background:  url("img/bkg_footer.gif") repeat-x;
	overflow:hidden;
	/*border: solid 1px #FF6600;*/
}
#footer a:hover {
	color: #fff;
	border:none;
}
#foot_top{height:130px; width:970px; margin:0 auto; /*background:  url("img/bkg_body.png") repeat-y;*/ }
#foot_mid{width:968px; margin:0 auto; height:160px; height:160px; position:relative; z-index:1;}
#pawleft{float:left;}
#socialmedia{float:left; width:355px; height:160px; background:  url("img/foot_socialmedia.gif") no-repeat; }
#socialicons{margin-top:50px; margin-left:220px; z-index:1; position:relative;}
#pawright{position:relative; z-index:1; float:left;}
#foot_btm {clear:both;width:870px; margin:0 auto; }
#foot_btm div, #foot_internalcontent div{float:left;}
#foot_btm #badges, #foot_internalcontent #badges{float:right; z-index:1; position:relative;}
#foot_btm #badges #address, #foot_internalcontent #badges #address{text-align:right; font-size:10pt; padding-right: 70px;}
#address_icon {display:block; float:right; margin-left:10px;}
#foot_internal{
	height:150px;
	width:100%;
	background:  url("img/bkg_footer.gif") repeat-x 0% 100%;
	overflow:hidden;
}
#foot_internalcontent{clear:both; width:82%; margin:0 auto; padding-top:50px;}
#footer #wp_tail{width:459px; height:459px; background:url("img/wp_tail.png"); z-index:0; position:absolute; top:-150px; right:20px;}

#contact-wrapper, .report-wrapper{background:white; /*width:920px;*/ color:#353535; /*float:left;*/ padding:10px; margin: 0px auto; height:450px; -moz-border-radius: 5px; border-radius: 5px; min-width:800px;}
#contact-wrapper div{/*margin-left:20px;*/}
.contact_header{font-weight:bold; color:#22557d; padding:5px 0 15px 0;}

form {margin:20px auto; font-size:12px;}
form div {/*width: 100%; */padding-left: 10px; padding-right:5px;}
form div .field {clear: both; width: 100%; margin-bottom: 15px; margin-right:10px; overflow: hidden;}
form div .required {background: url(img/contact_required_dot.gif) no-repeat 0px 8px;}
form div label {display: block; padding-bottom:5px;}
form div span{font-weight:bold; }
form div .service_description {padding-left: 12px; padding-bottom:10px;}
form div input.text {width: 252px; border: 1px solid #353535; padding: 2px 6px 4px 6px; color: #898989; }
form div input.texthalf {width: 110px; border: 1px solid #353535; padding: 2px 6px 4px 6px; color: #898989; }
form div select {width: 266px; height: 20px; border: 1px solid #353535; padding: 1px 0px 0px 2px; color: #898989; }
form div textarea {width: 252px; height: 122px; border: 1px solid #353535; padding: 3px 6px 4px 6px; color: #898989; }
.submit {width: 266px; text-align: right; padding-top:15px;}
.required_txt {font-size:12px; width: 276px; text-align: left;}
.required_txt img {margin: 6px 5px auto auto; vertical-align: top;}

.mail_col {float:left; width: auto; padding-right:20px;}

.LV_validation_message{
   font-size:20px; 
	font-weight:bold;
}
.LV_valid {
    color:#00CC00;
	position:absolute;
}
.LV_invalid {
    color:#CC0000;
	position:absolute;
}
.tooltipsy {
    padding: 10px;
    max-width: 150px;
    color: #303030;
    background-color: #fff6dd;
	 font-size:13px; 
    border: 2px solid #ffe9a7;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

#ecards{
	width:82%;
	min-width: 300px;
	margin: 20px auto;
}

.content_ecards{
	padding:10px 20px;
	font-size:12px; 
	background-color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:100%;
	margin-bottom:20px;
}

.ecard{
	width:180px;
	padding:5px 15px 0px 0px;
	height: 130px;
	float: left;
}
.content_ecards h2, .content_ecards h3{
	clear:both;
	padding: 10px 0;
}

#flashcontent{
	margin:0 auto;
	padding:0;
	border: 5px solid #b9d8dd;
}
