body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font: 0.8em Georgia, Arial, sans-serif;
color:#333333;
text-align: center;
vertical-align:baseline;
}
img{
margin:0;
border: 0;
}
.clear{
clear: both;
}
#wrapper{
background: #ffffff url("images/backtop2.png") repeat-x;
width: 100%;
margin: 0;
padding: 0;
}
#wrapper2{
width: 960px;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
}

#banner{
position: relative;
padding: 0;
border: 0;
width: 960px;
margin-left: auto;
margin-right: auto;
height: 110px;
margin-bottom: 0;
}
#banner img{
padding: 0;
margin: 0;
}
.convert{
margin: 0;
padding: 0;
position: relative;
height: 299px;
width: 960px;
clear: both;
}
.menu{
margin-bottom: 0;
margin-left: 0;
margin-top: 0;
width: 400px;
clear: both;
}
.menu ul {
	list-style:none;
	margin:0px 0px 0px -20px;
	width:900px;
}

.menu ul li {
	float:left;
	
}
.menu ul li a{
padding:7px 20px 7px 20px;
	
	height: 30px;
	}

.menu ul li.active a, .menu ul li a:hover{
background: #c9c9c9 url(images/bg-main-nav.gif) repeat-x;
}


.menu ul li.last{
	border-right: none;
}

.menu ul li a:link, .menu ul li a:visited {
	font-size:125%;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

.menu ul li a:hover {
	color:#333;
}
#flashbanner{
position: relative;
top: 8px;
}
.col3 h2 {
background:transparent url(images/web-design2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:22px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
.col1 h1 {
background:transparent url(images/seo2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:22px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 19px 50px;
}
.col2 h2 {
background:transparent url(images/ppc2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:22px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
.col22 h3 {
background:transparent url(images/yinyangsmall.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 35px;
}
.col33 h3{
background:transparent url(images/pin2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 30px;
}
.col11 h2 {
background:transparent url(images/no_entrysmall.gif) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 17px 35px;
}
.col33 a, .col3main a{
font-weight: bold;
color: #333;
text-decoration: none;
}


.col1main h2{ 
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 0;
}
h4{ 
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 0;
}

#content{
width: 100%;
position: relative;
background-color: #FFFFFF;
}
.white{
color: #E1E1E1;
}

.col33 ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col33 li{
border-bottom:1px solid #DEDEDE;
width: 100%;
padding:15px 0 15px 5px;
}

.col3main ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col3main li{
border-bottom:1px solid #DEDEDE;
width: 100%;
padding:15px 0 15px 5px;
}

.col2main ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col2main li{
border-bottom:1px solid #DEDEDE;
width: 100%;
padding:15px 0 15px 5px;
}
.col2main{
height: 383px;
}
.col3main ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col3main li{
border-bottom:1px solid #DEDEDE;
width: 100%;
padding:15px 0 15px 5px;
}

.col222 ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col222 li{
width: 100%;
padding:5px 0 5px 5px;
}

.col111 ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col111 li{
width: 100%;
padding:5px 0 5px 5px;
}
.col333 ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding: 0;
}
.col333 li{
width: 100%;
padding:5px 0 5px 5px;
}
.arrow{
	color:#5151FF;
	font-size:180%;
}
.arrow2{
	color:#FFFFFF;
	font-size:180%;
}

.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops/* common column settings */	
		}

.colmask1 {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops/* common column settings */
		border-bottom: 50px solid #ffffff;
		}
.colmask11 {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops/* common column settings */
		color: #ffffff;
		}		
		
		.sitemapwrapper{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		background: #333 url("images/sitemap.png") repeat-x;
		padding: 5px;
		text-align: left;
		}
		
		
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;		
	}
.col3 p, .col2 p, .col1 p, .col33 p, .col22 p, .col11 p, .col1main p{ 
text-align: justify;
}


/* 3 Column settings */
	.threecol {
		background:#ffffff;		/* right column background colour */
	}
	.threecol .colmid {
		right:30%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}
	.threecol .colleft {
		right:30%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
		height: 342px;
	}
	.threecol .col1 {
		width:30%;			/* width of center column content (column width minus padding on either side) */
		left:95%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:30%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:70%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
/* common column settings */
	.colright1,
	.colmid1,
	.colleft1 {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col11,
	.col22,
	.col33 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	.col33 p{
	text-align: justify;
	}
	
/* 3 Column settings */
	.threecol1 {
		background:#ffffff;
	}
	.threecol1 .colmid1 {
		right:30%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol1 .colleft1 {
		right:30%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
	}
	.threecol1 .col11 {
		width:30%;			/* width of center column content (column width minus padding on either side) */
		left:95%;			/* 100% plus left padding of center column */
	}
	.threecol1 .col22 {
		width:30%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol1 .col33 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:70%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
/* common column settings */

	.colright11,
	.colmid11,
	.colleft11 {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col111,
	.col222,
	.col333 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		text-align: justify;
	}

/* 3 Column settings */
	.threecol11 {
		background:#333 url("images/sitemap.png") repeat-x;		/* right column background colour */
	}
	.threecol11 .colmid11 {
		right:30%;			/* width of the right column */
		background:#333;		/* center column background colour */
	}
	.threecol11 .colleft11 {
		right:30%;			/* width of the middle column */
		background:#333;	/* left column background colour */
	}
	.threecol11 .col111 {
		width:30%;			/* width of center column content (column width minus padding on either side) */
		left:95%;			/* 100% plus left padding of center column */
	}
	.threecol11 .col222 {
		width:30%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol11 .col333 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:70%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


.CallBack { clear: both; width: 32.5%; height: 325px; margin: 20px 0 0 0; padding: 0 0 5px 0; overflow: hidden; background: url("images/CALLBACK6.png") 0 0 no-repeat; position: absolute; top: -3px; left: 69%; }
.CallBack fieldset { border: 0; margin: 0; padding: 0; }
.CallBack legend { margin: 0!important; padding: 0!important; }
.CallBack legend span { display: block; width: 290px; font-size: 160%; text-align:center; margin: 0!important; padding: 8px 0 0 10px!important; color: #FFFFFF; font-weight: bold; letter-spacing: -0.03em; }
.CallBack form {  margin: 0; padding: 0; }
.CallBack label { color: #fff; font-size: 100%; display: block; width: 290px; margin: 0; padding: 0 0 2px 10px; text-transform: capitalize; font-weight: bold; letter-spacing: -0.03em; }
.CallBack div { padding: 0 0 5px 0; color: #fff; vertical-align: middle;}
.CallBack .txt { color: #666; font-size: 12px; display: block; width: 290px; margin: 0 0 0 10px; padding: 2px 0; border: 2px solid #ccc;  font-family: arial; }
.CallBack .area { color: #666; font-size: 12px; display: block; width: 290px; height: 50px; overflow: auto; margin: 0 0 0 10px; padding: 2px 0; border: 2px solid #ccc;  font-family: arial; }
.CallBack .captchaTxt { color: #666; font-size: 12px; display: inline; width: 65px; margin: 0 0 0 10px; padding: 2px 0; border: 2px solid #ccc;  font-family: arial; }
.CallBack p { color: #fff; margin: 0; padding: 0 0 5px 10px; font-size: 90%; }
.CallBack img { margin: 0 7px 0 10px; vertical-align: middle; }
.CallBack .btnSubmit { margin: 0 0 0 75px; padding: 0; }

/* column container */
	.colmaskmain {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border-bottom: 50px solid #ffffff;
	}
	/* common column settings */
	.colrightmain,
	.colmidmain,
	.colleftmain {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1main,
	.col2main,
	.col3main {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	.col2main{
	color: #ffffff;
	}
	/* 3 Column settings */
	.threecolmain {
		background:#ffffff;		/* right column background colour */
	}
	.threecolmain .colmidmain {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecolmain .colleftmain {
		right:50%;			/* width of the middle column */
		background:url(images/services2.png) no-repeat 730px 0;	/* left column background colour */
	}
	.threecolmain .col1main {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecolmain .col2main {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecolmain .col3main {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

	.col2main a{
	text-decoration: none;
	color: #ffffff;}
	.col2main ul li:hover {
	background-color:#272324;
	color:#ffffff;
}
.col2main a:hover {
	text-decoration: underline;
	color:#cccccc;
}
	.col3main ul li:hover, .col33 ul li:hover{
	background-color:#F9F9F9;
	color:#ffffff;
}
.col3main a:hover, .col33 a:hover {
	text-decoration: underline;
	color:#5151FF;
}


.col111 a, .col222 a, .col333 a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	
	}
	
	.col111 ul li:hover, .col222 ul li:hover, .col333 ul li:hover {
	background-color:#272324;
	color:#ffffff;
	font-weight: bold;
}
.col111 a:hover, .col222 a:hover, .col333 a:hover {
	text-decoration: underline;
	color:#ffffff;
	font-weight: bold;
}

.col1 a, .col2 a, .col3 a{
	text-decoration: none;
	color: #ffffff;
	font-size: 125%;
	}
	
	.col1 a:hover, .col2 a:hover, .col3 a:hover {
	color:#cccccc;
}
.special{
font-style: italic;
}

p.button a span {
background:transparent url(images/bluebutton2.png) no-repeat 39px 0;
display:inline-block;
height:32px;
width: 201px;
padding:7px 40px;
position:relative;
white-space:nowrap;
text-align: center;
}
.seor h3 a{
color:#ffffff;
font-size:17px;
background:transparent url(images/seo2.png) no-repeat scroll 0 14px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
.payper h3 a{
color:#ffffff;
font-size:17px;
background:transparent url(images/ppc2.png) no-repeat scroll 0 10px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
.webd h3 a{
color:#ffffff;
font-size:17px;
background:transparent url(images/web-design2.png) no-repeat scroll 0 10px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
h3.services{
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 0;
}

h1.seo{
background:transparent url(images/seo2.png) no-repeat scroll 0 10px;
border-bottom:1px solid #DEDEDE;
font-size:23px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
h1.ppc{
background:transparent url(images/ppc2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:23px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
h1.webdesign{
background:transparent url(images/web-design2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:23px;
font-weight:800;
letter-spacing:-1px;
padding:20px 0 15px 50px;
}
h1.normal{
background:transparent url(images/yinyangsmall.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:23px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 35px;
}
#contact-area {
margin-top: 25px;
width:430px;
}
#contact-area input, #contact-area textarea {
border:2px solid #CCCCCC;
font: 11pt Lucida, sans-serif;
margin-left:15px;
padding:5px;
width:350px;
}
#contact-area textarea {
height:90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border:2px solid #990000;
}
#contact-area input.submit-button {
width:100px;
margin-left: 210px;
}
.about-image{
float:right;
margin-left:8px;
margin-right: 8px;
}
.col3main h3{
background:transparent url(images/pin2.png) no-repeat scroll 0 14px;
border-bottom:1px solid #DEDEDE;
font-size:19px;
font-weight:800;
letter-spacing:-1px;
padding:15px 0 15px 30px;
}
.front a{
	text-decoration: underline;
	color: #333333;
font: 13px Georgia, Arial, sans-serif;
font-weight: bold;
}
.front a:hover{
	text-decoration: none;
	color: #5151FF;
font: 13px Georgia, Arial, sans-serif;
font-weight: bold;}