/* CSS Document */

/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
	font-family: verdana, tahoma, arial;
	font-size: 12px;
	background: url(/img/bg.gif) repeat-x #fff;
	margin: 0;
	color: #6b6b6b;
	}

a:link, a:visited {
	color: #02a4cc;
	text-decoration: underline;
	}

a:hover, a:active {
	text-decoration: none;
	}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }

img { border:0; }
p { margin: 0; padding: 0; line-height: 18px; vertical-align: top; }

ul {
	list-style: none;
	margin: 0; padding: 0;
	}

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

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}


/***** Global Classes *****/

a span, h1 span, h2 span, h3 span, h4 span, h5 span { display: none; }
.cl 			{ clear: both; font-size: 1px; }
.cl-5 		{ clear: both; font-size: 1px; height: 5px; }
.cl-10		{ clear: both; font-size: 1px; height: 10px; }
.cl-15 		{ clear: both; font-size: 1px; height: 15px; }
.cl-20 		{ clear: both; font-size: 1px; height: 20px; }
.cl-25 		{ clear: both; font-size: 1px; height: 25px; }
.cl-30 		{ clear: both; font-size: 1px; height: 30px; }
.cl-l 	{ clear: left; font-size: 1px; }
.cl-r 	{ clear: right; font-size: 1px; }

.pmargin-5 p { margin: 0 0 5px 0; }
.pmargin-10 p { margin: 0 0 10px 0; }
.pmargin-15 p { margin: 0 0 15px 0; }
.pmargin-20 p { margin: 0 0 20px 0; }

.fl    { float:left !important; }
.fr   { float:right !important; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.linethru		{ text-decoration: line-through; }
.highlight     { background:#ffc; }
.big			{ font-size: 14px; }
.huge			{ font-size: 18px; }
.reg			{ font-size: 12px; }
.small			{ font-size: 11px; }
.orange			{ color: #f78f1e; }
.red			{ color: #c91a12; }
.green			{ color: #117800; }
.blue	  		{ color: #005266; }
.ltblue			{ color: #02a4cc; }
.white			{ color: #fff; }
.black			{ color: #000; }
.relative		{ position: relative; }
.justify		{ text-align: justify; }
.hide			{ display: none; }

.img-left      { float:left; margin:0 10px 4px 0; }
.img-right     { float:right; margin:0 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; margin: 0 0 15px 0; padding: 0; }
.nobullet li	{ margin: 0 0 3px 0; padding: 0; }

hr				{ background-color: #c1c1c1; color: #c1c1c1; border: 1px; height: 1px; }
.lh20			{ line-height: 20px; }

/* Buttons */

.button-big { width: 158px; height: 40px; display: block; background-position: 0% 0%; background-repeat: no-repeat; }
.button-big:hover { background-position: 100% 100%; }

#learn-more { background-image: url(/img/buttons/learn-more.gif); }
#get-started-home { background-image: url(/img/buttons/getstarted-home.gif); }
#get-started { background-image: url(/img/buttons/getstarted.gif); }


/* Lists */

ul.checks li {
	background: url(/img/icons/check.gif) no-repeat;
	padding: 3px 0 0 35px;
	line-height: 18px !important;
	min-height: 20px;
	margin: 8px 0;
	}

*html ul.checks li { height: 20px; }

/* Padding, Margin and Borders and Widths */

.bgcw { background-color: #fff; }
.bgcg { background-color: #ececec; }
.bgcgr { background-color: #98d182 !important; }

.brdlrb { border-left: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; }
.brd0{ border:none !important;}
.brd1{ border:1px solid #bcbcbc;}
.bl1 { border-left: 1px solid #bcbcbc; }
.br1 { border-right: 1px solid #bcbcbc; }
.bt1 { border-top: 1px solid #bcbcbc; }
.bb1 { border-bottom: 1px solid #bcbcbc; }

.pad0{ padding:0px !important;}
.pad2{ padding:2px;}
.pad3{ padding:3px;}
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.pad30{ padding:30px;}

.mar0{ margin:0px !important;}
.mar5{ margin:5px;}
.mar10{ margin:10px;}
.mar20{ margin:20px;}

.pt0{ padding-top:0 !important;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt75{ padding-top:75px;}

.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px;}

.pr0{ padding-right:0 !important;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr24{ padding-right:24px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}

.mr0{ margin-right:0 !important;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mr60{ margin-right:60px;}
.mr100{ margin-right:100px;}

.pb0{ padding-bottom:0 !important;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb25{ padding-bottom:25px;}

.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb3{ margin-bottom:3px;}

.pl0{ padding-left:0 !important;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}

.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.ml120{ margin-left:120px;}

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }


/* Main Site Elements */

a#logo {
	display: block;
	width: 219px;
	height: 78px;
	background: url(/img/logo.gif) no-repeat 0% 0%;
	}

a#logo:hover { background-position: 100% 100%; }

ul#nav li {
	display: inline;
	float: left;
	height: 57px;
	margin: 0; padding: 0;
	}

ul#nav li a {
	margin-right: 7px;
	display: block;
	height: 57px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	cursor:pointer;
	background-image: url(/img/nav.gif);
	}

ul#nav li a#home { width: 76px; background-position: 0 0; }
ul#nav li a#home:hover, ul#nav li a#home.hover, ul#nav li.active a#home { background-position: 0 -57px; }

ul#nav li a#about { width: 76px; background-position: -76px 0; }
ul#nav li a#about:hover, ul#nav li a#about.hover, ul#nav li.active a#about { background-position: -76px -57px; }

ul#nav li a#work { width: 111px; background-position: -152px 0; }
ul#nav li a#work:hover, ul#nav li a#work.hover, ul#nav li.active a#work { background-position: -152px -57px; }

ul#nav li a#services { width: 131px; background-position: -263px 0; }
ul#nav li a#services:hover, ul#nav li a#services.hover, ul#nav li.active a#services { background-position: -263px -57px; }

ul#nav li a#blog { width: 72px; background-position: -394px 0; }
ul#nav li a#blog:hover, ul#nav li a#blog.hover, ul#nav li.active a#blog { background-position: -394px -57px; }

ul#nav li a#started { width: 162px; background-position: -466px 0; }
ul#nav li a#started:hover, ul#nav li a#started.hover, ul#nav li.active a#started { background-position: -466px -57px; }



/* Main Layout Containers */

#center {
	width: 986px;
	margin: 0 auto;
	text-align: center;
	}

#master {
	width: 986px;
	float: left;
	text-align: left;
	}

#body-content {
	width: 940px;
	padding: 0 23px;
	}

#body-left {
	float: left;
	width: 655px;
	}

#body-left p { line-height: 20px; }

#body-right {
	float: right;
	text-align: left;
	padding-left: 22px;
	width: 243px;
	min-height: 504px;
	background: url(/img/bodyright-bg.gif) no-repeat;
	font-size: 11px;
	margin-top: 10px;
	}

*html #body-right { height: 504px; }

/* Homepage Items */

#home-feature {
	width: 940px;
	height: 329px;
	padding: 0 23px;
	background: url(/img/homefeature-bg.jpg) no-repeat;
	}

#home-feature h1 {
	width: 385px;
	height: 91px;
	background: url(/img/titles/home-feature.gif) no-repeat;
	margin: 73px 0 15px 0;
	}

#home-feature #slider {
	width: 555px;
	height: 329px;
	position: relative;
	background: url(/img/homeslider-bg.jpg) no-repeat;
	float: right;
	}

#home-feature #slider #screens {
	width: 465px; height: 279px;
	margin: 38px 0 0 45px;
	}

#slider #screens div{
	width: 465px; height: 279px;
	overflow:hidden;
	}

#slider #screens div a {display: block; width: 465px; height: 279px; background-repeat: no-repeat; background-position: 0% 0%; }

#slider #screens div a:hover { background-position: 100% 100%; }

#home-feature #slider a#btnleft { position: absolute; left: 5px; top: 146px; width: 27px; height: 27px; background: url(/img/icons/arrow-left.gif) no-repeat 0% 0%; display: block; }
#home-feature #slider a#btnright { position: absolute; right: 5px; top: 146px; width: 27px; height: 27px; background: url(/img/icons/arrow-right.gif) no-repeat 0% 0%; display: block; }

#home-feature #slider a#btnleft:hover, #home-feature #slider a#btnright:hover { background-position: 100% 100%; }

ul#feature-set li {
	float: left;
	display: inline;
	width: 310px;
	margin-bottom: 20px;
	}

ul#feature-set li h3 { font-size: 14px; color: #02a4cc; font-weight: bold; }


/* Titles and Subtitles */

#title-bar {
	width: 940px;
	height: 61px;
	padding: 21px 23px 0 23px;
	background: url(/img/titlebar-bg.jpg) no-repeat;
	margin-bottom: 30px;
	}

#title-bar h1 { height: 32px; background-repeat: no-repeat; }

h1#about { background-image: url(/img/titles/title-bar/about.gif); width: 332px; }
h1#services { background-image: url(/img/titles/title-bar/services.gif); width: 332px; }
h1#work { background-image: url(/img/titles/title-bar/work.gif); width: 332px; }
h1#blog { background-image: url(/img/titles/title-bar/blog.gif); width: 332px; height: 40px !important; }
h1#started { background-image: url(/img/titles/title-bar/started.gif); width: 332px; height: 40px !important; }

h2.page-subtitle { height: 29px; background-repeat: no-repeat; }
h2.case-study { width: 470px; margin-bottom: 5px; }

h2#why-choose { background-image: url(/img/titles/why-choose.gif); width: 517px; }
h2#company-overview { background-image: url(/img/titles/company-overview.gif); width: 246px; }
h2#team { background-image: url(/img/titles/team.gif); width: 295px; }
h2#digs { background-image: url(/img/titles/digs.gif); width: 517px; }
h2#ppn { background-image: url(/img/titles/ppn.gif); width: 517px; }
h2#ppn-team { background-image: url(/img/titles/ppn-team.gif); width: 517px; }
h2#testimonials { background-image: url(/img/titles/testimonials.gif); width: 295px; }
h2#web-development { background-image: url(/img/titles/web-development.gif); width: 295px; }
h2#consultation { background-image: url(/img/titles/consultation.gif); width: 295px; }
h2#emarketing { background-image: url(/img/titles/emarketing.gif); width: 295px; }
h2#other-services { background-image: url(/img/titles/other-services.gif); width: 295px; }
h2#portfolio { background-image: url(/img/titles/portfolio.gif); width: 295px; }
h2#contact { background-image: url(/img/titles/contact.gif); width: 504px; }

/* Right Column Headers */

h4.col-header {
	width: 242px;
	height: 31px;
	background-repeat: no-repeat;
	}

h4#blog-posts { background-image: url(/img/col-headers/blog-posts.gif); }
h4#testimonials { background-image: url(/img/col-headers/testimonials.gif); }
h4#about-menu { background-image: url(/img/col-headers/about-menu.gif); }
h4#services-menu { background-image: url(/img/col-headers/services-menu.gif); }
h4#blog-menu { background-image: url(/img/col-headers/blog-menu.gif); }
h4#blog-archives { background-image: url(/img/col-headers/blog-archives.gif); }
h4#questionnaire { background-image: url(/img/col-headers/questionnaire.gif); }

h4#cs-overview { background-image: url(/img/col-headers/cs-overview.gif); }
h4#cs-services { background-image: url(/img/col-headers/cs-services.gif); }

.cal-small {
	background: url(/img/icons/cal-small.gif) no-repeat;
	width: 57px;
	height: 49px;
	position: relative;
	}

.cal-small p.month {
	position: absolute;
	color: #fff;
	font-size: 9px;
	top: 4px;
	left: 8px;
	}

.cal-small p.day {
	font-size: 18px;
	font-weight: bold;
	color: #313131;
	margin-top: 22px;
	text-align: center;
	}

.full-post {
	background: url(/img/icons/pencil.gif) no-repeat 0 0 #e3e3e3;
	height: 30px;
	border-right: 1px solid #ccdce0;
	border-bottom: 1px solid #ccdce0;
	padding: 0 10px 0 37px;
	float: right;
	}

.full-post p { padding-top: 5px; }


#test-list {
	background: url(/img/testimonial-bg.gif) no-repeat;
	width: 237px;
	height: 115px;
	}

#test-list div { text-align: justify; background-color: #ebebeb; width: 195px; height: 75px; overflow: hidden; line-height: 18px; margin: 21px 0 0 18px; }

.test-arrow {
	float: right;
	width: 32px; height: 31px;
	background: url(/img/testimonial-arrow.gif) no-repeat;
	margin-right: 30px;
	}

/* Sub Menu */

ul.sub-menu { background:#f5f5f5 url(/img/grad.php?h=200&t=f5f5f5&b=e9e9e9) top left repeat-x; border-right: 1px solid #c3c3c3; margin-right: 1px; }

ul.sub-menu li a {
	display: block;
	height: 27px;
	background: url(/img/icons/plus.gif) no-repeat 20px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c3c3c3;
	padding: 11px 0 0 60px;
	font-weight: bold;
	font-size: 12px;
	}

ul.sub-menu li a:hover { background: url(/img/icons/minus.gif) no-repeat 20px 8px #fff; }

ul.sub-menu li.active a {
	background: url(/img/icons/minus.gif) no-repeat 20px 8px #fff;
	color: #1e6678;
	}


/* Team Page */

.shadow-pic {
	background-color: #dedede;
	padding: 3px;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	}

.shadow-pic img { border: 3px solid #fff; }

.team-title {
	float: left;
	width: 430px;
	}

.team-title h4 {
	background-color: #005b71;
	border-bottom: 1px solid #053a47;
	border-right: 1px solid #053a47;
	width: 428px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: 10px 0;
	}

.team-title h4#rob { background-image: url(/img/titles/team/rob.gif); }


/* Digs */

#main-image { width: 642px; }

#office-gallery img { width: 575px; height: 324px; }

a.gallery-left { width: 27px; height: 27px; margin: 150px 10px 0 0; float: left; background: url(/img/icons/warrow-left.gif) no-repeat 0% 0%; display: block; }
a.gallery-right { width: 27px; height: 27px; margin: 150px 0 0 0; float: right; background: url(/img/icons/warrow-right.gif) no-repeat 0% 0%; display: block; }

a.gallery-left:hover, a.gallery-right:hover { background-position: 100% 100%; }

.gallery { float: left; margin-right: 20px; }

.gallery li{display:block;width:69px;height:69px;overflow:hidden;float:left;margin:0 10px 0 0; }
.gallery li a{display:none; cursor:pointer !important;}
.gallery li div{position:absolute;display:none;top:0;left:180px}
.gallery li div img {cursor:pointer !important;}
.gallery li.active div img, .gallery li.active div{display:block}
.gallery li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}

* html .gallery li div span{width:640px} /* MSIE bug */


/* Testimonials */

.test-name { background: url(/img/icons/user-icon.gif) no-repeat; padding: 0 0 0 25px; height: 23px; }

.rndblue-box {
	width: 655px;
	}

.rndblue-box .arrow { width: 26px; height: 11px; background: url(/img/icons/bluearrow-up.gif) no-repeat; margin-left: 40px; font-size: 1px; }

.rndblue-box .top { background: url(/img/rndblue-top.gif) no-repeat; width: 655px; height: 22px; font-size: 1px; }
.rndblue-box .bot { background: url(/img/rndblue-bot.gif) no-repeat; width: 655px; height: 22px; font-size: 1px; clear: both; }

.rndblue-box .inner { background-color: #D7E3E9; padding: 0 20px; }


/* Our Work Section */

.portfolio-thumbs li {
	display: inline;
	float: left;
	width: 222px; height: 138px;
	margin: 0 15px 15px 0;
	}

.portfolio-thumbs li a {
	display: block;
	width: 222px; height: 138px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}

.portfolio-thumbs li a:hover { background-position: 100% 100%; }

.portfolio-thumbs li a.cs:hover { background-position: 0% 0%; }


/* Case Studies */

h4.cs-bar {
	background-color: #005b71;
	border-bottom: 1px solid #053a47;
	border-right: 1px solid #053a47;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 10px 0;
	}

#cs-leftcol {
	float: left;
	width: 330px;
	}

#cs-rightcol {
	float: right;
	}

#cs-slider {
	background: url(/img/portfolio/csslider-bg.gif) no-repeat;
	width: 490px; height: 413px;
	}

#cs-slider img {
	margin: 18px 0 0 18px;
	width: 453px; height: 375px;
	}

a.csslider-left { width: 27px; height: 27px; margin: 170px 10px 0 0; float: left; background: url(/img/icons/warrow-left.gif) no-repeat 0% 0%; display: block; }
a.csslider-right { width: 27px; height: 27px; margin: 170px 0 0 0; float: left; background: url(/img/icons/warrow-right.gif) no-repeat 0% 0%; display: block; }

a.csslider-left:hover, a.csslider-right:hover { background-position: 100% 100%; }


/* Blog */

.blog-title { font-size: 18px; font-weight: bold; color: #005266 !important; text-decoration: none !important; }

.cal-big {
	background: url(/img/icons/cal-big.gif) no-repeat;
	width: 90px;
	height: 82px;
	position: relative;
	}

.cal-big p.month {
	position: absolute;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	top: 12px;
	left: 16px;
	}

.cal-big p.day {
	font-size: 28px;
	font-weight: bold;
	margin-top: 38px;
	text-align: center;
	color: #313131;
	line-height: 28px !important;
	}

.post-bot-bar {
	float: right;
	background-color: #005b71;
	border-bottom: 1px solid #053a47;
	border-right: 1px solid #053a47;
	padding: 5px 10px;
	}

.post-bot-bar a { color: #fff; padding: 0 0 0 25px; }

.post-bot-bar a.full { background: url(/img/icons/pencil-small.gif) no-repeat; margin-right: 30px; }
.post-bot-bar a.comments { background: url(/img/icons/bubble-small-blue.gif) no-repeat; }

a#blog-feeds {
	display: block;
	width: 230px; height: 32px;
	background: url(/img/blog-feeds.gif) no-repeat;
	}

#blog-search {
	width: 240px;
	height: 49px;
	background: url(/img/blogsearch-bg.gif) no-repeat;
	position: relative;
	}

#blog-search input {
	background:#fcfefe url(/img/grad.php?h=25&t=fcfefe&b=b2e5f1) top left repeat-x;
	border: 1px solid #004d61;
	font-weight: bold;
	color: #14a2c4;
	width: 125px; height: 15px;
	padding: 5px;
	margin: 11px 0 0 50px;
	}

#blog-search a {
	display: block;
	width: 20px; height: 20px;
	position: absolute;
	top: 14px; right: 20px;
	background: url(/img/icons/blogsearch-arrow.gif) no-repeat 0% 0%;
	}

#blog-search a:hover { background-position: 100% 100%; }

#blog-search input.textboxERR {
	background:#f0fdd9 url(/img/grad.php?h=24&t=f0fdd9&b=ccff75) top left repeat-x;
	border: 1px solid #ade44f;
	width: 200px; height: 14px;
	padding: 5px;
	}

ul.blog-menu {
	background:#f5f5f5 url(/img/grad.php?h=200&t=f5f5f5&b=e9e9e9) top left repeat-x;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 10px 0;
	margin-right: 1px;
	}

ul.blog-menu li a {
	display: block;
	height: 20px;
	background: url(/img/icons/red-arrow.gif) no-repeat 15px 8px;
	padding: 5px 0 0 30px;
	font-weight: bold;
	font-size: 12px;
	}

ul.blog-menu li a:hover { background-color: #fff; }

h3.comments-title, h3.submit-comments-title {
	padding: 8px 0 0 60px;
	font-size: 18px;
	color: #005266;
	font-weight: bold;
	height: 32px;
	}

h3.comments-title { background: url(/img/icons/comments-title.gif) no-repeat; }
h3.submit-comments-title { background: url(/img/icons/submit-comments-title.gif) no-repeat; }

table.blog-comments tr td { padding: 5px 0; }

table.blog-comments td.label {
	width: 150px;
	text-align: right;
	padding-right: 20px;
	}

table.blog-comments input {
	background:#fcfefe url(/img/grad.php?h=25&t=fcfefe&b=dbe6eb) top left repeat-x;
	border: 1px solid #a9bac3;
	width: 200px; height: 15px;
	padding: 5px;
	color: #02A4CC;
	}

table.blog-comments textarea {
	background:#fff url(/img/grad.php?h=80&t=fff&b=dbe6eb) bottom left repeat-x;
	border: 1px solid #a9bac3;
	width: 352px; height: 80px;
	padding: 5px;
	color: #02A4CC;
	}

table.blog-comments a.submit {
	display: block;
	width: 100px; height: 26px;
	background: url(/img/buttons/submit-comments.gif) no-repeat 0% 0%;
	}

table.blog-comments a.submit:hover { background: url(/img/buttons/submit-comments.gif) no-repeat 100% 100%; }

.blog-info-box {
	background:#fff url(/img/grad.php?h=80&t=fff&b=d7d7d7) bottom left repeat-x;
	padding: 10px;
	border: 1px solid #ccc;
	}


/* Getting Started Page */

a.download {
	display: block;
	width: 137px; height: 39px;
	background: url(/img/buttons/download.gif) no-repeat 0% 0%;
	}

a.download:hover { background: url(/img/buttons/download.gif) no-repeat 100% 100%; }

#contact-form div.left {
	float: left;
	width: 280px;
	margin-left: 10px;
	}

#contact-form div.right {
	float: right;
	width: 280px;
	margin-right: 10px;
	}

#contact-form input.text {
	background:#fcfefe url(/img/grad.php?h=25&t=fcfefe&b=dbe6eb) top left repeat-x;
	border: 1px solid #a9bac3;
	width: 240px;
	height: 15px;
	padding: 5px;
	color: #02A4CC;
	}

#contact-form input#outline {
	width: 250px;
	height: 25px
	}

#contact-form textarea {
	background:#fff url(/img/grad.php?h=80&t=fff&b=dbe6eb) bottom left repeat-x;
	border: 1px solid #a9bac3;
	width: 585px; height: 80px;
	padding: 5px;
	color: #02A4CC;
	}

a.submit-inquiry {
	display: block;
	width: 240px; height: 49px;
	background: url(/img/buttons/submit-inquiry.gif) no-repeat 0% 0%;
	}

a.submit-inquiry:hover { background: url(/img/buttons/submit-inquiry.gif) no-repeat 100% 100%; }

div#contact-name-button,div#business-name-button,div#business-type-button,div#phone-number-button,div#email-button,div#website-button,div#reference-button { position:absolute; display:block; top:20px; width:25px; height:27px }

.form-yes, .form-no { position: absolute; display: block; top: 20px; right: 0; width: 25px; height: 27px; }

.form-yes { background: url(/img/icons/form-yes.gif) no-repeat; }
.form-no { background: url(/img/icons/form-no.gif) no-repeat; }

/* Captcha Stuff */

img { behavior: url(/img/iepngfix.htc); }

/* FANCY CAPTCHA STARTS */
.ajax-fc-container { width: 316px; background:#a8d7ea;  color:#fff;  margin:0 15px; }

/* rounded corners */
.ajax-fc-rtop, .ajax-fc-rbottom{ display:block; background: #D7E3E9; }
.ajax-fc-rtop *, .ajax-fc-rbottom *{ display: block; height: 1px; overflow: hidden; background:#a8d7ea; }

/* describes left and right boxes */
div#ajax-fc-content { position: absolute; margin-top: -3px; margin-left: 9px; width: 298px; height: 105px; background: url(/img/bg-content-div.png); }
div#ajax-fc-content div#ajax-fc-left { width: 200px; height: 100px; float: left; }

div#ajax-fc-content div#ajax-fc-right { width: 98px; height: 100px; float: right; }

/* block left: task and pictures */
p#ajax-fc-task { line-height: 16px; margin: 0; padding: 11px 0 0 11px; font-size: 10px; font-family: Verdana, Tahoma, Arial; color: #18779d; }
p#ajax-fc-task span { color: #66a70b; font-weight: bold; }

ul#ajax-fc-task { width: 190px; height: 18px; list-style-type: none; background: url(/img/bg-items.png) -4px 0px; background-repeat: no-repeat; margin: 6px 0 0 0; padding: 5px 0 0 2px; }

/* block right: cycle and backlink */
ul#ajax-fc-task li { float: left; margin-right: 1px; margin-top: 6px;}
p#ajax-fc-circle { position: absolute; margin: 18px 0 0 15px; width: 79px; height: 79px; background: url(/img/circle.png); background-repeat: no-repeat; }
img#ajax-fc-backlink { position: absolute; margin-top: 1px; margin-left: 6px; border: 0px; z-index: 101; }

/* left and right png borders */
div#ajax-fc-corner-spacer { height: 99px; }
img.ajax-fc-border { position: absolute; margin-top: -3px; }
img.ajax-fc-border#ajax-fc-left { margin-left: 2px; }
img.ajax-fc-border#ajax-fc-right { margin-left: 307px; }

/* items */
.ajax-fc-highlighted { cursor: pointer; z-index: 102}

/* rounded corners */
.ajax-fc-r1{ margin: 0 5px } .ajax-fc-r2{ margin: 0 3px } .ajax-fc-r3{ margin: 0 2px } .ajax-fc-r4{ margin: 0 1px; height: 2px }

/* FANCY CAPTCHA ENDS */



/* Footer */

#footer {
	background: url(/img/footer-bg.gif) repeat-x #005367;
	}

#footer .center {
	width: 938px;
	margin: 0 auto;
	text-align: left;
	background-color: #00576c;
	border-right: 1px solid #004d61;
	border-bottom: 1px solid #004d61;
	color: #fff;
	font-size: 11px;
	}

#footer .center ul li { display: inline; margin: 0 5px; }

#footer #newsletter {
	float: right;
	}

#footer #newsletter h4 {
	background: url(/img/titles/email-updates.gif) no-repeat;
	width: 164px; height: 17px;
	margin-bottom: 3px;
	}

#footer #newsletter input {
	background:#fcfefe url(/img/grad.php?h=24&t=fcfefe&b=b2e5f1) top left repeat-x;
	border: 1px solid #004d61;
	width: 200px; height: 14px;
	padding: 5px;
	}

#footer #newsletter input.textboxERR {
	background:#f0fdd9 url(/img/grad.php?h=24&t=f0fdd9&b=ccff75) top left repeat-x;
	border: 1px solid #ade44f;
	width: 200px; height: 14px;
	padding: 5px;
	}

#footer #newsletter a {
	display: block;
	width: 100px; height: 26px;
	background: url(/img/buttons/submit-news.gif) no-repeat 0% 0%;
	}

#footer #newsletter a:hover { background: url(/img/buttons/submit-news.gif) no-repeat 100% 100%; }


.wp-caption {
	font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thumb { padding: 3px; background-color: #fff; border: 1px solid #C3C3C3; }
	
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}