@charset "utf-8";
body {
margin : 0;
padding : 0;
width : 100%;
}
html {
padding : 0;
margin : 0;
}
.main {
width : 100%;
padding : 0;
margin : 0 auto;
}
.resize {
width : 985px;
margin : 0 auto;
}
/* header */
.header {
background : url(images/header_bg.jpg) repeat-x top;
padding : 0;
margin : 0 auto;
}
.block_header {
margin : 0 auto;
width : 982px;
padding : 0;
border : none;
height : 143px;
}
/* logo */
.logo {
float : left;
padding : 0;
margin : 0;
width : 247px;
}
/* menu */	
.menu {
	float:left;
	padding:0;
	margin:0;
	width:680px;
}
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:1px 1px 0 0; border:0;}
.menu ul li a {
	float:left;
	margin:0;
	padding:15px 10px;
	color:#fff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.menu ul li a:hover {
	color:#000;
	background: url(images/hover.gif)  repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
.menu ul li a.active {color:#000;  background:url(images/hover.gif) repeat-x;}
/* slider */
.slider_top {
background : #000 url(images/slider.gif) repeat-x top;
margin : 0 auto;
padding : 50px 50px 0 0;
height : 393px;
}
/* header_text */
.header_text {
margin : 0 auto;
padding : 0;
width : 980px;
background : #e5e5e5;
border : 1px solid #d5d6d6;
}
.header_text .div {
float : right;
width : 958px;
padding : 0;
margin : 0;
background : #fff;
}


.mid_bg { margin:0; padding:0; background:url(images/slider_bg.gif) top repeat-x;}
/*header_text*/
.mid_text { height:317px; margin:0 auto; padding:0; width:990px; background:url(images/mid_bg.jpg) top center no-repeat;}

.mid_text p {
	color:#FFF;
	padding:20px 0 0 0;
	margin:0;
	line-height:14pt;
	font-family: Helvetica, Tahoma;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.mid_text p.uli {
	background:url(images/simple_ul_li.gif) left no-repeat;
	padding:3px 0 3px 15px;
	font-size: 10pt;
}


.header_text img.screen {
float : left;
margin : 0;
padding : 0;
}
.header_text .div .left1 {
float : right;
width : 257px;
padding : 0;
margin : 0 10px 0 0;
}
.header_text .div .left1 h2 {
font : bold 34px Arial, Helvetica, sans-serif;
color : #2c2c2c;
padding : 30px 0 0 0;
margin : 0;
}
.header_text p {
font : normal 14px Arial, Helvetica, sans-serif;
color : #828282;
padding : 5px 0 20px 0;
margin : 0;
}
/* slider */
.slider_top2 {
background : #f0f0f0 url(images/slider_bg.gif) repeat-x top;
margin : 0 auto;
padding : 0;
}
.header_text2 {
margin : 0 auto;
padding : 0;
width : 982px;
border : none;
}
/* menu */	
.menu2 {
float : left;
padding : 0;
margin : 0;
width : 580px;
}
.menu2 ul {
padding : 0;
margin : 0;
list-style : none;
border : 0;
}
.menu2 ul li {
float : left;
margin : 0;
padding : 1px 1px 0 0;
border : 0;
}
.menu2 ul li a {
float : left;
margin : 0;
padding : 8px 10px;
color : #232b2d;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
font-variant : normal;
}
.menu2 ul li a:hover {
color : #1899b8;
font-family : Arial, Helvetica, sans-serif;
}
.menu2 ul li a.active {
color : #1899b8;
}
/* top_sup */	

.top_sup {
padding : 0;
margin : 0;
background : #f0f0f0;
}
.top_sup_resize {
width : 982px;
margin : 0 auto;
padding : 0;
}
.top_sup_resize img {
float : right;
margin : 5px;
padding-top : 5px;
padding-right : 20px;
padding-bottom : 5px;
padding-left : 5px;
}
.top_sup_resize p {
font : normal 11px Arial, Helvetica, sans-serif;
color : #949494;
padding : 5px;
margin : 0;
line-height : 1.8em;
}
.top_sup_resize span {
color : #f26402;
font-size : 24px;
padding-top : 30px;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : bold;
font-variant : normal;
}
/* block index */	

.body {
background : #fff;
border-top : 1px solid #e4e4e4;
}
.body_resize {
width : 982px;
margin : 0 auto;
padding : 0;
}
.body h2 {
color : #f8b30b;
border-bottom : 1px solid #e2e2e2;
font-family : Arial, Helvetica, sans-serif;
padding-top : 15px;
padding-right : 5px;
padding-bottom : 6px;
padding-left : 5px;
letter-spacing : 1px;
font-weight : bold;
font-size : 22px;
font-style : normal;
line-height : 26px;
font-variant : normal;
margin-top : 0;
margin-right : 0;
margin-left : 0;
}
.body p {
color : #333;
margin : 0;
line-height : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 10px;
padding-left : 5px;
}
.body p span {
color : #009;
font-weight : bold;
margin-right : 0;
margin-left : 0;
line-height : 16px;
}
.body p.bodrded {
margin-top : 5px;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 0;
text-align : center;
}
.body ul {
list-style : none;
margin : 10px auto;
padding : 0;
}
.body li {
padding : 5px 20px;
margin : 0;
background : url(images/ul_li.gif) no-repeat left;
font : normal 12px Arial, Helvetica, sans-serif;
color : #333;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.body a {
color : #f26402;
text-decoration : underline;
}
.body img {
float : left;
margin : 5px 0;
padding : 0;
}
.body img.pad {
float : left;
margin : 5px;
padding : 0;
}
.body img.floated {
float : right;
margin : 5px 5px;
padding : 0;
}
.left {
width : 295px;
float : left;
margin : 0;
padding : 10px 15px;
}

#facebook_badge_plus {
	width:250px;
	clear:both;
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	}
.services {
	float:left;
	width:120px;
	height:115px;
	}
#services_top {
	margin-bottom:8px;
	}
#portfolio_fanpages_link {
	padding-bottom:8px;
}
#twitter_link {
	background:url(../images/tweet_tweet.gif) no-repeat;
	width:120px;
	height:196px;
	float:left;
	background-position:0 0;
}
#twitter_link:hover {
	background-position:0 -196px;
}
.right {
width : 523px;
float : left;
margin : 0;
padding : 10px 10px 10px 15px;
}
/* ?blog? or choose */	

.choose {
width : 205px;
float : left;
margin : 0;
padding : 10px 20px;
}
.blog2 {
width : 205px;
float : left;
margin : 0;
font-size : 16px;
font-family : Arial, Helvetica, sans-serif;
color : #c44f00;
padding-top : 16px;
padding-right : 20px;
padding-bottom : 10px;
padding-left : 4px;
}
.PricingHeading {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
line-height : 21px;
color : #006;
font-weight : bold;
border-bottom-style : dotted;
border-bottom-width : thin;
border-bottom-color : #ccc;
padding-top : 16px;
}
.dp {
padding-left : 4px;
}
/*btm bottom */	

.btm {
background : #2b2b2b;
border-top : 1px solid #313131;
}
.btm a {
color : #55bdee;
}
.btm h2 {
font : normal 24px Arial, Helvetica, sans-serif;
color : #fff;
border-bottom : 1px solid #6d6d6d;
padding : 10px 5px;
margin : 15px 0;
}
.btm p {
font : normal 11px Arial, Helvetica, sans-serif;
color : #d5d5d5;
line-height : 1.8em;
padding : 5px 5px;
margin : 0;
}
.btm p span {
color : #e66418;
}
.btm img {
float : left;
margin : 10px 10px;
padding : 0;
}
.btm_resize {
width : 982px;
margin : 0 auto;
padding : 0;
}
/* contact */	

.contact {
width : 295px;
float : left;
margin : 0;
padding : 10px 15px;
}
#contactform {
margin : 0;
padding : 5px 10px;
}
#contactform * {
color : #f00;
}
#contactform ol {
margin : 0;
padding : 0;
list-style : none;
}
#contactform li {
margin : 0;
padding : 0;
background : none;
border : none;
display : block;
}
#contactform li.buttons {
margin : 5px 0 5px 0;
}
#contactform label {
margin : 0;
width : 110px;
display : block;
padding : 10px 0;
color : #646464;
text-transform : capitalize;
float : left;
font-family : Tahoma, Geneva, sans-serif;
font-size : 12px;
font-weight : bold;
}
#contactform label span {
color : #f00;
}
#contactform input.text {
width : 340px;
border : 1px solid #ebebeb;
margin : 10px 0;
padding : 5px 2px;
height : 16px;
background : #fff;
float : left;
}
#contactform textarea {
width : 340px;
border : 1px solid #ebebeb;
margin : 10px 0;
padding : 2px;
background : #fff;
float : left;
}
#contactform li.buttons input {
padding : 3px 0 3px 110px;
margin : 0;
border : 0;
color : #fff;
float : left;
}
p.response {
text-align : center;
color : #f00;
font : normal 11px Georgia, "Times New Roman", Times, serif;
line-height : 1.8em;
width : auto;
}
.footer {
margin : 0;
padding : 10px 0 0 0;
border-top : 1px solid #1d1d1d;
background-color : #1b1b1b;
}
.footer_resize {
margin : 0 auto;
padding : 10px 0;
width : 980px;
}
.footer ul {
margin : 0;
padding : 20px 10px 10px 10px;
list-style : none;
float : left;
}
.footer img {
display : inline;
margin : 5px 10px;
padding : 0;
}
.footer ul li {
margin : 0;
padding : 0 10px;
float : left;
}
.footer p {
margin : 0;
padding : 20px 20px 10px 20px;
float : right;
color : #6d6d6d;
font : normal 12px Arial, Helvetica, sans-serif;
line-height : 1.8em;
text-align : right;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
}
.footer a {
color : #e6700b;
font : normal 12px Tahoma, Geneva, sans-serif;
text-decoration : none;
line-height : 1.8em;
}
.footer a:hover {
text-decoration : underline;
color : #f26402;
}
p.clr, .clr {
clear : both;
padding : 0;
margin : 0;
background : none;
}
li.bg, .bg {
clear : both;
border-top : 1px solid #e2e2e2;
padding : 0;
margin : 10px 0;
background : none;
line-height : 0;
}
.redtext {
color : #900;
}
.blue {
color : #006;
}
.blackheading {
color : #000;
}
.main .top_sup .top_sup_resize p span .blackheading {
color : #000;
}
.black {
color : #000;
}
.main .top_sup .top_sup_resize p span .black {
color : #000;
}
.whitetop {
font-family : Arial, Helvetica, sans-serif;
color : #fff;
text-align : right;
font-size : 16px;
line-height : 18px;
padding-top : 22px;
font-weight : lighter;
}
.h2 {
font-family : Arial, Helvetica, sans-serif;
color : #c30;
padding-top : 0;
font-size : 14px;
line-height : 14px;
padding-left : 4px;
}
.heading3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : #006;
}
.body h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
padding-left : 5px;
padding-bottom : 0;
color : #028dc1;
font-weight : bold;
}
.bodyh5 {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color : #d76b00;
padding-left : 4px;
}
.imagecentre {
text-align : center;
}