@charset "utf-8";
/* CSS Document */
/***********General css***********/
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#86a4c2 url(../images/body.jpg) repeat-x;
}
ul {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
ul li {
	list-style:none;
}
img {
	border:0;
}
#wrapper {
	margin:20px auto 0 auto;
	width:1026px;
}
#inner-wrapper {
	float:left;
	width:1026px;
	background:#FFFFFF;
}
/***********topmenu css***********/
.top {
	float:left;
	height:111px;
	width:100%;
	background:url(../images/topleft.jpg) no-repeat left;
}
#top {
	background:url(../images/topleft-inner.jpg) no-repeat left;
}
#logo {
	margin-left:18px;
	float:left;
	width:284px;
	background:url(../images/logo.jpg) no-repeat center;
	height:111px;
}
.menu {
	width:724px;
	float:left;
	height:111px;
	background:url(../images/topright.jpg) no-repeat right;
}
#menu {
	background:url(../images/topright-inner.jpg) no-repeat right;
}
#menu-holder {
	padding-top: 50px;
	margin-right:18px;
}
#menu-holder ul {
	margin:0 0 0 30px;
	padding:0;
}
#menu-holder ul li {
	float:left;
	list-style:none;
	line-height:20px;
	border-top:#dfe5e9 1px solid;
	border-bottom:#dfe5e9 1px solid;
}
#menu-holder ul li a {
	text-decoration:none;
	padding:10px 25px;
	line-height:5px;
	background:url(../images/menubg.jpg) repeat-x;
	border:#dfe5e9 1px solid;
	color:#7cad00;
	font-weight:bold;
}
#menu-holder ul li a:hover {
	color:#6abeea;
}
/***********banner css***********/
#banner-container {
	width:1008px;
	float:left;
	padding-left:18px;
	height:193px;
	background:#86a4c2 url(../images/innerbanner-left.jpg) no-repeat left;
}
#banner {
	height:176px;
	width:990px;
	float:left;
}
#banner-body {
	width:990px;
	height:180px;
	background: url(../images/innerbannerbg.jpg) repeat-x;
	padding-top:11px;
	float:left;
}
#banner-container-inner {
	width:990px;
	float:left;
	padding-right:18px;
	background:url(../images/innerbanner-right.jpg) right no-repeat;
	height:193px;
}
.banner-container {
	width:1026px;
	float:left;
	background:url(../images/banner.jpg) no-repeat left;
}
#customer-top {
	width:237px;
	float:left;
	background:url(../images/curstomer.jpg) top no-repeat;
	height:44px;
}
#testmony {
	background:url(../images/customer-right.jpg) right no-repeat;
	height:242px;
	width:237px;
	float:left;
}
#test-content {
	margin-right:18px;
	height:242px;
	background:url(../images/testbg.jpg) repeat;
}
#test-body {
	font-weight:normal;
	color:#FFFFFF;
	line-height:15px;
	text-align:justify;
	padding:11px 14px;
	height: 192px;
}
#test-by {
	padding:10px 0px 0px 0px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#test-by span {
	font-weight:normal;
	color:#00c4f6;
	font-family:"Times New Roman", Times, serif;
}
#test-readmore {
	padding:0 14px 5px 14px;
}
#test-readmore ul li {
	padding-left:25px;
	background: url(../images/bullet2.jpg) no-repeat;
	height:20px;
}
#test-readmore ul li a {
	color:#00c4f6;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}
#customer {
	width:237px;
	float:left;
}
.banner {
	height:286px;
	width:789px;
	float:left;
	background:url(../images/banner.jpg) no-repeat;
}
#border {
	width:1026px;
	height:6px;
	background:url(../images/bottom-border.jpg) no-repeat;
	clear:both;
}
/***********Middle container css***********/
.left {
	width:1008px;
	float:left;
	background:#86a4c2 url(../images/middle-left.jpg) no-repeat left 0px;
	padding-left:18px;
}
#left {
	background:#86a4c2 url(../images/inner-middle-left.jpg) no-repeat left 0px;
}
.right { /***********right inside left***********/
	width:990px;
	background:#86a4c2 url(../images/middle-right.jpg) no-repeat right 0px;
	padding-right:18px;
	float:right;
}
#right { /***********right inside left***********/
	background:#86a4c2 url(../images/inner-middle-right.jpg) no-repeat right 0px;
}
#middle { /***********middle inside right***********/
	width:990px;
	float:left;
	background:url(../images/middlebg.jpg) repeat-x #FFFFFF;
	margin-bottom:26px;
}
#middle-wrapper { /***********floats all middle contents to left***********/
	float:left;
	width:100%;
	padding-bottom:10px;
}
#main-content {
	width:756px;
	float:left;
	padding:13px 7px 0 7px;
	background:url(../images/content-top.jpg) no-repeat top;
}
#breadcrumbs {
	height:32px;
	width:460px;
	padding-left:5px;
	background:url(../images/breadcrumbs.jpg) repeat-x;
	padding-bottom:20px;
}
#breadcrumbs, #breadcrumbs a {
	line-height:35px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
#breadcrumbs {
	color:#8b8989;
}
#breadcrumbs a {
	color:#7faf05;
}
#breadcrumbs a:hover {
	color:#25a8f8;
	text-decoration:underline;
}
#left-column { /***********flash and welcome msg div***********/
	width:755px;
	padding-left:7px;
	background:url(../images/content-left.jpg) no-repeat left 0px;
	float:left;
	height:100%;
}
.left-column { /***********flash and welcome msg div***********/
	width:755px;
	padding-left:7px;
	height:239px;
	background:url(../images/content-left.jpg) no-repeat left 0px;
	float:left;
}
#main-body {
	width:465px;
	float:right;
	padding-right:33px;
	height:100%;
	background:url(../images/content-right-inner.jpg) right 0px no-repeat;
}
.main-body {
	width:465px;
	float:right;
	padding-right:33px;
	height:239px;
	background:url(../images/content-right.jpg) right 0px no-repeat;
}
#title {
	width:100%;
	height:25px;
	padding-top:7px;
	background:url(../images/blue-line.jpg) repeat-x bottom;
	color:#0091d5;
}
#title span {
	background:url(../images/title-border.jpg) no-repeat 0 bottom;
	font-size:16px;
	color:#7cad00;
	font-weight:bold;
	padding-bottom:7px;
}
#welcome {
	clear:both;
	width:100%;
	font-size:14px;
	line-height:18px;
	padding-top:10px;
	color:#6a6a6a;
	text-align:justify;
	height:100%;
}
.welcome {
	clear:both;
	width:100%;
	font-size:14px;
	line-height:18px;
	padding-top:10px;
	color:#6a6a6a;
	text-align:justify;
	height: 120px;
}
#middle-column { /***********middle-column inside left-column***********/
	width:748px;
	background:#FFFFFF;
	float:left;
	height:100%;
	background:url(../images/content-right2.jpg) no-repeat 0 right #FFFFFF;
}
.middle-column { /***********middle-column inside left-column***********/
	width:748px;
	height:239px;
	background:url(../images/content-bottom.jpg) no-repeat 0 bottom #FFFFFF;
	float:left;
}
.about {
	width:465px;
	height:32px;
	background:url(../images/aboutusbg.jpg) repeat-x;
}
#about {
	width:465px;
	height:41px;
	background:url(../images/footer-image.jpg) repeat-x center;
	padding-top:10px;
}
.bottom-column-readmore {
	width:320px;
	height:32px;
	background:url(../images/aboutusbg.jpg) repeat-x;
	margin-left:auto;
	margin-right:auto;
}
.about ul li, .bottom-column-readmore ul {
	padding-left:12px;
}
.about ul li, .bottom-column-readmore ul li {
	list-style:none;
	float:left;
	padding-right:20px;
	line-height:30px;
}
.about ul li a, .bottom-column-readmore ul li a {
	padding-left:20px;
	background:url(../images/bullet.jpg) left no-repeat;
	text-decoration:underline;
	color:#0091d5;
	font-weight:bold;
	padding-bottom:4px;
	font-size:11px;
}
#nobullet {
	background:none;
	text-decoration:none;
	font-weight:normal;
	padding-left:0;
}
#active-service {
	color:#7cad00;
}
#left-links {
	width:235px;
	float:left;
	padding-left: 14px;
}
#flash {
	width:205px;
	height:192px;
	float:left;
	border:#c3c3c3 2px solid;
	margin-top: 5px;
}
#flash-title {
	height:33px;
	width:100%;
	border-top:#6abeea 5px solid;
	text-align:center;
	color:#6abeea;
	font-size:18px;
	/*font-weight:bold;*/
	padding-top:9px;
}
#flash-content {
	width:201px;
	height:142px;
	float:left;
	border:2px #FFFFFF solid;
}
#right-container { /***********right menu container***********/
	width:220px;
	float:left;
	padding-top:7px;
}
.right-column { /***********individual right container***********/
	width:220px;
	float:left;
	padding-bottom:20px;
}
.right-column-title {
	float:left;
	width:207px;
	background:url(../images/rightheaderbg.jpg) repeat-x #28303c;
	height:29px;
	line-height:25px;
	padding-left:13px;
	color:#96c808;
	font-size:13px;
}
.right-column-content {
	width:185px;
	float:left;
	border:#c3c3c3 solid 1px;
	background:url(../images/rightcontentbg.jpg) repeat-x #FFFFFF;
	padding-top:24px;
	padding-left:20px;
}
.right-column-content ul {
	padding-bottom:20px;
}
.right-column-content ul li {
	list-style:none;
	padding:10px 0;
	padding-left:30px;
}
.right-column-content ul .right-links {
	list-style:none;
	padding:3px 0;
	padding-left:15px;
	background:url(../images/bullet.gif) no-repeat left;
}
.right-column-content ul li a {
	width:100%;
	color:#2cacf8;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}
.right-column-content ul .right-links a {
	width:100%;
	color:#2cacf8;
	font-weight: normal;
	font-size:12px;
	text-decoration:none;
}
.right-column-content ul li a:hover {
	color:#96c808;
}
#bottom-columns { /***********two middle column containers***********/
	width:756px;
	float:left;
}
.middle-bottom-column {
	width:378px;
	background:url(../images/bottom-colulmn-top.jpg) no-repeat top #FFFFFF;
	height:197px;
	float:left;
	padding-top:4px;
}
.bottom-column-left {
	padding-left:9px;
	width:369px;
	background:url(../images/bottom-colulmn-left.jpg) no-repeat left 0;
	float:left;
}
.bottom-column-right {
	width:360px;
	padding-right:9px;
	background:url(../images/bottom-colulmn-right.jpg) no-repeat right 0;
	float:left;
	height:250px;
}
.bottom-column-content {
	padding:16px 20px;
	width:320px;
	height: 150px;
}
.bottom-column-content-title {
	width:100%;
	background:url(../images/bottom-colulmn-border.jpg) repeat-x bottom;
	padding-bottom:2px;
}
.bottom-column-content-title span {
	/*font-style: italic;*/
	color:#7cad00;
	font-size:14px;
	border-bottom:1px solid #7cad00;
	padding-bottom:1px;
}
.bottom-column-content-body {
	color:#6a6a6a;
	padding-top:13px;
	line-height:18px;
	text-align:justify;
}
/***********featured clients***********/
.clients {
	width:738px;
	height:102px;
	border:1px solid #c3c3c3;
	float:left;
	margin-left:8px;
	margin-top:40px;
	position:relative;
}
.featured {
	position:absolute;
	top:-8px;
	height:14px;
	left:10px;
	width:110px;
	background:#FFFFFF;
	color:#0091D5;
	font-size:11px;
	border:1px solid #c3c3c3;
	text-align:center
}
.clients-inner {
	width:736px;
	height:80px;
	border:1px #FFFFFF solid;
	background:url(../images/clientbg.jpg) repeat-x;
	padding-top:20px;
}
.clients-inner ul {
	padding-left:10px;
}
.clients-inner ul li {
	float:left;
	padding-right:18px;
}
/***********footer***********/
#footer {
	clear:both;
	width:100%;
	border-top:4px #000000 solid;
	height:42px;
	background:url(../images/footerbg.jpg) repeat;
}
#footer-in {
	width:100%;
	background:url(../images/devterch.jpg) no-repeat center;
	height:36px;
}
#footer-links ul {
	padding-left:16px;
}
#footer-links ul li {
	float:left;
	padding:0 30px;
	height:32px;
	padding-top: 10px;
}
#footer-links ul li a {
	color:#FFFFFF;
	text-decoration:underline;
}
#active {
	background:#000000;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
#search {
	float:right;
	padding:8px 20px 0 0;
}
#search-box {
	width:3px;
	height:21px;
	background:url(../images/searchbg-left.jpg) left no-repeat;
	float:left;
}
.search {
	background: url(../images/searchbg.jpg) repeat-x;
	border: none;
	height:22px;
	width:100%;
}
.search-input {
	float:left;
	width:125px;
}
.serach-button {
	width:56px;
	float:left;
	height:21px;
	background: #FFFFFF;
}
.noborder {
	border:0px;
}
.bottom-links {
	width:100%;
	height:70px;
	padding-top:30px;
}
.copyright {
	width:200px;
	float:left;
	color:#999ba0;
	font-size:11px;
	padding-left:20px;
}
#othersites {
	float:right;
	width:400px;
}
#othersites a, #othersites span {
	color:#6abeea;
	font-size:12px;
}
#othersites a {
	text-decoration:underline;
}
#othersites {
	color:#999ba0;
	text-align:right;
	padding-right:20px;
	line-height:18px;
	font-size:11px;
}
.inner-title {
	color:#0091D5;
	padding:10px 0;
}
.level-two {
	color:#96C808;
	padding:10px 0 5px 20px;
	background:url(../images/inner-bullet.jpg) left no-repeat;
	margin-left:30px;
	line-height:20px;
	font-size:14px;
}
#tabs #fragment-4 span {
	color:#7cad00;
	background:url(../images/inner-bullet.jpg) left no-repeat;
	padding-left:20px;
}
.input-sms {
	width:200px;
	float:left;
}
#quote-form {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}
.q-column {
	width:180px;
	float:left;
	padding:0 5px;
}
.q-row {
	width:400px;
	padding:5px 0;
	float:left;
}
.c-row {
	clear:both;
	width:100%;
}
.portfolio {
	width:200px;
	float:left;
	text-align:left;
}
.portfolio ul{
	margin-bottom:10px;
	float:left;
}
.portfolio ul li{
	border-bottom:1px dotted #999999;
}
.portfolio ul li a{
	display:inline-block;
}
.portfolio-title{
	border-bottom:1px solid #7CAD00;
	margin-bottom:2px;
	width:200px;
	
	}
#portfolio-body{
	float: left;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #C3C3C3;
	}
#login-form{
	width:280px;
	margin:20px auto;
	height: 200px;
	border:1px solid #CFDEF7;
	}
#login{
	float:left;
	width:250px;
	padding: 15px;
	}
#login-row{
	float:left;
	width:100%;
	padding:10px 0;
	}
#login-column{
	width:100px;
	float:left;
	}
