body {
margin: 0;
padding: 0;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
font-size: 76%;
background-color:#33A4B2;
}

/**/
/* Arrange Divs together */
/**/

#header {
height: 113px;
background-color: #33A4B2;
width:100%;
}

#bg {
width: 100%;
height: 113px;
background-color: #33A4B2;
position:absolute;
top:0px;
}

#bgbot{
	width:100%;
	height:60px;
	background-color: #33A4B2;
	margin-top:-60px;
}



#wrapper {
position: relative;
width: 955px;
margin: 0;
background-color:#FFF;
height:600px;
float:left;
padding-bottom:30px;
}


html > body #wrapper{
	min-height:600px;
	height:auto;
}
#column1 div,#column2 div {
border-left: 3px solid #33A4B2;
}

#column1 {
width: 453px;
float: left;
margin-top: 31px;
line-height: 1;
}

#column2 {
width: 490px;
float: right;
margin-right: 5px;
margin-top: 53px;
}

#column2 div p {
padding-left: 10px;
}

div#webAgency {
border-left-width: 6px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
background: #85C8D1;
width: 256px;
float: right;
margin-bottom: 18px;
font-size: 1.3em;
}

div#webAgency h2 {
width: 171px;
height: 100px;
background: url(../images/wda.gif) no-repeat;
margin: 5px 0 0;
}

div#webAgency p {
padding-left: 8px;
padding-right: 10px;
margin-top: 3px;
}

#whyUs,#whyNeed,#wynew {
float: right;
margin-bottom: 17px;
}

#whyUs{
}

#whyUs h2 {
width: 210px;
height: 37px;
background: url(../images/wcu.gif) no-repeat;
margin: 0;
padding: 0;
float: left;
}

#whyNeed h2 {
width: 210px;
height: 67px;
background: url(../images/wynw.gif) no-repeat;
margin: 0;
padding: 0;
float: left;
}

.csTxt a{
	text-decoration:none;
	color:#FFF;
}

#wynew h2 {
width: 210px;
height: 91px;
background: url(../images/wynew.gif) no-repeat;
margin: 0;
padding: 0;
float: left;
}


#whyUs p, #whyNeed p, #wynew p {
width: 200px;
margin-top: 1px;
margin-bottom: 3px;
line-height: 1.1;
font-size: 1.05em;
color: #4D4D4D;
}

#whyUs p+p, #whyNeed p+p, #wynew p+p {
padding-right: 2px;
margin-top: 0px;
}

#whyUs p+p+p, #whyNeed p+p+p, #wynew p+p+p {
width: 190px;
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
margin-right: 57px;
font-weight: bold;
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
}

div#webDesign, div#discover, div#easy {
width: 329px;
border: none;
float: right;
color: #962E3E;
}



div#webDesign p, div#discover p, div#easy p {
width: 240px;
padding: 0;
font-size: 1.15em;
line-height: 1.4;
text-align: right;
margin: 9px 0 0 0;
font-style: italic;
}

div#webDesign .emphasis, div#discover .emphasis, div#easy .emphasis {
color: #33A4B2;
font-size: 1.4em;
font-style: normal;
}


div#webDesign h2 {
width: 329px;
height: 34px;
background: url(../images/wdd.gif) no-repeat;
margin: 0;
}

div#discover h2 {
width: 329px;
height: 34px;
background: url(../images/dwyn.gif) no-repeat;
margin: 0;
}

div#easy h2 {
width: 329px;
height: 34px;
background: url(../images/eea.gif) no-repeat;
margin: 0;
}

#seo, #approach,#choosing {
float: left;
background-color: #C2E4E8;
padding-left: 2px;
margin-left: -76px;
margin-bottom: 15px;
width: 515px;
padding-bottom: 6px;
}

#seo{
	margin-top:14px;
	margin-left:-63px;
}

#seo h2 {
width: 388px;
height: 25px;
text-indent:0;
margin: 10px 0 0 7px;
}

#approach h2 {
width: 388px;
height: 25px;
background: url(../images/oatwd.gif) no-repeat;
margin: 10px 0 0 7px;
}

#choosing h2 {
width: 388px;
height: 25px;
background: url(../images/caew.gif) no-repeat;
margin: 10px 0 0 7px;
}


#seo p, #approach p, #choosing p {
margin-top: 2px;
padding-right: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 1.15em;
margin-bottom: 8px;
}

#approach h3 {
padding-left: 10px;
margin-bottom: 2px;
color: #B72F25;
}

#nextstep , #flash, #payment {
float: left;
margin-bottom: 30px;
margin-left: 10px;
}

#nextstep h2 {
width: 297px;
height: 46px;
background: url(../images/tns.gif) no-repeat;
margin-bottom: 0px;
margin-top: 0px;
}

#flash h2 {
width: 327px;
height: 46px;
background: url(../images/fw.gif) no-repeat;
margin-bottom: 0;
margin-top: 0;
}

#payment h2 {
width: 390px;
height: 46px;
background: url(../images/pm.gif) no-repeat;
margin-bottom: 0;
margin-top: 0;
}

#nextstep p, #flash p, #payment p {
margin-top: 0;
margin-bottom: 0;
width: 200px;
color: #4D4D4D;
font-size: 1.05em;
}

#payment p+p {
margin-top: 5px;
}

#nextstep p+p, #flash p+p, #payment p+p+p {
margin-top: 5px;
width: 200px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
}

#footer {
clear: both;
margin-bottom: 30px;
}

#logo {
width: 129px;
height: 113px;
left: 53px;
position: absolute;
top:-5px;
}

#telephone {
width: 299px;
height: 113px;
position: absolute;
left: 621px;
display:none;
}

#crow {
width: 211px;
height: 218px;
float: right;
margin: -29px 55px 0 0;
}

p {
font-size: 1em;
}

h1 {
font-size: 1em;
margin: 0px;
position: absolute;
width: 282px;
height: 28px;
background: url(../images/title.gif) no-repeat;
top: 62px;
left: 198px;
}

h1,h2 {
text-indent: -5000px;
}

#nav {
position: absolute;
width: 148px;
height: 200px;
top: 32px;
left: 32px;
padding: 0;
}

#nav ul {
padding: 0;
margin: 0;
}

#column2 #nav {border-left:none;}

#nav ul li, #nav ul a {
display: block;
background-image: url(/images/nav.gif);
background-repeat: no-repeat;
width: 148px;
height: 34px;
text-indent: -5000px;
overflow: hidden;
text-align: left;
}

#nav ul li {
width: 148px;
}

/* links (background of the a tag) */	
#w_home a {
background-position: -148px 0px;
}
#w_webdesign a {
background-position: -148px -35px;
}
#w_ecommerce a {
background-position: -148px -70px;
}
#w_case a {
background-position: -148px -105px;
}
#w_contact a {
background-position: -148px -140px;
}

* rollovers (background of the li tag) */
#w_home {
background-position: 0px 0px;
}
#w_webdesign {
background-position: 0px -35px;
}
#w_ecommerce {
background-position: 0px -70px;
}
#w_case {
background-position: 0px -105px;
}
#w_contact {
background-position: 0px -140px;
}

/* section highlights */
#home #w_home a {
background-position: 0px 0px;
}
#webdesign #w_webdesign a {
background-position: 0px -35px;
}
#ecommerce #w_ecommerce a {
background-position: 0px -70px;
}
#case #w_case a {
background-position: 0px -105px;
}
#contact #w_contact a {
background-position: 0px -140px;
}
#nav ul li.unselected a:hover {
background-image: none;
}

#footer {
margin: 20px 0 0 0;
height: 60px;
background-color: #33A4B2;
}
#footer ul {
margin-left: 370px;
padding-bottom: 30px;
float: left;
}

#footer ul li {
display: inline;
}

#footer ul a {
margin-right: 15px;
text-decoration: none;
color: #FFFFFF;
}

.phoneno {
font-family: Arial, Verdana, sans-serif;
}

#column3 {float:left;}

#column3 #mainarea {width:500px;float:left;width:691px;margin: 35px 0px 50px 205px;}

.csImg{
	float:right;
	height:441px;
	width: 368px;
	top:5px;
	margin-top:-5px;
}

.csImg1{
float:left;
	width:368px;
	height:220px;
	padding:0;
	margin:0;
}

.csImg2{
	float:left;
	width:368px;
	height:221px;
	padding:0;
	margin:0;
}

#column3 h2{text-indent:0; height:24px; width: 100%; text-align: center; background-color:#962E3E;color:#FFFFFF; font-size: 1.3em;font-family: Arial, Helvetica, sans-serif;font-weight:normal;padding-top:3px;margin:0;	}

html > body #column3 h2 {height:auto; min-height:24px;}

.clearDiv{
float:right;
margin-bottom:30px;
background:url(../images/grad.jpg) repeat-x;
}

#column3 p{float:left; margin:5px 20px 7px 10px; }

.csTxt{width:323px; float:left;}

#case #footer ul{
	margin-left:474px;
}