html{height:100%;}
body{
	min-width:881px;
	height:100%;
	margin:0;
	color:#333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:#003a52 url(../images/bg-body.gif) repeat-x;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#c6e9ff;
}
a:hover{text-decoration:underline;}
/* content-holder */
.content-holder{min-height:100%;}
* html .content-holder{height:100%;}
#content-box{
	width:881px;
	padding-bottom:190px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
/* header-box */
#header-box{
	width:881px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.header{
	min-height:132px;
	overflow:hidden;
	background:url(../images/bg-header.png) no-repeat;
}
* html .header{
	height:132px;
	overflow:visible;
}
.header ul{list-style:none;}
.top-nav{
	width:753px;
	min-height:27px;
	margin:0 0 0 8px;
	padding:8px 104px 0 0;
	overflow:hidden;
	background:url(../images/bg-top-nav.png) no-repeat;
}
* html .top-nav{
	height:27px;
	overflow:visible;
}
.top-nav div{float:right;}
.top-nav ul{
	margin:0;
	padding:0;
}
.top-nav ul li{
	float:left;
	padding:0 10px 0 11px;
	background:url(../images/separator-top-nav-list.gif) no-repeat 0 3px;
}
.top-nav ul li:first-child{background-image:none;}
.top-nav ul li a{
	color:#a6b1b6;
	position:relative;
	z-index:2;
}
/* logo */
.logo{
	display:block;
	margin:7px 0 0 26px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	width:222px;
	height:68px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	position:relative;
	z-index:1;
}
/* menu */
#menu{
	overflow:hidden;
	margin:-26px 0 0;
	padding:9px 0 0 128px;
}
#menu ul{
	margin:0;
	padding:0;
	height:39px;
	overflow:hidden;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
	text-align:center;
	position:relative;
	z-index:2;
}
#menu ul li{
	float:left;
	height:39px;
	overflow:hidden;
	padding:0 0 0 7px;
}
#menu ul li a{
	width:113px;
	height:54px;
	padding:5px 0 0;
	float:left;
	color:#003a52;
	margin:9px 0 0;
	background:url(../images/bg-menu-link.png) no-repeat;
	position:relative;
}
#menu ul li a:hover{
	height:16px;
	margin:-30px 0 0;
	padding:35px 0 9px;
	text-decoration:none;
}
#menu ul li.active a,
#menu ul li.active a:hover{
	height:25px;
	margin:-21px 0 0;
	padding:35px 0 9px;
	text-decoration:none;
}
.free-estimate{
	position:absolute;
	width:147px;
	height:117px;
	overflow:hidden;
	top:0;
	right:0;
	z-index:1;
}
* html .free-estimate{right:-1px;}
.free-estimate strong{
	float:left;
	width:147px;
	height:234px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-free-estimate.png) no-repeat;
	cursor:pointer;
}
.free-estimate:hover{background:none;}
.free-estimate:hover strong{margin:-117px 0 0;}
/* content */
#content{
	width:859px;
	overflow:hidden;
	margin:132px 0 0 11px;
}
.content-top,
.content-btm{
	display:block;
	width:859px;
	height:30px;
	font-size:1px;
	line-height:1px;
	background-repeat:no-repeat;
}
.content-top{background-image:url(../images/bg-content-top.png);}
.content-btm{
	background-image:url(../images/bg-content-btm.png);
	height:31px;
	clear:both;
}
.content-center{
	width:859px;
	min-height:540px;
	float:left;
	background:#fbfbfb url(../images/bg-content-center.gif) repeat-x 0 100%;
}
* html .content-center{
	height:540px;
	overflow:visible;
}
#content .main{
	width:100%;
	position:relative;
	float:left;
	margin:-9px 0 0;
}
#content .text{
	width:462px;
	min-height:306px;
	overflow:hidden;
	padding:0 341px 0 35px;
	position:relative;
}
* html #content .text{
	height:306px;
	overflow:visible;
}
#content h1,
#content h2{
	margin:0;
	padding:0 0 9px;
	font-size:24px;
	line-height:27px;
	color:#0196d8;
	background:url(../images/bg-headlines.gif) repeat-x 0 100%;
}
.general-txt{
	width:380px;
	overflow:hidden;
	padding:0 0 26px;
}
.general-txt p{
	margin:15px 0 0;
	font-size:16px;
	line-height:22px;
	color:#003a52;
}
/* service-box */
.service-box{
	width:438px;
	overflow:hidden;
	margin:20px 0 0 1px;
}
.service-box .top,
.service-box .btm{
	display:block;
	width:438px;
	height:9px;
	font-size:1px;
	line-height:1px;
	background-repeat:no-repeat;
	clear:both;
}
.service-box .top{background-image:url(../images/bg-service-box-top.png);}
.service-box .btm{background-image:url(../images/bg-service-box-btm.png);}
.service{
	width:438px;
	min-height:89px;
	float:left;
	background:#b3fa92 url(../images/bg-service-box-center.gif) repeat-x;
}
.service ul{
	list-style:none;
	margin:-1px 0 -3px;
	float:left;
	padding:0 0 0 3px;
	position:relative;
}
.service ul li{
	width:86px;
	min-height:90px;
	float:left;
	background:url(../images/separator-service-list.gif) no-repeat;
}
.service ul li:first-child{background-image:none;}
* html .service ul li{
	height:90px;
	overflow:visible;
}
.service ul li.search-engine{
	padding:0 0 0 2px;
	width:84px;
}
.service ul li a{
	display:block;
	width:78px;
	padding:58px 0 1px;
	margin:0 4px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:50% 0;
	font-weight:bold;
	font-size:10px;
	line-height:10px;
	color:#446a25;
	text-align:center;
}
.service ul li.custom-programming a{background-image:url(../images/bg-custom-programming.gif);}
.service ul li.custom-design a{background-image:url(../images/bg-custom-design.gif);}
.service ul li.ecommerce a{background-image:url(../images/bg-e-commerce.gif);}
.service ul li.content-management a{background-image:url(../images/bg-content-management.gif);}
.service ul li.search-engine a{background-image:url(../images/bg-search-engine.gif);}
.service ul span{
	width:100%;
	display:table;
	height:36px;
	margin:-2px 0 0;
	cursor:pointer;
}
.service ul em{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	font-style:normal;
	padding:3px 0 3px;
}
.service ul a:hover em{text-decoration:underline;}
.home-image{
	position:absolute;
	right:0;
	top:13px;
}
* html .home-image{right:-1px;}
/* promo-box */
.promo-box{
	width:831px;
	overflow:hidden;
	margin:37px 0 -30px 14px;
	position:relative;
}
.promo-box .top,
.promo-box .btm{
	display:block;
	width:831px;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
}
.promo-box .top{
	height:18px;
	background-image:url(../images/bg-promo-box-top.png);
}
.promo-box .btm{
	height:218px;
	background-image:url(../images/bg-promo-box-btm.png);
}
.promo-box .center{
	width:831px;
	background:url(../images/bg-promo-box-center.png) repeat-y;
}
.promo-box .center:after {
	height:0;
	clear:both;
	content:"";
	display:block;
}
.promo{
	width:100%;
	float:left;
	margin:-9px 0 -200px;
	position:relative;
}
.promo .box{
	width:250px;
	float:left;
	padding:0 7px 0 17px;
}
.promo .box a{
	font-weight:bold;
	line-height:13px;
	color:#333;
}
.promo h3{
	margin:0;
	font-size:14px;
	line-height:16px;
	color:#003a52;
}
.promo p{
	margin:9px 0 0;
	line-height:13px;
}
.promo .importante-info{
	display:block;
	overflow:hidden;
	line-height:13px;
	color:#0196d8;
	text-transform:uppercase;
	margin:6px 0 0;
}
.promo .project-screen{
	display:block;
	margin:8px 0 0;
}
.promo .members{
	height:1%;
	overflow:hidden;
	margin:5px 0 0;
	font-weight:bold;
	line-height:13px;
	color:#333;
}
.promo .project-screen img{display:block;}
.promo q:before{content:"";}
.promo q:after{content:"";}
.promo blockquote{
	height:1%;
	overflow:hidden;
	margin:6px 0 0;
}
.promo blockquote #saying_hold div div{
	height:1%;
	overflow:hidden;
}
.promo blockquote #saying_hold div img{
	float:left;
	margin:3px 10px 0 0;
}
.promo blockquote #saying_hold div q{
	quotes:none;
	font-style:italic;
	line-height:13px;
}
.promo blockquote #saying_hold div img{
	max-width:80px;
}
.promo blockquote #saying_hold div cite{
	display:block;
	font-style:normal;
	font-weight:bold;
	line-height:13px;
	margin:6px 0 0;
}
.promo blockquote p{margin:0;}
/* footer-box */
#footer-box{
	position:relative;
	width:100%;
	height:152px;
	margin-top:-155px;
	border-top:3px solid #fff;
	background:url(../images/bg-footer.gif) repeat-x;
}
.footer-holder{
	width:881px;
	margin:0 auto;
	overflow:hidden;
	padding:11px 0 0;
}
.footer{
	width:855px;
	overflow:hidden;
	margin:0 0 0 15px;
}
.footer h3{
	margin:-4px 0 0;
	font-size:14px;
	line-height:16px;
	color:#fff;
	text-transform:uppercase;
	position:relative;
}
.footer .box{
	float:left;
	margin:5px 0 0;
	padding:0 36px 0 28px;
	min-height:120px;
	background:url(../images/bg-footer-box.gif) no-repeat 100% 0;
}
* html .footer .box{
	height:120px;
	overflow:visible;
}
.footer ul{
	list-style:none;
	margin:4px 0 0;
	padding:0;
	line-height:13px;
	overflow:hidden;
}
.footer ul a:hover{
	text-decoration:none;
	color:#6a9cb5;
}
.footer .contact-info{
	float:right;
	text-align:right;
	color:#fff;
}
.footer .contact-info ul{
	margin:0;
	padding:0 0 10px;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
}
.footer .contact-info ul a{color:#fff;}
.footer .contact-info ul a:hover{text-decoration:underline;}
.footer .contact-info p{
	margin:0;
	font-size:10px;
	line-height:11px;
}
/* inner page */
.inner .content-top{
	height:570px;
	background-image:url(../images/bg-inner-content-top.png);}
.inner .content-btm{
	background-image:url(../images/bg-inner-content-btm.png);
	height:30px;
}
.inner .content-center{
	min-height:1px;
	padding:0 29px 0 29px;
	width:801px;
	background:#fbfbfb url(../images/bg-inner-content-center.gif) repeat-y;
}
* html .inner .content-center{
	height:1px;
	overflow:visible;
}
.inner #content .main{margin:-545px 0 0;}
/* text-box */
.text-box{
	width:563px;
	overflow:hidden;
	float:right;
	margin:19px 0 0;
	position:relative;
}
.inner-image{
	position:absolute;
	left:0;
	top:0;
}
/* page-title */
.page-title{
	min-height:240px;
	padding:0 0 0 310px;
	margin:5px 0 0;
	text-align:right;
	overflow:hidden;
}
* html .page-title{
	height:240px;
	overflow:visible;
}
#content .page-title h2{
	margin:27px 0 0 20px;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	color:#003a52;
	text-transform:uppercase;
	background:none;
	padding:0;
}
.text-main{
	height:1%;
	overflow:hidden;
	padding:0 0 0 15px;
	margin:21px 0 0;
}
.text-main p{
	margin:10px 0 0;
	font-size:12px;
	line-height:29px;
}
.text-main a{
	color:#0179ad;
	text-decoration:underline;
}
.text-main a:hover{text-decoration:none;}
/* sidebar */
.sidebar{
	width:189px;
	float:left;
}
.sidebar h3{
	margin:14px 0 0;
	padding:0 0 6px;
	font-size:16px;
	line-height:18px;
	color:#003a52;
	width:154px;
	background:url(../images/bg-sidebar-titles.gif) repeat-x 0 100%;
}
/* navigation */
.navigation{
	width:191px;
	overflow:hidden;
}
.navigation .top,
.navigation .btm{
	display:block;
	width:191px;
	font-size:1px;
	line-height:1px;
	background-repeat:no-repeat;
	clear:both;
}
.navigation .top{
	height:210px;
	background-image:url(../images/bg-navigation-top.png);
}
.navigation .btm{
	height:21px;
	background-image:url(../images/bg-navigation-btm.png);
}
.navigation .center{
	width:183px;
	padding:0 6px 0 2px;
	background:url(../images/bg-navigation-center.png) repeat-y;
}
.navigation .center:after {
	height:0;
	clear:both;
	content:"";
	display:block;
}
.sidebar .navigation h3{margin:0 0 0 14px;}
.nav-main{
	width:100%;
	float:left;
	margin:-195px 0 0;
	position:relative;
}
.nav-main ul{
	list-style:none;
	margin:6px 0 0;
	padding:0;
	height:1%;
	line-height:13px;
	overflow:hidden;
	text-align:right;
}
.nav-main ul li{
	height:1%;
	overflow:hidden;
	background:url(../images/separator-side-nav.gif) no-repeat 24px 100%;
}
.nav-main ul li a{
	color:#003a52;
	padding:5px 31px 8px 24px;
	display:block;
	height:1%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(../images/bg-sidebar-link.png);
}
.nav-main ul li a:hover{
	text-decoration:none;
	background-image:url(../images/bg-sidebar-link-hover.png);
}
.nav-main ul li.large a:hover{background-image:url(../images/bg-sidebar-large-link-hover.png);}
/* sidebar-main */
.sidebar-main{
	height:1%;
	overflow:hidden;
	padding:0 18px 0 16px;
}
.project-foto{
	height:1%;
	overflow:hidden;
	margin:14px 0 0;
	padding:0 2px 0 0;
}
.project-foto a{float:right;}
.project-foto img{float:right;}
.names{
	height:1%;
	margin:5px 0 0;
	overflow:hidden;
	text-align:right;
	line-height:13px;
	color:#003a52;
}
.names a{color:#003a52;}
.sidebar-main blockquote{
	margin:13px 0 0;
	padding:0 1px 0 0;
	font-style:italic;
	line-height:13px;
	color:#003a52;
	height:1%;
	overflow:hidden;
	text-align:right;
}
.sidebar-main blockquote a{color:#003a52;}
.sidebar-main blockquote q{
	width:100%;
	display:block;
	quotes:none;
}
.sidebar-main blockquote q:before{content:"";}
.sidebar-main blockquote q:after{content:"";}
/* more */
.more{
	height:1%;
	margin:11px 0 0;
	overflow:hidden;
	font-weight:bold;
	line-height:13px;
}
.more a{
	float:right;
	color:#fff;
	padding:0 0 0 10px;
	background:url(../images/bg-more.gif) no-repeat 0 6px;
}
a.accessibility {
	position:absolute;
	top:0;
	left:-9999px;
}

/*New Promo Box Code*/

.promo .box2{
	width:250px;
	float:left;
	padding:0 7px 0 17px;
}
.promo .box2 a{
	font-weight:bold;
	line-height:13px;
	color:#333;
}

.promo .box2 .boxBorder {
	width: 220px;
	padding: 5px 0 0 0;
	border-top: dashed 1px #999999;
}

.box2 a.FeatureLink {
	color: #003A52;
	text-decoration: none;
}

.box2 a.FeatureLink:hover {
	color: #666666;
	text-decoration: underline;
}

/*New Promo Box Code*/

.jobheader{
	background:transparent url(../images/bg-headlines.gif) repeat-x scroll 0 100%;
	color:#0196D8;
	
}

.apply{
	width:100%; 
	text-align:right;
}
.apply a{
	text-decoration:none;
	color:#0196D8;
	font-weight:bold;
	
}
.apply a:hover{
	color:#86CB4F;
}

/*Forms*/



form,fieldset{
	margin:0;
	padding:0;
	border:none;
}






.contact-holder{
	overflow:hidden;
	width:738px;
}
.contact-form .left{
	overflow:hidden;
	width:466px;
	padding:8px 10px 7px;
}
.contact-form h2{
	margin:0;
	background:url(../images/please-feel-h.gif) no-repeat;
	height:16px;
}
.contact-form ul{
	margin:16px 2px 44px 17px;
	padding:0;
	list-style:none;
}
.contact-form li{
	height:1%;
	vertical-align:top;
	overflow:hidden;
	margin-bottom:14px;
}
.contact-form label{
	font-weight:bold;
	float:left;
	padding:11px 0 0;
}
.contact-form .inp-text{
	float:right;
	width:226px;
}
.contact-form .inp-text input{
	width:196px;
	color: #000000;
}


.contact-form .inp-select{
	float:right;
    width:225px;

}

.contact-form .inp-check{
	float:right;
    width:240px;

}

.contact-form .lbl-narrow
{
    width:180px;
}

.contact-form .textarea{
	background: url(../images/textarea-bg.gif) no-repeat;
	padding:1px 1px 1px 15px;
	height:108px;
	width:272px;
	overflow:hidden;
	float: right;
}

.contact-form textarea{
	float: right;
	height:108px;
	width:272px;
	overflow:auto;
	background:none;
	border:0;
}



.form-holder{
	overflow:hidden;
	height:1%;
	padding:6px 20px 5px 26px;
}
.form-holder p{
	line-height:22px;
	margin:0;
}
.form-holder strong{
	padding-right:3px;
	color:#c2002a;
}
.form-holder fieldset{
	float:left;
	margin:17px 15px 0 0;
	width:293px;
}
.form-holder fieldset .inp-text{
	float:left;
	width:200px;
	margin-right:8px;
}
.form-holder fieldset .inp-text input {
	width:170px;
}

.inp-text {
	background:url(../images/inptxt1-left.png) no-repeat;
}


/*.contact-form li input:focus {
	font-size: 10px;
	color: #FFFFFF;
	padding: 2px;
	background-color: #80C547;
}

.contact-form textarea:focus {
	color: #FFFFFF;
	padding: 2px;
	background-color: #80C547;
}
*/

.inp-check .right
{
    padding:8px 15px 9px;
	overflow:hidden;
	height:1%;
}

.inp-text .right{
	background:url(../images/inptxt1-right.png) no-repeat 100% 0;
	padding:8px 15px 9px;
	overflow:hidden;
	height:1%;
}

.inp-text input{
	color:#7d7d7d;
	background:none;
	border:0;
	padding:0;
	float:left;
}

	
/*New Sumbit Button */
a.newButton {
	background:transparent url(../images/bg_button_a.png) no-repeat scroll right top;
	color:#444444;
	display:block;
	float:left;
	font-family:arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:24px;
	line-height:normal;
	margin-right:6px;
	padding-right:18px;
	text-decoration:none;
}
a.newButton:hover span, a.newButton:active span {
	background-position:left bottom;
	padding:6px 0 4px 18px;
}
a.newButton span {
	background:transparent url(../images/bg_button_span.png) no-repeat scroll 0 0;
	display:block;
	line-height:14px;
	padding:5px 0 5px 18px;
}
a.newButton:hover, a.newButton:active {
	background-position:right bottom;
	color:#000000;
	outline-style:none;
	outline-width:medium;
}
	
.buttonstyle{
    color:#7CA2BC; 
    background-color:#000000;
    cursor: pointer;
    z-index: 10;
    font-weight:bold;
    border:3px solid;
    padding:2px;
}
    .buttonstylehover {
    color:#FFFFFF; 
    background-color:#000000;
    cursor: pointer;
    z-index: 10;
    font-weight:bold;
    border:3px solid #7CA2BC;
    padding:2px;
}