/******************************
		    Homepage
*******************************/
.flashbox {width:970px;height:345px;margin-bottom:30px;}

.hp-mainpromo {background:url(../images/hp-mainpromo02.jpg) left top no-repeat;width:960px;margin:10px 0;height:319px;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 2px #888888;}
.hp-mainpromo ul {padding:211px 5px 0;} 
.hp-mainpromo ul li {float:left;padding:0px 22px;width: 202px;list-style: none outside none;border-right:1px solid #1F1F1F;}
.hp-mainpromo ul li h3 a {font-size: 24px;font-weight: normal;letter-spacing: 1px;}
.hp-mainpromo ul li p {color:#fff;text-align:justify;line-height: 16px;font-size:14px;}
.hp-mainpromo ul li p .darkbold {font-weight:normal;color: #c1c1c1;font-style:italic;display:inline;font-size:12px;}
.hp-mainpromo ul li h3 a.green {color:#65a909;}
.hp-mainpromo ul li h3 a.red {color:#c2471f;}
.hp-mainpromo ul li h3 a.yellow {color:#ea990c;}
.hp-mainpromo ul li h3 a.blue {color:#1eb6e8;}
.hp-mainpromo ul li.first {padding-left:5px;}
.hp-mainpromo ul li.last {padding-right:0px;border:none;}

h2.h-image {height:40px;position:relative;}
h2.hpblog {background:url(../images/header-blog.png) no-repeat left top;width:595px;margin-bottom:15px;}
h2.hptwitter {background:url(../images/header-twitter.png) no-repeat left top;width:340px;margin-bottom:10px;}


/************************************
		   Portfolio
************************************/
.boxswap {background:url(../images/portfolio-pattern.gif) left top repeat;height:200px;width:310px;margin:0px 8px 5px 0px;position:relative;overflow:hidden;float:left;}
.boxswap img {position:absolute;left:0px;height:200px;width:310px;}
.boxtext {width:281px;height:180px;margin-top:10px;}
.boxtext p {font-size:14px;padding-left:10px;padding-top:6px;margin:0px;padding-right:5px;}
.title {font-size:16px;color:#366bba;margin:0px;padding:10px;font-weight:bold;}

a.casestudy {display:block;width:118px;height:33px;background:url(../images/sprite-portfolio.png) left -66px no-repeat;float:left;margin-left:10px;margin-top:10px;}
a.casestudy:hover {background-position:0px -99px;}
a.project {display:block;width:118px;height:33px;background:url(../images/sprite-portfolio.png) left top no-repeat;float:left;margin-left:10px;margin-top:10px;}
a.project:hover {background-position:0px -33px;}


/************************************
		     Services
************************************/
/* Web Design */
.promobox {margin:0px;padding:0px;width:620px;height:280px;}
.webprocesstext {margin:0px;padding:0px;}
.guaranteestext {display:block;width:100%;font-size:13px;color:#000;}
.guarantees {font-size:17px;line-height:21px;padding-left:100px;margin-top:15px;}
.guarantees ul {padding:20px;list-style:none;}
.guarantees ul li {background:url(../images/web_design_process/bullet.png) left center no-repeat;}
.border {background:url(../images/web_design_process/borderimg.gif) left top no-repeat;padding:10px;width:580px;height:150px;}

ul.foursteps {margin:0px;padding:0px;}
ul.foursteps li {list-style:none;margin-bottom:15px;border-top:1px solid #E2EEF9;padding-top:20px;margin-bottom:20px;}
.foursteps h3 {background-image:url(../images/sprites-numbers.png);background-repeat:no-repeat;height:40px;padding-left:44px;margin-bottom:6px;line-height:22px;font-size:23px;}
.number1 {background-position:0px 0px;}
.number2 {background-position:0px -40px;}
.number3 {background-position:0px -80px;}
.number4 {background-position:0px -120px;}

/* Web Development */
ul.webdev {margin:0px;padding:0px;list-style:none;}
ul.webdev li {float:left;width:290px;margin:0px 15px 10px 0px;}
ul.webdev li.last {margin:0px 0px 10px 0px;}
ul.webdev a {background:url(../images/btn-webdev.gif) no-repeat left top;display:block;height:50px;font-weight:bold;font-size:18px;color:#444444;}
ul.webdev a:hover {background-position:left bottom;text-decoration:none;color:#dd5a3f;}
ul.webdev img {padding:2px 0px 0px 15px;position:relative;top:7px;}


/* Content Management */
.fboxes {width:42%;margin:0px 10px 10px 0px;float:left;min-height:200px;}
.f150 {min-height:150px;}
.f115 {min-height:115px;}


.popbox {float:left;height:255px;position:relative;width:280px;}
.popbox img {position:absolute;right:-22px;}


a span.grey{display:inline; color:#333; font-size:12px;}
ul.hpBlog img{padding:0 15px 0 0}
ul.hpBlog a{font-size:18px;}
ul.hpBlog li{margin-top:25px;}


/******************************
	 	     Blog
*******************************/
.blog {padding:10px 0px;margin:0px;}
.blog li {margin-bottom:40px;list-style:none;}
.blog h3.article-title {border-bottom:1px dotted #333333;padding-bottom:3px;margin-bottom:3px;line-height:1.1;font-size:18px;}
.blog h3 a {color:#333333;}
.blog h3 a:hover {color:#dd5a3f;text-decoration:none;}
span.whowhen {color:#666666;font-size:11px;display:block;}
a.rss-icon {background:url(../images/icons-rss.png) no-repeat left top;width:21px;height:23px;position:absolute;right:15px;bottom:3px;cursor:pointer;}
a.rss-icon:hover {background-position:left bottom;}

/* Comment Section */
.comments h4 {color:#333333;font-size:20px;margin-bottom:15px;}
.commentpost {background:url(../images/bg-blogcomments.gif) repeat left top;padding:10px 10px 5px;margin-bottom:10px;border:1px solid #DAEAF5;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px;}
.commentpost h5 {color:#666666;font-size:14px;}
.commentpost h5 strong {color:#000000;font-style:italic;}
.commentpost p {color:#6088A9;}

form.comment {border-top:1px dotted #999999;margin-top:30px;padding-top:5px;}

/* Share Icons */
.sharebtns-right {float:right;margin:15px 10px 0px 0px;width:180px;}

ul.sharebtns-left {float:left;list-style:none;padding:0px;margin:15px 0px 15px 20px;}
ul.sharebtns-left li {float:left;margin:0px 5px 0px 0px;}
ul.sharebtns-left span {display:block;}

div.post-navigation {margin:20px 0;}
a.prev-nav {display:block; width:100px; height:26px; background:url(../images/prev-article.png) top left no-repeat; float:left;}
a.next-nav {display:block; width:100px; height:26px; background:url(../images/next-article.png) top left no-repeat; float:right;}
a.next-nav:hover, a.prev-nav:hover {background-position:bottom left;}
/******************************
	 	   About Us
*******************************/
.staffrow {margin:0px;}
.boxstaff {background:url(../images/portfolio-pattern.gif) repeat left top;margin:0px;float:left;padding:0px;width:243px;height:241px;position:relative;}
.boxstaff img {position:absolute;left:0px;}
.stafflisting_pg ul {margin:0px 0px 0px -5px;padding:0px;width:985px;list-style:none;}
.infoteam {padding:10px;}
.infoteam h4 {font-size:16px;}
.caption {position:absolute;color:#FFFFFF;display:block;font-size:16px;padding:13px 0px 0px 15px;top:199px;z-index:10;width:228px;height:30px;}
.dark {background:url(../images/gradientdark.png) left bottom repeat-x;}
.bright {background:url(../images/gradientbright.png) left bottom repeat-x;}
.profilebtn {margin:0px;padding:0px;}
.profilebtn a {display:block;width:118px;height:33px;background:url(../images/profilebtn.jpg) left top no-repeat;}
.profilebtn a:hover {background-position:0px -33px;}

/* Staff Profile */
h3.position {position:relative;bottom:7px;}


/******************************
	 	   Contact
*******************************/
form.contact textarea {width:75%;}
.googlemap {border-top:1px dotted #BBCFDC;padding-top:15px;}

/************************************
		   Portfolio NEW
************************************
.boxswap2 {background:url(../images/bg-case1.png) left top repeat;height:282px;width:470px;margin:0px 7px 5px 0px;position:relative;overflow:hidden;float:left;}
.boxswap2 img {position:absolute;left:27px;height:255px;width:405px; border:5px solid #4E595C;}
.boxswap3 {background:url(../images/bg-case2.png) left top repeat;height:282px;width:470px;margin:0px 7px 5px 0px;position:relative;overflow:hidden;float:left;}
.boxswap3 img {position:absolute;left:27px;height:255px;width:405px; border:5px solid #4E595C;}
.boxtext2 {width:405px;height:282px;padding:20px;}
.boxtext2 p {font-size:14px;padding-left:10px;padding-top:6px;margin:0px;padding-right:5px;}
/**/.title2 {font-size:16px;color:#366bba;margin:0px;padding:10px;font-weight:bold;}

a.casestudy2 {display:block;width:118px;height:33px;background:url(../images/sprite-portfolio.png) left -66px no-repeat;float:left;margin-left:10px;margin-top:10px;}
a.casestudy2:hover {background-position:0px -99px;}
a.project2 {display:block;width:118px;height:33px;background:url(../images/sprite-portfolio.png) left top no-repeat;float:left;margin-left:10px;margin-top:10px;}
a.project2:hover {background-position:0px -33px;}


.portfolio-new {padding: 0 10px;}
.portfolio-new li {width:950px;height:300px;background:url(../images/bg-stripes.png) left top repeat;border-radius: 5px 5px 5px 5px;border: 1px solid #DDDDDD;list-style: none outside none;margin:10px 0px;}
.portfolio-new li.bluestripes {background:url(../images/bg-stripes2.png) left top repeat} 
.portfolio-new li .screenshot-portfolio {float:left;width:440px;}
.portfolio-new li .info-portfolio {float:left;margin: 20px 0 0 10px;width: 480px;}
.portfolio-new li a img {box-shadow: 0 0 3px 0 #8C8282;margin:18px;border:5px solid #eee;border-radius:5px;}
.portfolio-new li a:hover img {border:5px solid #D1DEE8;}
.portfolio-new li p.grey14italic {font-size:16px;color:#CCC;font-style:italic;}

.portfolio-new li p {font-size:14px;color:#342f2f;}

.portfolio-new li a.btn-launchwebsite {
   border: 2px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    color: #D2563D;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    padding: 9px 15px 7px;
    text-decoration: none;
    text-shadow: 0 1px 0 #E3E3E3;
    vertical-align: middle;
	background: -moz-linear-gradient(center top , #FFFFFF, #D7E9FF) repeat scroll 0 0 transparent;
	display:inline-block;
	margin-top:5px;
   }
.portfolio-new li a.btn-launchwebsite:hover {
	text-decoration: none;
   background: #d4d4d4;
   color:#BC381D;
   background: -moz-linear-gradient(center top , #fff, #9FC3EE) repeat scroll 0 0 transparent;
   }
.portfolio-new li a.btn-launchwebsite:active {
   border-color: #dbdbdb;
   background: #8dc63f;
   color:#fff;
   text-shadow:none;
   }



/***************************************
			 NEW CONTACT PAGE			
***************************************/
.btn-request-contact {background: -moz-linear-gradient(center top , #FFFFFF, #D7E9FF) repeat scroll 0 0 transparent;
    border: 2px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    color: #D2563D;
    display: block;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 18px;
	letter-spacing:1px;
	margin:0 auto 20px;
    padding:15px 15px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #E3E3E3;
    vertical-align: middle;
	width: 220px;
	text-align:center;}
	
.btn-request-contact:hover {background: -moz-linear-gradient(center top , #D64D18, #83300F) repeat scroll 0 0 transparent;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

.contact2 label {width:100%;float:left;text-align:left;margin-right:10px;font:bold 14px Helvetica,Arial,sans-serif;padding-top:3px;color:#000;}
.contact2 input.text {background-color:#fff;border:1px solid #b9def6;color:#ababab;font:normal 12px Helvetica,Arial,sans-serif;padding:10px 5px 8px;width:95%;margin-bottom:10px;letter-spacing:0.4px;}
.contact2 textarea {background-color:#fff;border:1px solid #b9def6;width:95%;height:160px;padding:6px 4px 3px;color:#ADADAD;font:12px/1.3 Helvetica,Arial,sans-serif;margin-bottom:15px;letter-spacing:0.2px;}
.contact2 input.radio {float:left;margin-bottom:10px;margin-right:3px;}
.contact2 span.checktext {float:left;margin-right:20px;padding-top:3px;}
.contact2 input.submit {background:transparent url(../images/btn-submitgreen.png) no-repeat left top;border:none;cursor:pointer;display:block;height:33px;width:124px;padding-bottom:2px;outline-style:none;}
.contact2 input.submit:hover {background-position:left bottom;}

.faqs-contact {margin: 10px 0 0;padding: 0;}
.faqs-contact li { list-style:none;}
.faqs-contact li p.question-contact {font-size:12px;font-family:Arial, Helvetica, sans-serif;font-style:italic;color:#3d3e40;line-height:18px;padding-left:20px;background:url(../images/icon-faq.png) left 2px no-repeat;}
.faqs-contact li p.answer-contact {font-size:12px;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:bold;color:#3d3e40;line-height:18px;padding-left:20px;}



/***************************************
			 REQUEST CONSULTATION		
***************************************/

.request-lightbox {width:843px;margin:20px auto;border-radius:10px;background:url(../images/bg-requestconsultation.jpg) left bottom no-repeat #fbfdff;padding:5px;}
.request-lightbox hr {display:block;background:rgba(0,0,0,0.05);border:none;}

.RP-form {}
.RP-form label {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#292727;font-weight: normal;margin: 0;padding: 0;float:none;}
.RP-form input[type="text"] {background-color:#fff;border:1px solid #b9def6;padding:6px 5px 4px;color:#ababab;font-size:16px;margin:10px 0;width:80%;}
.RP-form input[type="checkbox"] {margin:15px 5px 15px 0px;}
.RP-form input[type="submit"] {background:url(../images/btn-onemorestep.png) no-repeat left top;border:none;cursor:pointer;display:block;height:33px;width:193px;outline-style:none;}
.RP-form input[type="submit"]:hover {background-position:left bottom;}
.RP-form textarea {}
.RP-form select {}