body {
	margin:0px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
	color:#133946;
	background:#B3CBE3 url(../images/background.jpg) no-repeat 50% 0;
}


/*---------------------------- TEXT STYLES ----------------------------*/
/* Blockquote */
blockquote {
	padding: 1em 40px 0 15px;
	margin: 1em 0 0 0;
	text-align:justify;
}

blockquote span.open {
	background: url(../images/so-q.gif) no-repeat left top;
	padding: 2px 0 2px 25px;
}

blockquote span.close {
	background: url(../images/sc-q.gif) no-repeat bottom right;
	padding: 2px 25px 2px 0;
}


h2 {
	margin:0px 0px 16px 0px;
	padding-top:7px;
	font-size:200%;
	color:#2c2c2c; 
	font-family:"Myriad Pro Cond","Trebuchet MS", "Arial";
}

hr {
	background-color:#dddddc;
	border:#dddddc;
	height:1px;
	margin:25px 0 25px 0;
}

small {
	padding-left:5px;
	color:#2c2c2c;
	font-size:11px;
	background:#03697f;
	display:block;
	margin-bottom:15px;
	font-weight:bold;
	width:80%;
}
a ,b {
	color:#2c2c2c;
	text-decoration:none;
}
a:hover { text-decoration:underline; }

a.blue:link, a.blue:visited { color:#4586BE; text-decoration:underline; }
a.blue:hover { color:#4586BE; }

a img{
	border:none;
}

a img:hover{
	border:none;
	text-decoration:none;
}

p { margin: 0px 0px 12px 0px; }

p.question {
	background: url(../images/icon-question.png) no-repeat 3px 3px;
	padding: 0px 3px 0px 25px;
	margin:20px 0 8px 0;
	color: #009;
	font-weight:bold;
	font-size:120%;
}

p.answer {
	background: url(../images/icon-answer.png) no-repeat 3px 3px;
	padding: 0px 3px 0px 25px;
	margin:8px 0 8px 0;
	color: #333;
	font-weight:normal;
	font-size:100%;
	text-align:justify;
}

/* Check list */
ul.tick {
	list-style: none;
	margin:0;
	padding:0 0 15px 15px;
}

ul.tick li {
	margin: 0px;
	padding: 3px 0 0 30px;
	font-family:Tahoma, Geneva, sans-serif;
	background: url(../images/tick.png) no-repeat 5px 5px;
}

.wrapper {
	width:960px;
	margin:0 auto;
	clear:both;
	height:100%;
}

/*---------------------------- HEADER ----------------------------*/
#menuContainer {
	width:960px;
	height:69px;
	position: absolute;
	top:10px;
	background:url(../images/menu_bg.png) 0 0 repeat-x;
	margin:0;
	padding:0;
}

#menu {
	float:right;
	height:69px;
	width:310px;
	margin:0;
	padding:0;
	background:url(../images/phone.png) 0 0 repeat-x;
}

		
#logo {float:left; width:610px; height:69px; margin:0; padding:0;}

#slideContainer {
	position:absolute;
	top:79px;
	width:960px;
	height:319px;
	background:#407EB7 url(../images/slider_back.png) no-repeat 0 0;
	margin:0;
	padding:0;
}

#slideContainer2 {
	position:absolute;
	top:79px;
	width:960px;
	height:115px;
	background:#407EB7 url(../images/slider_back_sm.png) no-repeat 0 0;
	margin:0;
	padding:0;
}

#slidetextWrapper {
	width:430px;
	height:270px;
	margin:26px 0 0 137px;
	padding:0;
	float:left;
	overflow:hidden;
}

#slidetextWrapper h2 {
	font-size:200%;
	font-weight:bold;
	color:#FFF;
	margin:0px 0px 16px 0px;
	padding-top:7px;
	font-family: Verdana, Geneva, sans-serif;
	text-align:center;
	line-height:125%;
	font-style: italic;
}

#slidetextWrapper2 {
	width:690px;
	height:115px;
	margin:16px 0px 0px 0px;
	padding:0;
	float:left;
	overflow:hidden;
}

#slidetextWrapper2 h2 {
	font-size:190%;
	font-weight:bold;
	color:#FFF;
	margin:0px 0px 16px 0px;
	padding-top:15px;
	font-family: Verdana, Geneva, sans-serif;
	text-indent:130px;
	line-height:125%;
	font-style: italic;
}

#slideQuote {
	width:145px;
	height:42px;
	margin:33px 60px 0px 0px;
	padding:0;
	float:right;
	text-align: center;
	overflow:hidden;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#slideQuote a:link, #slideQuote a:visited {
	line-height:42px;
	text-align:center;
	font-family: "Comic Sans MS", cursive;
	font-weight:bold;
	font-size:100%;
	color:#FFF;
	display:block;
	text-decoration:none;
	border:none;
	outline:none;
}

#slideQuote a:hover {
	text-decoration:none;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px -43px;
}


#button_services {
	line-height:42px;
	text-align:center;
	height:42px;
	width:145px;
	margin-top:10px;
	margin-left:45px;
	float:left;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:none;
	outline:none;
}

#button_portfolio {
	line-height:42px;
	text-align:center;
	height:42px;
	width:145px;
	margin-top:10px;
	margin-left:45px;
	float:left;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:none;
	outline:none;
}

#button_contact {
	line-height:42px;
	text-align:center;
	height:42px;
	width:145px;
	margin-top:10px;
	margin-left:45px;
	float:left;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:none;
	outline:none;
}

#button_contact2 {
	line-height:42px;
	text-align:center;
	height:42px;
	width:145px;
	margin:10px auto 0 auto;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:none;
	outline:none;
}

#button_quote {
	line-height:42px;
	text-align:center;
	height:42px;
	width:145px;
	margin-top:10px;
	margin-left:45px;
	float:left;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:none;
	outline:none;
}

#button_services a:link, #button_services a:visited, #button_portfolio a:link, #button_portfolio a:visited, #button_contact a:link, #button_contact a:visited, #button_contact2 a:link, #button_contact2 a:visited, #button_quote a:link, #button_quote a:visited {
	line-height:42px;
	text-align:center;
	font-family: "Comic Sans MS", cursive;
	font-weight:bold;
	font-size:100%;
	color:#FFF;
	display:block;
	text-decoration:none;
	border:none;
	outline:none;
}

#button_services a:hover, #button_portfolio a:hover, #button_contact a:hover, #button_contact2 a:hover, #button_quote a:hover {
	text-decoration:none;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px -43px;
}

#slideWrapper {
	width:346px;
	height:194px;
	margin:26px 27px 0 0;
	padding:0;
	float:right;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}

#slideWrapper img {
    display:none;
	position:absolute;
	top:0px;
	left:0px;
}
#slideWrapper a {
    border:0;
    display:block;
}

/*---------------------------- MAIN ----------------------------*/
#content {
	background-image:url(../images/content_shadow.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	position:absolute;
	top:410px;
	width:960px;
}

#content2 {
	background-image:url(../images/content_shadow.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	position:absolute;
	top:211px;
	width:960px;
}

#content3 {
	background-image:url(../images/content_shadow.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	position:absolute;
	top:20px;
	width:960px;
}

#content_padding {
	padding-left:20px;
	width:920px;
}

#content h1, #content2 h1, #content3 h1 {
	padding-bottom:15px;
	border-bottom:1px dashed #ccc;
}

.include {margin:0px auto 0px auto; padding:10px 10px 0px 10px; width:80%;}


#service_blocks {
	width:918px;
	margin:0 auto;	
}

/* Check list */
#service_blocks ul {
	list-style: none;
	margin:0 0 0 5px;
	padding:0 0 15px 15px;
}

#service_blocks ul li {
	margin: 0px;
	padding: 3px 0 0 30px;
	font-family:Tahoma, Geneva, sans-serif;
	background: url(../images/tick.png) no-repeat 5px 5px;
}

#service_blocks p {
	padding:0px 10px 0px 10px;
}

#service_blocks p.price {
	padding:10px 10px 0px 10px;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	color:#4586BE;	
}

#service_blocks a:link, #service_blocks a:visited {
	line-height:42px;
	text-align:center;
	font-family: "Comic Sans MS", cursive;
	font-weight:bold;
	font-size:100%;
	color:#FFF;
	display:block;
	text-decoration:none;
	border:none;
	outline:none;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:0 auto 20px auto;
	width:145px;
}

#service_blocks a:hover {
	text-decoration:none;
	background-image:url(../images/button.png);
	background-repeat: no-repeat;
	background-position: 0px -43px;
}

#service_blocks h2 {
	padding:10px 0px 0px 45px;
	margin-bottom:0px;
	height:45px;
	color:#84B605;
	font-size:22px;		
}

#standard_block, #advanced_block, #ecommerce_block {
	width:293px;
}

.portfolio {
	width:920px;
	margin:0 auto;
	clear:both;	
}

p.portt {color:#4586BE; font-weight:bold; margin:0; padding:0 0 5px 0;}
p.portf {color:#666; font-weight:bold; margin:0; padding:5px 0 0 0; font-size:10px;}

.portfolio_wrap {
	width:200px;
	float:left;
	padding:0px;
	margin-right:10px;
	text-align:center;
	background-color:#FFF;
}

.portfolio_wrap1 {
	width:200px;
	float:left;
	padding:0px;
	text-align:center;
	background-color:#FFF;
}

.portfolio_wrap2 {
	width:200px;
	float:right;
	padding:0px;
	text-align:center;
	background-color:#FFF;
}

.service_examples {
	width:900px;
	margin:0 auto;
	clear:both;	
}

.service_examples_wrap {
	width:200px;
	float:left;
	padding:10px;
	margin-right:3px;
	text-align:center;
	background-color:#FFF;
	border:1px solid #e9e9e9;
}

.service_examples_wrap2 {
	width:200px;
	float:right;
	padding:10px;
	text-align:center;
	background-color:#FFF;
	border:1px solid #e9e9e9;
}



/*---------------------------- FOOTER ----------------------------*/
#footer {
	background-image:url(../images/footer_shadow.jpg);
	background-repeat:repeat-x;
	height:60px;
	background-color:#164251;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:15px;
}

#footer a:link, #footer a:visited {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFF;
	text-decoration: underline;
}

#copy {
	color:#666;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
}
/*----------------------------------------------------------- EFFECTS --------------------------------------------------------------*/

/*---------------------------- ROUNDED CORNERS ----------------------------*/
.round { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border:1px solid #e9e9e9;
	 padding:10px;
	 margin:10px auto;
}

.round_services { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border:1px solid #e9e9e9;
	 padding:10px;
	 margin:20px auto 0 auto;
	 background:transparent url(../images/h2_back2.png) repeat-x 0 0;
}

.round_services_block_standard, .round_services_block_advanced, .round_services_block_ecommerce, .round_services_block_seo { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border:1px solid #e9e9e9;
	 padding:10px;
	 margin:0px auto 0 auto;
}

.round_services_block_standard {
	background:transparent url(../images/h2_standard_full.png) no-repeat 0 0;
}

.round_services_block_advanced {
	background:transparent url(../images/h2_advanced_full.png) no-repeat 0 0;
}

.round_services_block_ecommerce {
	background:transparent url(../images/h2_ecommerce_full.png) no-repeat 0 0;
}

.round_services_block_seo {
	background:transparent url(../images/h2_seo_full.png) no-repeat 0 0;
}

.round_services_block_standard h2, .round_services_block_advanced h2, .round_services_block_ecommerce h2, .round_services_block_seo h2 { 
	padding:0px 0px 0px 35px;
	margin-bottom:0px;
	height:45px;
	color:#84B605;
	font-size:26px;
}

.round_portfolio { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border:1px solid #e9e9e9;
	 width:200px;
	 padding:10px;
}

.round_price, .round_price2, .round_price3 { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border:1px solid #e9e9e9;
	 width:293px;
	 float:left;
}

.round_price { 
	 margin :0 15px 0 0;
	 background:transparent url(../images/h2_standard.png) no-repeat 0 0;
}

.round_price2 { 
	 margin :0 15px 0 0;
	 background:transparent url(../images/h2_advanced.png) no-repeat 0 0;
}

.round_price3 { 
	 margin:0;
	 background:transparent url(../images/h2_ecommerce.png) no-repeat 0 0;
}

#seo_blocks {
	width:900px;
	margin:0 auto;	
}

#seo_blocks h2 {
	padding:10px 0px 0px 45px;
	margin-bottom:0px;
	height:45px;
	color:#84B605;
	font-size:26px;		
}

.round_seo, .round_seo2 { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border:1px solid #e9e9e9;
	 width:420px;
	 float:left;
	 padding:0px 10px 10px 10px;
}

.round_seo { 
	 margin :0 15px 0 0;
	 background:transparent url(../images/h2_seo_standard.png) no-repeat 0 0;
}

.round_seo2 { 
	 background:transparent url(../images/h2_seo_advanced.png) no-repeat 0 0;
}

/*---------------------------- SHADOWS ----------------------------*/
.shadow { 
	-moz-box-shadow: 3px 3px 4px #CCCCCC; 
	-webkit-box-shadow: 3px 3px 4px #CCCCCC; 
	box-shadow: 3px 3px 4px #CCCCCC; 
}

.button_shadow { 
	-moz-box-shadow: 3px 3px 4px #333333; 
	-webkit-box-shadow: 3px 3px 4px #333333; 
	box-shadow: 3px 3px 4px #333333; 
}

.text_shadow {
	text-shadow: 1px 1px 1px #1f68a1;
}

.text_shadow2 {
	text-shadow: 3px 3px 3px #333333;
}

.text_shadow3 {
	text-shadow: 1px 1px 2px #1f68a1;
}

/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL PAGINATION STYLES
---------------------------------------------- */

.pagination-wrap {
	padding: 0px 0px 25px 0px;
	width:30%;
	margin:0 auto;
}

.pagination {
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

.pagination .dots {
	bottom: -6px;
	color: #606060;
	position: relative;
}

.pagination a, .pagination .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 8px;
}

div.pagination a:hover {
	color: #303030;
}

div.pagination a:active {
	color: #585858;
}

.pagination a.number {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination a.number:hover {
	border-color: #d0d0d0;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.pagination a.number.current {
	color: #fff;
}

.pagination a.number.current:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination a.number.current:active {
	/* INNER SHADOWS */
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
}

/* BLUE PAGINATION STYLE */
.pagination.blue, .pagination.blue a {
	color: #4fa3e0;
}

.pagination.blue a.number.current {
	background-color: #4fa3e0;
	border-color: #4b9ec9 #2e7fb4 #206fa8;
	text-shadow: 0px 1px 1px #206fa8;
	
	background: -moz-linear-gradient(top,
		#b5dfef,
		#7fc3df 5%,
		#4fa3e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#b5dfef),
		color-stop(0.05, #7fc3df),
		to(#4fa3e0)
	);
}

.pagination.blue a.number.current:hover {
	border-color: #4092c0 #1f68a1 #175e97;
	background-color: #3f91c0;

	background: -moz-linear-gradient(top,
		#aad9ec,
		#72bad9 5%,
		#3f91c0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#aad9ec),
		color-stop(0.05, #72bad9),
		to(#3f91c0)
	);
}

.pagination.blue a.number.current:active {
	border-color: #206fa8 #2e7fb4 #4b9ec9;
	text-shadow: 0px -1px 1px #1f68a1;
	
	background: -moz-linear-gradient(top,
		#3f91c0,
		#72bad9
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#3f91c0),
		to(#72bad9)
	);
}

#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:15px; /* together with this to put the div at the bottom*/
        right:40px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
		z-index:10;
}


/*---------------------------- CONTACT FORM ----------------------------*/

fieldset {
	border:1px solid #E6E6E6;
	padding:10px 20px 10px 20px;
	width:80%;
	margin:0 auto;
}

legend {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	padding: 0 10px;
	color: #3392cf;
}	

fieldset p {
	clear: both;
	padding-top: 10px;
	width: 400px;
}

fieldset p.first {
	padding-top: 0;
}

fieldset label {
	float: left;
	width: 120px;
	padding-top: 3px;
}

fieldset p span {
	float: right;
	width: 260px;
}

fieldset label span {
	float: none;
	width: auto;
	color: red;
	font-weight: bold;
	padding-left: 5px;
}

fieldset input, fieldset textarea, fieldset select {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	resize: none;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
	background: #ffffff;
	border: 1px solid #3399cc;
	outline: none;
}
fieldset input:hover, fieldset textarea:hover, fieldset select:hover {
	border: 1px solid #3399cc;
}

/*---------------------------- QUOTE FORM ----------------------------*/
.quote_fieldset {
	border:1px solid #E6E6E6;
	padding:10px 20px 20px 20px;
	width:80%;
	margin:0 auto;
}

.quote_fieldset legend {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	padding: 0 10px;
	color: #3392cf;
}	

.quote_fieldset p {
	clear: both;
	padding-top: 10px;
	width: 650px;
}

.quote_fieldset p.first {
	padding-top: 0;
}

.quote_fieldset label {
	float: left;
	width: 370px;
	padding-top: 3px;
}

.quote_fieldset p span {
	float: right;
	width: 260px;
}

.quote_fieldset label span {
	float: none;
	width: auto;
	color: red;
	font-weight: bold;
	padding-left: 5px;
}

.quote_fieldset input, .quote_fieldset textarea, .quote_fieldset select {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	resize: none;
}
.quote_fieldset input:focus, .quote_fieldset textarea:focus, .quote_fieldset select:focus {
	background: #ffffff;
	border: 1px solid #3399cc;
	outline: none;
}
.quote_fieldset input:hover, .quote_fieldset textarea:hover, .quote_fieldset select:hover {
	border: 1px solid #3399cc;
}


input.button {
	border: 1px solid #222;
	background: #333;
	padding: 5px;
	width: 180px;
	border-radius: 5px;
	font-size: 18px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	cursor: pointer;
}
input.button:hover {
	background: #444;
}

.error {
	background: #cc9999;
	border: 1px solid #a9343d;
	border-radius: 5px;
	font-size: 11px;
}
.error p {
	font-weight: bold;
	color: #6c1218;
	text-indent: 20px;
}

.success {
	background: #99ff99 url('../images/accept.png') no-repeat 11px 10px;
	border: 1px solid #336600;
	border-radius: 5px;
	font-size: 11px;
}
.success p {
	font-weight: bold;
	color: #336600;
	text-indent: 35px;
}

.required {
	color: red;
	font-weight: bold;
}

#error_page {
	background:transparent url('../images/error404.png') no-repeat 0px 0px;
	width:920px;
	height:363px;
}

#error_page_top {
	float:left;
	margin-left:280px;
	padding-top:50px;
	font-weight:bold;
	color:#666;
	clear:both;
	font-size:120%;
}

#error_page_bot {
	float:left;
	margin-left:150px;
	padding-top:110px;
	font-weight:bold;
	color:#666;
	clear:both;
	font-size:120%;
}