﻿/*layout*/
body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #666666;
}
a:link {
	color: #016DBE;
}
a:visited {
	color: #01538D;
}
a:hover {
	color: #58b9e3;
}
a:active {
	color: #016DBE;
}
#container {
	width: 840px;
	margin: 0 auto;
	text-align: left;
}
#wrapper {
	background-image:url(../images/side_bg.gif);
	background-repeat:repeat-y;
	background-position:right;
}
#wrapper_home {
	background-image:none;
}
#header {
	height: 138px;
}
#logo {
	height:73px;
	width:359px;
	float:left;
}
#topmenu {
	float:right;
	width: 171px;
	height: 25px;
	background-image:url(../images/menu_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#topmenu a:link {
	color: #016DBE;
	text-decoration:none;
}
#topmenu a:visited {
	color: #016DBE;
	text-decoration:none;
}
#topmenu a:hover {
	color: #58b9e3;
	text-decoration:underline;
}
#topmenu a:active {
	color: #016DBE;
	text-decoration:none;
}
#mainContent {
	padding:10px;
	padding-right:20px;
	background-color:#000;
	width:715px;
	float:left;
}
#mainContent_home {
	padding:10px;
	background-color:#000;
}
#footer {
	padding: 0 10px;
	height:40px;
	margin:0px auto;
	clear:both;
	width:759px;
}
#footer2 {
	padding: 0;
	color:#0073aa;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	height:20px;
	margin:0px auto;
	clear:both;
	width:759px;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	color:#0066a4;
	font-size:10px;
	text-align:center;
}
#footer a:link {
	color: #0066a4;
}
#footer a:visited {
	color: #0066a4;
}
#footer a:hover {
	color: #0066a4;
}
#footer a:active {
	color: #0066a4;
}
/* menu */
#menucontainer {
	padding-left:5px;
	padding-top: 10px;
	clear:both;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	height:55px;
}
#menucontainer ul {
	font-size:12px;
	color:#1c7bad;
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}
#menucontainer ul li {
	list-style:none;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
/* menu a links */
#menucontainer ul li a {
	display:block;
	margin:0px 1px;
	padding:0px;
	padding-top:4px;
	padding-left:12px;
	float:left;
	font-size:12px;
	text-transform:uppercase;
	background-image:url(../images/menu_div.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#menucontainer ul li a.last {
	background-image:none;
}
#menucontainer ul li a, #menucontainer ul li a:link, #menucontainer ul li a:visited {
	color:#1c7bad;
	text-decoration:none;
}
#menucontainer ul li a:hover {
	color:#58b9e3;
}
#menucontainer ul li a.current {
	color:#58b9e3;
}
/* menu sub span bits */
#menucontainer ul li a span {
	color:#999999;
	/*display:block;
	float:left;
	clear:left;*/
	text-decoration:none;
	font-size:11px;
	text-transform:none;
	margin:0px;
	padding:0px 12px 0px 0px;
}
#menucontainer ul li a:hover span {
}
#banner {
	margin:-10px;
	height: 313px;
	background-image:url(../images/home_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:10px;
	font-family: "trebuchet MS", arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1c7bad;
}
#banner h1 {
	font-family: "trebuchet MS", arial, Helvetica, sans-serif;
	font-size:24px;
	color:#1c7bad;
	font-weight:normal;
	margin-bottom:35px;
	line-height:30px;
	margin-top:0px;
	margin-left:20px;
}
#banner h5 {
	font-family: "trebuchet MS", arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1c7bad;
	margin-left:20px;
}
#banner h1 span {
	display:block;
	float:left;
	clear:left;
	margin-left:120px;
}
#banner .left {
	float:left;
	width:630px;
}
#banner .right {
	float:right;
	width:320px;
	height:290px;
	background-image:url(../images/happy_clients_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:0;
	margin:0px auto;
	text-align:center;
}
#banner .imageBox {
	left:20px;
	top:30px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#1c7bad;
}
h2 {
	font-family:arial, Helvetica, sans-serif;
	font-size:13px;
	color:#58b9e3;
	border-bottom: 1px solid #b5cdde;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58b9e3;
}
h4 {
	font-family:verdana, arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a6ca00;
}
h5 {
	font-family: "trebuchet MS", arial, Helvetica, sans-serif;
	font-size:15px;
	color:#1c7bad;
	margin:0px;
	padding:8px 0px;
}
h6 {
	font-family: "trebuchet MS", arial, Helvetica, sans-serif;
	font-size:24px;
	color:#1c7bad;
}
.forms {
	background-color: #FFFFFF !important;
	border: 1px solid #CCCCCC !important;
}
.form_sml {
	background-color: #FFFFFF !important;
	border: 1px solid #CCCCCC !important;
	margin:0px;
	padding:1px;
	font-size:10px;
	color:#666666;
}
#boxtop {
	background-image:url(../images/box_top.gif);
	background-position:top center;
	background-repeat:no-repeat;
}
#boxtile {
	background-image:url(../images/box_tile.gif);
	background-position:top center;
	background-repeat:repeat-y;
	line-height:normal;
}
#boxbottom {
	background-image:url(../images/box_bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
}
.red {
	color: #e90200;
}
.image_border {
	border: 1px solid #cccccc;
	margin: 3px 10px;
	padding: 3px;
}
hr {
	border: 0;
	color: #b5cdde;
	background-color: #b5cdde;
	height: 1px;
	width: 100%;
	text-align: left;
}
.box_bg {
	background-image:url(../images/box_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width:238px;
	height:169px;
}
.title {
	color:#0066a4;
	font-size:16px;
}
.blue {
	color:#0066a4;
}
.table_border td {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom:5px;
}
.news_date {
	font-size:10px;
	font-style:italic;
	color:#999999;
}
/* font sizes */
.size9 {
	font-size:9px;
}
.size10 {
	font-size:10px;
}
.size11 {
	font-size:11px;
}
.size12 {
	font-size:12px;
}
.size14 {
	font-size:14px;
}
.size20 {
	font-size:20px;
}
.greenbox {
	background-color:#D9F0AC;
	border:5px solid #BCD73F;
	padding:10px;
	margin:5px;
}
.home_box {
	float: left;
	font-size:11px;
	line-height:normal;
	width: 215px;
	height:285px;
	padding: 10px 10px;
	background: url(../images/dot_bg.gif) top right no-repeat;
}
.home_box h4 {
	margin: 0px;
	padding: 0;
	font-size: 16px;
	color:#58b9e3;
	font-weight:normal;
}
.home_box_text {
	height:235px;
}
hr.clear {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}
.list {
	padding:0px;
	padding-left:15px;
	margin:0px;
}
.list li {
	margin-bottom:5px;
}
#side {
	float:right;
	width:235px;
}
#side p {
	font-size:11px;
	line-height:1.3em;
}
#side h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1c7bad;
}
#side li {
	font-size:11px;
}



#portfolio{
width:230px;
height:90px;
margin-bottom:20px;
}


#portfolio .thumb{
width:210px;
height:97px;
border:1px solid #616161;
background-color:#616161;
padding:10px;
margin-bottom:5px;
clear:both;
}

#portfolio .title{
float:left;
width:160px;
}
#portfolio .title h1 a{
text-decoration:none;
}

#portfolio h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0664aa;
margin:0px;
padding:0px;
}

#portfolio .view{
width:51px;
height:20px;
float:right;
clear:right;
}

#portfolio .heading{
height:25px;
margin-bottom:5px;
}
#portfolio .content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#717171;
border-bottom:#999999 dotted 1px;
line-height:normal;
height:40px;
overflow:hidden;
clear:both;
}

#portfolio .wedid{
border-bottom:#dedede 2px solid;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

#submenu{
width:822px;
height:33px;
background-image:url(../images/sub_menu_bg.gif);
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding-top:6px;
text-align:center;
margin-top:-11px;
margin-bottom:5px;
}

#submenu a:link, #submenu a:visited{
color:#0664aa;
text-decoration:none;
margin:0px 3px;
}

#submenu a:hover{
color:#333333;
text-decoration:underline;
}


#portfolio_left{
width:400px;
float:left;
}
#portfolio_right{
width:400px;
height:75px;
background-image:url(../images/box_round_bg.gif);
background-position:top left;
background-repeat:no-repeat;
float:right;
text-align:center;
font-size:11px;
line-height:1.3em;
margin-top:10px;
}

#portfolio_right h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1c7bad;
	margin-top:7px;
}

#portfolio_column_left{
width:350px;
float:right;
}

#portfolio_column_right{
width:350px;
float:right;
}

#portfolio_wrapper{
clear:both;
width:822px;
margin:0px auto;
padding-top:20px;
}

.pages{
background-color:#f2f2f2;
border-bottom:#d6d6d6 1px solid;
height:35px;
text-align:center;
font-size:16px;
padding:9px 0 0 0;
clear:both;
}


.pages .left{
float:right;
width:500px;
}

.pages .right{
width:111px;
margin-right:20px;
float:right;
margin-left:200px;
}

.pages .text{
height:15px;
margin: 0px 20px 0px 20px;
width:300px;
float:left;
padding:0px;

}
ul.pagination{
	list-style:none;
	margin:6px auto 0px auto;
	padding:0px;
	width:390px;
}
ul.pagination li{
	list-style:none;
	float:left;
	display:block;
	width:190px;
	margin:0px;
	padding:0px;
	text-align:center;
}


.small_grey{
font-size:10px;
line-height:normal;
color:#666666;
border:4px double #eaeaea;
}
.table_border td {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom:5px;
}



/*new*/

.box_sml {
	width:245px;
	height:143px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	background:url(../images/box_sml_bg.gif) no-repeat bottom;
}
.box_sml .top {
	height:29px;
	background:url(../images/box_sml_top.gif) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
}
.box_sml .content {
	padding:10px;
	height:130px;
}
.box_sml .content p {
	padding:0px;
	margin:0px;
}

.list {
	width:255px;
	float:left;
	font-size:11px;
	margin-top:16px;
}
.list ul {
	margin:0px;
	padding:0px;
}
.list li {
	background-image:url(../images/icon_tick2.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:20px;
	list-style:none;
	margin:0px;
	line-height:1.8em;
}

.blue_box{
width:676px;
height:481px;
background:url(../images/popular_box.jpg) no-repeat top left;
padding:10px 10px 10px 20px;
margin-bottom:20px;
}








.box_border {
	background-color:#FFFFFF;
	border:1px solid #e8e8e8;
	padding: 5px 10px;
	margin-bottom:10px;
}

.feature-image {
	width:64px;
	float:left;
	margin:10px 10px 0px 0px;
}
.feature-text {
	width:250px;
	float:right;
	font-size:12px;
}

.intro-text{
float:right;
width:610px;
}

.column2-left{
float:left;
width:325px;
font-size:11px;
}
.column2-right{
float:right;
width:325px;
font-size:11px;
}

.column2-left p,
.column2-right p{
margin:0px;
padding:0px 0px 8px 0px;
}

.plan_prices{
clear:both;
width:700px;
margin-top:10px;
}


.title_side{
	font-size:16px;
	color:#444e62;
	background-image:url(../images/side_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:24px;
	font-weight:bold;
	text-align:center;
	width:186px;
	padding-top:4px;
}
.line_list {
	margin:0px;
	padding:0px;
}
.line_list li {
	list-style:none;
	padding:5px 0px;
	margin:0px;
	border-bottom:1px solid #d6dbe1;
}
.line_list a:link, .line_list a:visited {
	text-decoration:none;
	font-size:12px;
	color:#757575;
}
.line_list a:hover {
	color:#999999;
	text-decoration:underline;
}
.side_form {
	background-color:#FFFFFF!important;
	border:1px solid #d6dbe1;
	font-size:11px;
	color:#666666;
	margin-bottom:8px;
}
.green_button {
	background-image:url(images/green_bg.jpg);
	background-repeat:repeat-x;
	background-position:center;
	background-color:#d5e93b;
	border:1px solid #b4c91a;
	font-size:11px;
}

.dark_form {
	background-color:#697181!important;
	border:1px solid #33394d;
	font-size:11px;
	color:#ffffff;
	margin-bottom:8px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
}

.dark_border{
border:5px solid #3d425c;
margin-bottom:15px;
}

.small-title{
font-size:12px;
color:#4e750c;
margin-bottom:3px;
font-weight:bold;
}

.green{
color:#6ba022;
}

ul.ticklist2 {
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
}
ul.ticklist2 li{
	list-style:none;
	background-image:url(/images/icon_tick.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:0px;
	padding-left:25px;
	font-size:11px;
	line-height:normal;
}

ul.ticklist {
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
}
ul.ticklist li{
	list-style:none;
	background-image:url(/images/icon_tick.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:0px;
	padding-left:25px;
	font-size:11px;
	line-height:normal;
}


ol.small-list {
	margin:0px;
	padding:0px 0px 0px 5px;
	float:left;
}
ol.small-list li{
	margin:0px 0px 5px 20px;
	padding:0px;
	font-size:11px;
	line-height:normal;
}



.popular{
width:98px;
height:98px;

margin:-20px 0px 0 610px;
position:absolute;
}