html{
	font-size:100.01%;
}
body{
	margin:0;
	font: 62.5% Verdana, Tahoma, Arial, sans-serif;
	min-width:980px;
}

a{
color: #62ae1a;
text-decoration:none;}

#wrapper{
	width:100%;
	overflow:hidden;
}
/*-- header --*/
#header{
	width:100%;
	background:#092856;
	border-bottom:1px solid #42597d;
	position:relative;
	z-index:1;
}
#header .header-area{
	width:980px;
	margin:0 auto;
	padding:10px 0;
}
#header .header-area:after{
	content:"";
	display:block;
	clear:both;
}
#header .logo{
	margin:0 0 0 11px;
	float:right;
	display:inline;
	width:230px;
	height:47px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img/logo.gif) no-repeat;
}
#header .logo a{
	display:block;
	height:100%;
}
#navigation{
	margin:13px 0 0;
	padding:0;
	list-style:none;
	float:left;
	font-size:13px;
	line-height:22px;
	font-weight:bold;
}
#navigation li{
	float:left;
	margin:0 24px;
	display:inline;
}
#navigation a{
	color:#fff;
	text-decoration:none;
}
#navigation a:hover{
	text-decoration:underline;
}
/*-- drop down --*/
/*
#navigation li:hover,
#navigation li.hover{
	position:relative;
}
#navigation li:hover ul,
#navigation li.hover ul{
	display:block;
}
*/
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #73859f;
	position:absolute;
	top:22px;
	left:0;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
	width:190px;
	background:#092856;
	display:none;
}
#navigation ul li{
	margin:0;
	width:100%;
}
#navigation ul a{
	padding:10px 8px;
	display:block;
	height:1%;
}
#navigation ul a:hover{
	text-decoration:none;
	background:#1a3762;
}
/*-- banner --*/
#banner{
	width:100%;
	background:#f1f3f2 url(../img/bg-banner.gif) repeat-x;
}
#subbanner{
	width:100%;
	background:#f1f3f2 url(../img/bg-banner.gif) repeat-x;
}

#subbanner h1{
	font-size:58px;
	line-height:50px;
	color:#fff;
	margin:0 0 23px;
}

#banner .banner-area{
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:27px 0 10px;
	background: url(../img/bg-banner-area.gif) no-repeat;
}
#banner .banner-area-sub{
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:2px 0 2px;
	background: url(../img/bg-banner-area.gif) no-repeat;
}

#banner h1.web-designs{
	width:474px;
	height:91px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img/text-web-designs.gif) no-repeat;
}
#banner h1{
	font-size:58px;
	line-height:50px;
	color:#fff;
	margin:0 0 23px;
}
#banner .text-info{
	width:495px;
	float:left;
	padding:0 0 0 9px;
}
#banner h2{
	background: url(../img/bullet-banner.gif) no-repeat;
	padding:2px 0 7px 37px;
	margin:0 0 5px 7px;
	color:#fff;
	font-size:18.3px;
	line-height:22px;
	font-weight:normal;
	float:left;
	display:inline;
	width:185px;
	letter-spacing:-1px;
}
#banner h2 a{
	color:#fff;
	text-decoration:none;
}
#banner h2 a:hover{
	text-decoration:underline;
}
#banner .hold-image{
	float:right;
	margin:0 0 0 -15px;
}
#banner .btn{
	float:left;
	height:43px;
	width:209px;
	overflow:hidden;
	margin:40px 0 0;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	text-decoration:none;
	line-height:43px;
	background: url(../img/bg-banner-btn.gif) no-repeat;
	padding:0 45px 0 25px;
	letter-spacing:-1px;
}
#banner .btn:hover{
	text-decoration:underline;
}
/*-- main --*/
#main{
	width:100%;
	background: url(../img/bg-main.gif) repeat-x;
}
#main .main-area{
	width:960px;
	margin:0 auto;
	padding:26px 10px 0;
	overflow:hidden;
}
.three-columns{
	overflow:hidden;
	width:988px;
}
.three-columns .side-box{
	width:277px;
	float:left;
	padding:0 28px 0 0;
}
.three-columns .center-box{
	width:356px;
	float:left;
	padding:0 22px 0 0;
}
#main h2{
	color:#000100;
	font-size:1.8em;
	line-height:1em;
	margin:0 0 10px;
}
.three-columns ul{
	margin:0;
	padding:0;
	list-style:none;
}
.three-columns ul li{
	width:100%;
	overflow:hidden;
}
.three-columns .btn{
	width:231px;
	height:28px;
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:28px;
	background: url(../img/bg-btn.gif) no-repeat;
	padding:3px 35px 4px 11px;
	text-decoration:none;
}
.three-columns .btn:hover{
	text-decoration:underline;
}
.gallery-hold{
	overflow:hidden;
	width:356px;
}
#main .gallery-hold h2{
	margin:0 0 10px 34px;
}
.gallery .link-prev,
.gallery .link-next{
	float:left;
	width:31px;
	height:31px;
	margin:65px 3px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img/bg-link-prev.gif) no-repeat;
}
.gallery .link-next{
	float:right;
	margin:65px 0 0 3px;
	background: url(../img/bg-link-next.gif) no-repeat;
}
.gallery .window-gallery{
	overflow:hidden;
	height:167px;
	width:288px;
	float:left;
	position:relative;
}
.gallery img{
	display:block;
	margin:0;
	padding:0;
	border:2px solid #dfdfdf;
}
.gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	width:9999px;
	overflow:hidden;
}
.gallery ul li{
	float:left;
	width:288px;
}

#main q{
	quotes:none;
	display:block;
}
#main cite{
	display:block;
	font-style:normal;
	font-weight:bold;
	font-size:0.8em;
}
#main q:before{content:"";}
#main q:after{content:"";}

#main cite a{
	text-decoration:none;
	color:#092856;
}
#main cite a:hover{
	text-decoration:underline;
}
/*-- articles-blog --*/
#main .articles-blog{
	width:980px;
	overflow:hidden;
	background:#232323;
	margin:20px 0 0 -10px;
	padding:0 0 17px;
}
#main .articles-blog h2{
	font-size:1.8em;
	line-height:26px;
	padding:5px 0;
	color:#fff;
	margin:0;
	text-align:center;
	background: url(../img/dotted-line.gif) repeat-x 0 100%;
}
#main .articles-blog .hold-box{
	padding:0 0 0 67px;
	overflow:hidden;
	width:900px;
}
#main .articles-blog .box{
	width:225px;
	float:left;
	padding:13px 75px 0 0;
	font-size:1.2em;
	line-height:1.5em;
}
.articles-blog .box img{
	display:block;
	margin:0;
	border:0;
}
.articles-blog .box a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.articles-blog .box a:hover{
	text-decoration:underline;
}
/*-- footer --*/
#footer{
	width:100%;
	background:#d4d4d4;
	overflow:hidden;
	text-align:center;
	color:#020000;
	font-size:1em;
	line-height:1em;
	margin:1px 0 0;
	padding:17px 0;
}
#footer p{
	margin:0;
}

#subh1{
font-size:26px !important;
color:#FFFFFF;
margin: 0px;
padding: 0px;
	line-height:55px !important;
	color:#fff;
	margin:0 0 5px !important;
	padding-left:12px;
	float: left;
}

#subcontent{
width:980px;
display:block;
margin:0 auto;
font-size: 115%;
line-height:195%;
color: #2d2f30;
padding-left: 15px;
text-align:justify;
}

#subcontent-left{
width: 700px;
float:left;
background-repeat:repeat-y; 
}

#subcontent-right{
width: 240px;
float:right;
background-color: #e1e0e0;
height: 30px;
text-align:left;
font-size:95%;
padding-left: 20px;
}

#subcontent-right2{
width: 240px;
float:right;
height: 30px;
text-align:left;
font-size:95%;
padding-left: 20px;
line-height: 250%;
margin-top: 32px;
}

#subcontent-right2 a{
color: #62ae1a;
font-size: 110%;
text-decoration:none;
}

#subcontent-right2 a:active{
background-color: #62ae1a;
color:#FFFFFF !important;
padding: 3px 9px 3px 7px;
}


#subcontent-right2 h2{
margin: 22px 0px 10px 0px;
}

#toptext{
color:#000000;
font-size:20px;
line-height:120%;
padding: 15px 0px 5px 0px;
	text-align:left !important;}

#h2sub{
font-size: 18px;
color: #63af1b;
font-weight: 700;
padding: 10px 0px 5px 0px;
}

#subimage{
float: right;
margin-left:15px;}

#quote{
width: 270px;
background-image: url(../img/comma.jpg);
background-repeat:no-repeat;
background-color:#f3f3f1;
padding: 40px 15px 20px 15px;
font-style:italic;
font-size:14px;
float:left;
margin: 10px 15px 0px 0px;
text-align:left;
}

#sub-bg{
background-image: url(../img/grey.gif);
width: 980px;
}

#line{
color: #9ab3cd;
}

#cont1{
color: #7babd9;
}

#greenbutton{
width: 217px;
height: 28px;
background-image: url(../img/greenbutton.jpg);
float: right;
padding: 6px 0px 0px 15px;
margin-top: 13px;
}

#greenbutton a{
color:#FFFFFF;
font-size:18px;
text-decoration:none;
font-weight:700;
}

.projContent{
text-align:left;
line-height:130%;
margin-top: 20px;
}

.projimage{
margin-top:10px;}

#projtitle{
float: left;
width: 550px;
}

#projsitelink{
float: left;
width: 95px;
margin-top: 15px;
}
#arrow{
float: left;
width: 13px;
margin-top: 14px;
height: 13px;
}

#quote3{
width: 250px;
height: 164px;
background-image:url(../img/quote.jpg);
padding: 10px 18px 0px 15px;}

blockquote h3{
	margin:0;
	font-weight:normal;
}

#main blockquote{
	margin:0;
	padding:5px 0 0 2px;
	color:#22629e;
	font-size:13px;
	line-height:140%;
	font-style:italic;
}
/*
.active{
background-color: #62ae1a;
color:#FFFFFF !important;
padding: 3px 9px 3px 7px;
}*/

#meathtext{
font-size:12px;
margin-top: 10px;
margin-bottom: 10px;
line-height:150%;
}

#bantext1{
font-size: 26px;
color:#FFFFFF;
line-height:130%;
height: 65px;
}

#bantext2{
font-size: 14px;
color:#FFFFFF;
line-height:190%;
height: 100px;
}

#subtext5{
line-height:140%;
letter-spacing: .8px;}

#clientleftcol{
float: left;
width: 470px;
margin-right: 20px;
}
#clientrightcol{
float: left;
width: 460px;
}
.client8image{
float: left;
width: 176px;
height: 157px;
margin: 20px 20px 0px 0px;
display:block;

}
#client8text{
float: left;
width: 255px;
text-align:justify;
margin: 20px 0px 0px 0px;
line-height: 18px;
}
#client8text2{
float: left;
width: 255px;
text-align:left;
margin: 20px 0px 0px 0px;
line-height: 20px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#5ba118;
font-size: 16px;
}
#client8{
font-size: 15px;
margin: 0px 0px 6px 0px;
padding: 0px;
font-weight: 700;
color: #2d2f30;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
#clearclient{
clear:both;
}
#cliimage1{
background-image:url(../img/client-1-bco.jpg);
}
.greenclilink{
color:#FFFFFF;
background-color: #85c12e;
padding: 5px 7px 5px 7px; 
}
#greenlinkpos{
margin: 133px 0px 0px 54px
}
#cliimage1{
background-image:url(../img/client-1-bco.jpg);
}
#cliimage2{
background-image:url(../img/client-2-shampoo.jpg);
}
#cliimage3{
background-image:url(../img/client-3-guild.jpg);
}
#cliimage4{
background-image:url(../img/client-4-maxwell.jpg);
}
#cliimage5{
background-image:url(../img/client-5-mlq.jpg);
}
#cliimage6{
background-image:url(../img/client-6-hogans.jpg);
}
#cliimage7{
background-image:url(../img/client-7-basement.jpg);
}
#cliimage8{
background-image:url(../img/client-8-mlcsltd.jpg);
}
#cliimage9{
background-image:url(../img/client-9-docman.jpg);
}
#cliimage10{
background-image:url(../img/client-10-callfarless.jpg);
}
#cliimage11{
background-image:url(../img/client-11-dyno.jpg);
}
#cliimage12{
background-image:url(../img/client-12-stone.jpg);
}
#cliimage13{
background-image:url(../img/client-13-pierfitz.jpg);
}
#cliimage14{
background-image:url(../img/client-14-chill.jpg);
}
#redstrong{
color: #009900;
font-weight:700;
text-align:left;}