﻿html {background:#C0E1F6 url(images/html-bg.jpg) repeat-y;}
body {
	margin:0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/body-bg.png) no-repeat 0 107px;
	color:#747474;
	min-width:990px;
	min-height:674px;
}
.f-left {float:left;}
.f-right {float:right;}
img {
	border:none;
	display:block;
}
form, p, h1, h2, h3, h4, h5, h6, ul {
	padding:0;
	margin:0;
}
/*page*/
#page {
	width:990px;
	position:relative;
}
/*primary content*/
.primary-content {
	width:810px;
	height:398px;
	overflow:hidden;
	padding:45px 0 0 120px;
}
/*right column*/
.right-col {
	width:511px;
	padding:28px 24px 0 45px;
	background:url(images/right-home-bg.png) no-repeat;
	height:398px;
}
/*promo*/
.promo {
	width:100%;
	overflow:hidden;
	position:relative;
}
.promo p {
	font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 0 5px;
}
.promo h1 {
	color:#2BB4E9;
	font:bold 20px/33px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border:solid #ddd;
	text-align:center;
	border-width:1px 0;
	margin:0 0 6px;
}
/*services*/
ul.services {
	overflow:hidden;
	list-style:none;
	background:url(images/services-bg.gif) no-repeat;
	width:100%;
	margin:30px 0 0;
	position:relative;
}
ul.services li {
	float:left;
	color:#fff;
	font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/service-separator.gif) no-repeat 100% 3px;
	margin:0 1px 0 -1px;
}
ul.services li.first {
	width:125px;
	text-align:center;
	background:none;
}
ul.services li.last {background:none;}
ul.services li a {
	color:#999;
	text-decoration:none;
	display:block;
	width:117px;
	padding:0 0 5px;
	margin:0 4px;
	text-align:center;
	background:url(images/serv-roll.gif) no-repeat -999px 3px;
}
ul.services li a span {
	background:url(images/small-arrow.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
}
ul.services li a:hover,
ul.services li a.active {
	background-position:0 3px;
	color:#fff;
}
ul.services li a:hover span,
ul.services li a.active span {background:url(images/small-arrow-a.gif) no-repeat 0 4px;}
/*web box*/
#home-services .active { display: block; }
.web {
	width:509px;
	margin:15px 0 0;
	padding:0 0 0 2px;
	overflow:hidden;
	background:url(images/line.gif) repeat-y 324px 0;
	position:relative;
	display: none;
}
.web-txt {width:310px;}
.web-txt h2 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	padding:0 0 5px;
}
.web p {
	font:9px/10px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 5px;
}
.web-side {width:180px;}
.web-side h2 {
	color:#EC9322;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/double-arrow.gif) no-repeat;
	padding:0 0 5px 19px;
}
.web-side p {padding:0 0 5px 19px;}
/*more list*/
ul.more {
	overflow:hidden;
	list-style:none;
	width:160px;
	margin:4px 0 0 20px;
	padding:3px 0 0;
	border-top:1px solid #f2f2f2;
}	
ul.more li {
	float:left;
	font:10px/15px Arial, Helvetica, sans-serif;
	padding:0 4px 0 0;
	color:#666
}
ul.more li a {
	color:#7F7F7F;
	text-decoration:none;
	display:block;
	background:url(images/more-l.gif) no-repeat;
}
ul.more li a span {
	background:url(images/more-r.gif) no-repeat 100% 0;
	display:block;
	padding:0 4px;
}
/*footer*/
.footer {
	width:100%;
	overflow:hidden;
	background:url(images/footer-bg.gif) repeat-x;
}
.footer-inn {
	width:990px;
	overflow:hidden;
	padding:0 0 20px;
	background:url(images/footer-inn-bg.gif) no-repeat;
	position:relative;
}
.footer-inn ul {
	overflow:hidden;
	list-style:none;
	padding:15px 0 27px 425px;
	width:560px;
}
.footer-inn ul li {font:13px/18px Arial, Helvetica, sans-serif;}
.footer-inn ul li a {
	color:#B3B3B3;
	text-decoration:none;
	display:block;
	height:18px;
	padding:0 0 0 14px;
	width:546px;
	background:url(images/foot-arrow.gif) no-repeat;
}
.footer-inn ul li a.active,
.footer-inn ul li a:hover {
	color:#fff;
	background-position:0 -18px;
}
.footer-blog p {
	color:#5792C3;
	text-align:center;
	margin:4px 0 12px;
}
.footer-blog a {
	color:#333;
	text-decoration: underline;
}
/*home link*/
.home-link {
	width:350px;
	height:107px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}
/*go button*/
.go-btn {
	position:absolute;
	top:201px;
	left:297px;
}
.go-btn span {
	display:block;
	width:65px;
	height:65px;
	background:url(images/go-btn.png) no-repeat;
}
.go-btn a {
	display:block;
	width:65px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
/* contact us page
------------------ */
.contact-page,
.about-page {padding:26px 0 0;}
.contact-page .primary-content,
.about-page .primary-content {
	width:785px;
	height:392px;
	padding:25px 12px 0 17px;
	margin:0 0 0 120px;
	background:url(images/contact-us-page-bg.png) no-repeat;
}
/* top nav box*/
.nav-box {
	width:100%;
	overflow:hidden;
	background:url(images/dotted.gif) repeat-x 0 100%;
	position:relative;
}
.nav-box ul {
	overflow:hidden;
	list-style:none;
	padding:0 0 0 15px;
}
.nav-box ul li {
	float:left;
	font:bold 10px/27px Arial, Helvetica, sans-serif;
	color:#888;
	padding:0 8px 0 8px;
	background:url(images/org-separator.gif) no-repeat 0 9px;
}
.nav-box ul li.none {background:none;}
.nav-box ul li a {
	color:#F2943A;
	font:9px/27px Arial, Helvetica, sans-serif;
}
.nav-box ul li a:hover {text-decoration:none;}
.nav-box ul li a.active { text-decoration:none; font-weight: bold; }
.nav-box ul.img-nav li {
	background:none;
	padding:0 2px;
}
.nav-box ul.img-nav li a {
	display:block;
	overflow:hidden;
	width:10px;
	height:9px;
	margin:10px 0 0;
	background:url(images/img-roll.gif) no-repeat;
}
.nav-box ul.img-nav li a:hover,
.nav-box ul.img-nav li.active a {background-position:0 -9px;}
/*contact info */
.contact-info {
	width:100%;
	margin:12px 0 0;
	overflow:hidden;
	background:url(images/line.gif) repeat-y 229px 0;
}
.contact-cnt {
	width:219px;
	position:relative;
}
/* address box */
.address {
	width:198px;
	overflow:hidden;
	padding:0 0 0 21px;
}
.address ul {
	overflow:hidden;
	list-style:none;
	padding:0 0 15px;
}
.address ul li {
	padding:0 0 3px;
	letter-spacing:-1px;
	color:#807C7C;
}
.address ul li strong {
	font-size:11px;
	color:#888;
}
.address ul li a {color:#F2943A;}
.address ul li a:hover {text-decoration:none;}
/* line box */
.line-box {
	width:198px;
	overflow:hidden;
	padding:17px 0 10px 21px;
	background:url(images/two-line.gif) repeat-x;
	color:#807C7C;
}
.line-box p {padding:0 0 10px;}
.line-box p strong {font-size:11px;}
/* about page 
------------- */
.about-page .primary-content {background:url(images/about-us-page-bg.png) no-repeat;}
/*about box*/
.about-box {
	width:755px;
	overflow:hidden;
	padding:0 11px 0 19px;
	margin:12px 0 0;
	background:url(images/line.gif) repeat-y 390px 0;
	position:relative;
}
/*history*/
.history {width:357px;}
.about-box h2 {
	color:#2CB4E9;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #2CB4E9;
	margin:0 0 10px;
}
.about-box p {
	padding:0 0 15px;
	line-height:15px;
}
/*bios*/
.bios {width:375px;}
.bios-cnt {
	width:100%;
	overflow:hidden;
	padding:0 0 28px;
}
.bios-cnt img {
	border-right:1px solid #e5e5e5;
	padding:0 6px 0 0;
	margin:0 13px 0 0;
}
.bios-cnt div {
	display:table;
	height:1%;
	color:#888;
}
.bios-cnt h3 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 18px;
}
.bios-cnt h3 small {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	display:block;
}
.bios-cnt p {font:9px/12px Verdana, Arial, Helvetica, sans-serif;}
/* gallery page 
--------------- */
.gallery-page {padding:25px 0 0;}
.gallery-page .primary-content {
	width:831px;
	margin:0 0 0 99px;
	padding:0;
	height:418px;
}
.main-gallery {
	width:710px;
	overflow:hidden;
	position:relative;
	margin:0 0 0 -9px;
}
.gallery-box {
	background:url(images/gallery-page-bg.png) no-repeat;
	height:418px;
	overflow:hidden;
	width:675px;
	padding:25px 11px 0 24px;
}
.img-cnt {
	width:100%;
	overflow:hidden;
	background:url(images/line.gif) repeat-y 237px 0;
	margin:12px 0 0;
	position:relative;
}
.img-txt {
	width:215px;
	text-align:right;
	padding:2px 0 0;
}
.img-txt h2 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#888;
}
.img-txt p {
	line-height:15px;
	padding:0 0 15px;
}
.img-txt p a {color:#F19339;}
.img-txt p a:hover {text-decoration:none;}
.img-box {width:418px;}
.tab-box {
	width:130px;
	height:325px;
	background:url(images/tab-box-bg.png) no-repeat;
	margin:38px 0 0;
}
ul.tabset {
	width:20px;
	height:222px;
	overflow:hidden;
	list-style:none;
	margin:10px 0 0;
}
ul.tabset li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	cursor:pointer;
}
ul.tabset li.client-t a {
	height:104px;
	background:url(images/client-t.png) no-repeat;
}
ul.tabset li.service-t a {
	height:118px;
	background:url(images/service-t.png) no-repeat;
}
ul.tabset li.client-t a.active {background:url(images/client-t-a.png) no-repeat;}
ul.tabset li.service-t a.active {background:url(images/service-t-a.png) no-repeat;}
.open {
	width:96px;
	padding:0 6px 0 0;
	float:right;
}
div.tab {
	width:100%;
	overflow:hidden;
	padding:14px 0 0;
}
.open ul,
.blog-nav-cnt ul {
	overflow:hidden;
	list-style:none;
	border-top:1px solid #e5e5e5;
	text-align:right;
	padding:0 0 18px;
	position:relative;
}
.open ul li,
.blog-nav-cnt ul li {
	background:url(images/dotted.gif) repeat-x 0 100%;
	padding:3px 0 5px;
}
.open ul li.last,
.blog-nav-cnt ul li.last {
	border-bottom:1px solid #e5e5e5;
	background:none;
}
.open ul li a,
.blog-nav-cnt ul li a {
	font:bold 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	display:block;
	padding:0 14px 0 0;
	width:82px;
	background:url(images/gray-arrow.gif) no-repeat 100% 3px;
}
.open ul li a:hover,
.blog-nav-cnt ul li a:hover {
	background:url(images/black-arrow.gif) no-repeat 100% 3px;
	color:#000;
}
.open ul li span {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	padding:0 14px 0 0;
	background:url(images/big-arrow.gif) no-repeat 100% 2px;
}
/* blog page 
------------- */
.blog-page .footer {height:107px;}
.blog-page .primary-content {
	width:814px;
	margin:0 0 0 116px;
	padding:0;
	height:auto;
}
.blog-box {
	width:710px;
	position:relative;
	margin:0 0 0 -9px;
}
.blog-inn {
	width:677px;
	padding:0 5px 18px 28px;
	overflow:hidden;
	background:url(images/blog-bg.png) repeat-y;
}
.blog-inn .nav-box ul li,
.blog-inn .nav-box ul li a {line-height:22px !important;}
.blog-cnt {
	width:623px;
	padding:0 7px 0 47px;
	margin:11px 0 0;
	overflow:hidden;
	background:url(images/line.gif) repeat-y 528px 0;
}
.blog-txt {
	width:462px;
	padding:5px 0 0;
}
.blog-txt h2 {
	background:url(images/dark-dotted.gif) repeat-x 0 100%;
	padding:0 0 7px;
	margin:0 0 12px;
}
.blog-txt h2 a {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	text-decoration: none;
}
.blog-txt h2 a:hover {
	text-decoration: underline;
}
.blog-txt p {
	line-height:14px;
	color:#777;
	padding:0 0 12px;
}
.blog-txt p a {color:#F8981C;}
.blog-txt p a:hover {text-decoration:none;}
.blog-txt p.tags {
	background:url(images/dark-dotted.gif) repeat-x;
	font-size:9px;
	padding:3px 0 40px;
}
.blog-adv {width:131px;}
.blog-adv img {
	/*border:1px solid #999;*/
	margin:0 auto;
}
.blog-adv h3 {
	color:#24B3E8;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/blue-line.gif) repeat-x;
	margin:17px 0 0;
	padding:7px 0 0;
}
ul.banner-list {
	width:100%;
	overflow:hidden;
	list-style:none;
	padding:14px 0 0;
	height:100%;
}
ul.banner-list li {
	padding:0 0 5px;
	height:100%;
}
ul.link-list {
	width:122px;
	overflow:hidden;
	list-style:none;
	padding:14px 0 0 1px;
}
ul.link-list li {
	padding:0 0 10px 9px;
	width:113px;
	background:url(images/bullet.gif) no-repeat 0 5px;
}
ul.link-list li a {color:#F8981D;}
ul.link-list li a:hover {text-decoration:none;} 
/* blog navigation */
.blog-nav {
	width:113px;
	padding:26px 0 0;
}
.blog-nav-box {
	height:1%;
	overflow:hidden;
	padding:0 0 25px;
}
.blog-nav-top,
.blog-nav-btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(images/blog-nav-top.png) no-repeat;
	text-indent:-9999px;
}
.blog-nav-btm {
	height:8px;
	background:url(images/blog-nav-btm.png) no-repeat;
}
.blog-nav-cnt {
	width:97px;
	padding:4px 5px 0 11px;
	overflow:hidden;
	background:url(images/blog-nav-cnt.png) repeat-y;
	text-align:right;
}
.blog-nav-cnt ul li {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
.blog-nav-cnt ul li a {color:#bcbcbc;}


#maps img { display:none; }
#maps img.active { display:block; }
#directions div.active { display:block; }
#directions .dir { display:none; }

img.feed-img {
	display:inline;
	vertical-align:middle;
}

/*
.bbcode a:hover {
	border:1px solid #666666;
	color:#FF8C00;
	text-decoration:none;
}
.bbcode a {
	background:#EFEFEF none repeat scroll 0 0;
	border:1px solid #BBBBBB;
	color:#1258C2;
	cursor:pointer;
	float:none;
	height:23px;
	margin:0 1px;
	padding:3px 5px;
	width:auto;
	text-decoration:none;
}

*/
.commentForm {
	padding: 0;
	margin-top: 20px;
}

.commentForm label {
	display: block;
	margin: 4px 0 2px;
	color:#777777;
}

.commentForm input {
	width: 250px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

.blog-page h1 {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	margin: 2px 0 8px;
}

/*#commentlist .self {
	margin-bottom: 4px;
	background: #c0e1f6 url(images/dotted.gif) repeat-x 0 100%;
}*/
#commentlist .comment {
	margin-bottom: 4px;
	background:url(images/dotted.gif) repeat-x 0 100%;
}
#commentlist .comment .date  {
	line-height: normal; 
	padding-bottom:2px;
	color: #bcbcbc;
}
#commentlist .comment .date a {
	color:#9d9d9d;
	text-decoration:underline;
}
#commentlist .comment .date a:hover {
	text-decoration:none;
}

a.more { color:#F8981C; text-decoration:underline; padding-bottom: 12px; }
a.more:hover { text-decoration:none; }

.blog-txt ul { margin:0 0 0 8px; padding:0 0 12px 12px; }
.blog-txt li { margin:4px 0; }
