@charset "utf-8";
/* CSS Document */
.clear{
clear:both;
}
img{
border:none;
}
html,body{
width:100%;
margin:0px;
padding:0px;
}

.submit-button {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
	padding: 8px 15px;
	margin: 0px ;
	background: #535454 url(../images/but-bg.gif) repeat-x;
	cursor:pointer;
}

.signin-button {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
	padding: 8px 15px;
	margin-top: 7px ;
	background: #535454 url(../images/but-bg.gif) repeat-x;
	cursor:pointer;
}

a {
	color: #139ad3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.wrapper{
background:#F6F6F5;
width:100%;
font-family:Helvetica, sans-serif
}
.hdr-bg{
background:url(../images/header-bg.jpg) top center no-repeat;
height:405px;
}
.hdr-bg-small{
background:#1A1A1A;
height:82px;
margin-bottom:20px;
}
.header{
width:1064px;
margin:0px auto;
height:408px;
}
.hdr-top{
padding:40px 20px 55px 0px;
text-align:right;
}
.hdr-top ul{
margin:0px;
padding:0px;
list-style:none;
margin-right:25px;
}
.hdr-top ul li{
float:right;
height:14px;
text-align:center;
padding: 14px 16px;
border-right: solid 1px #58524e;
font-size: 16px;
font-family: Helvetica, Arial, Verdana;
}
.hdr-top ul li.first {
float:right;
height:14px;
border-right: solid 0px #58524e;}
.hdr-top ul li.clear{
clear:both;
background:none;
height:auto;
width:auto;
float:none;
}
.hdr-top ul li.social {
float:right;
height:25px;
border-right: solid 0px #58524e;
padding:9px 55px 0px 0px;
}
.hdr-top ul li a{
color:#c0c0c0;
text-decoration:none;
}

.hdr-top ul li a:hover {
	color: #FFFFFF;
}
.hdr-left {
float:left;
padding-left:45px;
margin-top:-22px;
}
.hdr-cnt{
	margin: 15px 0px 0px 0px;
}
.hdc-left{
width:320px;
float:left;
padding:30px 40px 0px 0px;
text-align:right;
}
.hdc-left h2{
padding:20px 0px;
margin:0px;
font-weight:normal;
font-size:24px;
color:#FFFFFF;
}
.hdc-left h3{
margin:0px;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
}
.hdc-left h3 span{
font-weight:bold;
display:block;
}
.hdc-right{
float:right;
width:700px;
text-align:right;
} 

.content{
width:100%;
font-size:13px;
min-height:500px;
}
.cnt-top{
width:940px;
margin:0px auto;
}
.content h2{
font-size:24px;
color:#2F3132;
padding:25px 0px 15px 5px;
margin:0px;
}
.cntt-left{
float:left;
width:310px;
}
.gq-form{
font-size:16px;
}
.gq-form a{
font-size:12px;
}
.gqf-top{
background:url(../images/ctl-top.png) no-repeat;
width:298px;
height:15px;
}
.gqf-rep{
background:url(../images/ctl-rep.png) repeat-y;
width:298px;
}
.gqf-bott{
background:url(../images/ctl-bott.png) no-repeat;
width:298px;
height:15px;
}
.gqfr-left{
width:140px;
float:left;
padding:0px 0px 0px 20px;
}
.gqfr-left label{
color:#545656;
font-size:12px;
font-weight:bold;
}
.inp-txt{
margin-bottom:3px;
background:url(../images/txt-box.png) no-repeat;
width:130px;
height:17px;
border:none;
padding:0px 2px;
padding: 3px 0px 0px 4px;
}
.inp-txt:last-child{
margin-bottom:5px;
}
.inp-txt-dropdown{
margin-bottom:6px;
background:url(../images/txt-box.png) no-repeat;
width:130px;
height:21px;
border:none;
padding:0px 2px;
padding: 3px 0px 0px 4px;
}
.gqfr-right{
width:115px;
float:left;
padding:137px 0px 0px 20px;
}
.gqfr-rightcontact{
width:115px;
float:left;
padding:319px 0px 0px 20px;
}
.inp-butt{
background:url(../images/butt-SendNow.png) no-repeat;
width:110px;
height:34px;
border:none;
}
.cntt-right{
padding-left:10px;
float:left;
}
.cnt-middle{
width:940px;
margin:0px auto;
margin-bottom:35px
}
.webdevp-steps {
border-top:1px solid #E4E4E3;
border-bottom:1px solid #E4E4E3;
}
.webdevp-steps h3{
color:#2F3132;
font-size:18px;
}
.pf{
width:299px;
float:left;
height:145px;
padding:7px;
}
.wd-stepnone{
width:300px;
float:left;
height:200px;
padding: 5px 20px 0 0;
}
.wd-stepnone p{
font-size: 14px;
font-weight: normal;
}
.wd-step1{
width:300px;
float:left;
background:url(../images/bg-no1.png) top right no-repeat;
height:145px;
}
.wd-step1  h3{
background:url(../images/ico-no1.png) no-repeat;
padding:4px 0px 10px 30px;
margin:10px 0px 0px;
}
.wd-step2  h3{
background:url(../images/ico-no2.png) no-repeat;
padding:4px 0px 10px 30px;
margin:10px 0px 0px;
}
.wd-step3  h3{
background:url(../images/ico-no3.png) no-repeat;
padding:4px 0px 10px 30px;
margin:10px 0px 0px;
}
.webdevp-steps p{
margin:0px;
color:#545656;
font-size:12px;
font-weight:bold;
padding:5px 0px 10px;
line-height:16px;
}
.pf p{
margin:0px;
color:#545656;
font-size:12px;
font-weight:bold;
padding:5px 0px 10px;
line-height:16px;
}
a.more{
display:block;
color:#0099CD;
font-size:12px;
text-align:right;
text-decoration:none;
background:url(../images/ico-plus.png) center right no-repeat;
padding-right:15px;
margin-right:5px;
}
.wd-step2{
width:300px;
float:left;
margin-left:20px;
background:url(../images/bg-no2.png) top right no-repeat;
height:145px;
}
.wd-step3{
width:300px;
float:left;
margin-left:20px;
background:url(../images/bg-no3.png) top right no-repeat;
height:145px;
}
.blog-post{
background:#F3F3F3;
padding:15px;
border: solid 1px #DDDDDD;
}
.cnt-bottom{
width:940px;
margin:0px auto;
padding-bottom:25px;
}
.cnt-bottom-bg{
background:#DAD7CF;
}
.cnt-bottom h4{
color:#94191C;
font-size:16px;
padding:30px 0px 15px 0px;
margin:0px;
}
.cnt-bottom p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
color:#393A3A;
padding-bottom:20px;
}
.cb-left1{
width:300px;
float:left;
}
.cb-left2{
width:300px;
float:left;
margin-left:20px;
}
.cb-left3{
width:300px;
float:left;
margin-left:20px;
}
.cbl1-left{
float:left;
width:105px;
margin-right:10px;
}
.cbl2-left{
float:left;
width:105px;
margin-right:10px;
}
.cbl1-right{
width:170px;
float:left;
}
.cbl1-right p{
padding-bottom:15px;
}
.butt-allreasons{
background:url(../images/butt-reallallreasons.png) no-repeat;
border:none;
width:142px;
height:35px;
}
.cbl3-left{
float:left;
width:105px;
margin-right:10px;
}
.cbl2-right{
width:140px;
float:left;
}
.cbl2-right p{
padding:0px;
}
.butt-signin{
background:url(../images/butt-signin.png) no-repeat;
width:87px;
height:34px;
border:none;
margin-top:10px;
}
.cbl2-right label{
color:#393A3A;
font-size:12px;
font-weight:bold;
padding-left:3px;
display:block;
}
.cbl3-right{
width:185px;
float:left;
line-height:22px;
}
.footer-bg{
width:100%;
background:#1A1A1A;
}
.footer{
width:940px;
margin:0px auto;
padding:15px 0px 10px;
font-family: Helvetica, sans-serif;
}
.fot-left{
width:400px;
float:left;
}
.fot-left .img{
float:left;
padding-right:20px;
}
.fot-right{
float:right;
text-align:right;
width:400px;
}
.footer a{
color:#989898;
text-decoration:none;
font-size:12px;
display:block;
padding:5px 0px;
}
ul.gallery {
	width: 940px; 
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 280px; /*--Width of image--*/
	height: 122px; /*--Height of image--*/
	padding: 0px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 280px;
	height: 122px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

ul.galleryscreenshot {
	width: 940px; 
	list-style: none;
	margin: 0; padding: 0;
}
ul.galleryscreenshot li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.galleryscreenshot li a.screenshot {
	width: 280px; /*--Width of image--*/
	height: 210px; /*--Height of image--*/
	padding: 0px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.galleryscreenshot li span { /*--Used to crop image--*/
	width: 280px;
	height: 210px;
	overflow: hidden;
	display: block;
}
ul.galleryscreenshot li a.screenshot:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.galleryscreenshot li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.galleryscreenshot li a {text-decoration: none; color: #777; display: block;}