﻿/* global */
html{height: 100%;}

body
{ font-family: Verdana, Geneva, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  text-align: center;
  background: url('../images/page_bg.jpg') repeat center top;
}

/* content styles
---------------------*/

div#mainbody {
width: 1000px;
height: 100%;
background: transparent;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
padding: 0px;
overflow: hidden;
}

div#top-page {
width: 1000px;
height: 200px;
background: url('../images/top-page_border.png');
padding: 0px;
margin: 0px;
float: left;
}

div#middle-page {
width: 1000px;
min-height: 350px;
background: url('../images/middle-page_border.png');
padding: 0px 0px;
margin: 0px;
float: left;
}

div#bottom-page {
width: 1000px;
height: 49px;
background: url('../images/bottom-page_border.png');
padding: 0px;
margin: 0px;
float: left;
}

div#middle-content {
padding: 0px 83px 0px 85px;
}

div#bottom-content {
padding: 0px 83px 0px 85px;
}

div#logo {
width: 300px;
height: 100px;
position: relative;
top: 45px;
left: 75px;
background: transparent;
font-size: 0px;
}

div#WebDevIcon {
width: 275px;
height: 236px;
float: right;
position: relative;
top: -109px;
right: 25px;
background: transparent;
font-size: 0px;
z-index: 1000;
}

div#logo a img{
border-style: none;
}

div#menu {
width: 700px;
height: 30px;
position: relative;
top: 67px;
left: 103px;
background: transparent;
}

div.menuitem {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 30px;
float: left;
border-style: none;
}

.blue a{
font-family: Impact, sans-serif;
padding-left: 3px;
margin: 0px;
font-size: 22px;
text-align: center;
float: left;
color: #000;
}


div#lwr_menu {
width: 600px;
height: 20px;
position: relative;
top: 0px;
left: 30px;
background: transparent;
}

div.lwr_menuitem {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
height: 20px;
float: left;
border-style: none;
}

a {
text-decoration: none;
}

/*Hover Styles*/

div.hoverBtn {
	position: 		relative;
	float:			left;
padding-left: 0px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
height: 30px;
float: left;
border-style: none;
}

div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		30px;
	width: 100%;
	line-height: 		30px;
	text-decoration:	none;
	color:			#FFF;
/*font-family: Impact, sans-serif;*/
font-family: Verdana, Geneva, sans-serif;
padding-left: 3px;
margin: 0px;
font-size: 18px;
text-align: center;
}

div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
}

div.blue {
	position: 		relative;
	float:			left;
padding-left: 0px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
height: 30px;
float: left;
border-style: none;
}
div.blue a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		30px;
	width: 100%;
	line-height: 		30px;
	text-decoration:	none;
	color:			#000;
/*font-family: Impact, sans-serif;*/
font-family: Verdana, Geneva, sans-serif;
padding-left: 3px;
margin: 0px;
font-size: 18px;
font-weight: normal;
text-align: center;
}

div.blue div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
}

div.lwr_blue {
	position: 		relative;
	float:			left;
padding-left: 0px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
height: 30px;
float: left;
border-style: none;
}

div.lwr_blue a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		30px;
	width: 100%;
	line-height: 		30px;
	text-decoration:	none;
	color:			#000;
/*font-family: Impact, sans-serif;*/
font-family: Verdana, Geneva, sans-serif;
padding-left: 3px;
margin: 0px;
font-size: 16px;
font-weight: normal;
text-align: center;
}

div.lwr_blue div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
}

div#lwr_menu a {
font-size: 14px;
}

/*End of Hover Styles*/

/*Start of content styling*/
div.contents {
width: 850px;
height: 100%;
margin: 0px auto 0px auto;
background: transparent;
float: left;
}
div#left_content {
width:680px;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
position: relative;
top: 0px;
left: 4px;
background: transparent;
}
div#top_contents_bg {
width: 680px;
height: 15px;
margin: 0px auto;
background: url('../images/top_contents.png');
float: left;
}
div#middle_contents_bg {
width: 680px;
height: 100%;
margin: 0px auto;
background: url('../images/middle_contents.png') repeat-y;
float: left;
}
div#bottom_contents_bg {
width: 680px;
height: 15px;
margin: 0px auto;
background: url('../images/bottom_contents.png');
float: left;
}
div#right_content {
width:170px;
height:300px;
margin: 0px;
padding: 0px;
float: right;
position: relative;
top: 40px;
left: 15px;
background: url('../images/sidebar_bg.png');
}
div.sidebar_link {
width: 170px;
height: 30px;
padding: 0px 0px;
text-align: center;
background: transparent;
}
/*End of content styling*/

div.writing {
padding: 20px 15px 0px 15px;
width: 650px;
height: 100%;
}
div.writing h1{
margin: 0px 0px 0px 0px;
font: 22px Verdana, Geneva, sans-serif;
color: #111;
letter-spacing:-1px;
}
div.writing h2 {
margin: 0px 0px 20px 30px;
font: italic 18px Verdana, Geneva, sans-serif;
color: #111;
letter-spacing:-1px;
}
div.writing h3 {
margin: 0px 0px 20px 0px;
font: normal 26px Verdana, Geneva, sans-serif;
color: #000000;
letter-spacing:-1px;
}
div.writing p {
padding: 0px 20px 10px 20px;
font:normal 12px Verdana, Geneva, sans-serif;
color: #505050;
text-align: left;
}

div#design_text1 {
width: 350px;
height: 150px;
margin: 0px 30px 0px 30px;
text-align: justify;
color: #505050;
}
div#design_graphic1 {
width: 350px;
height: 150px;
margin: 0px 30px 0px 30px;
}
div#design_text2 {
width: 350px;
height: 250px;
margin: 0px 30px 0px 30px;
}
div#design_text2 h1{
font: 24px Verdana, Geneva, sans-serif;
color: #505050;
letter-spacing:-1px;
}
div#design_graphic2 {
width: 350px;
height: 400px;
margin: 0px 30px 0px 30px;
}

div#design_portfolio1 {
width: 648px;
height: 100px;
margin: 0px auto 0px auto;
border: 1px solid #878787;
background: transparent;
float: left;
}
div.design_portfolio {
width: 150px;
height: 90px;
float: left;
}
div.design_portfolio h1{
margin: 10px 0px 20px 30px;
font: italic 18px Verdana, Geneva, sans-serif;
color: #111;
letter-spacing:-1px;
}
div.design_portfolio img{
height: 90px;
margin: 5px 0px;
border: 1px dashed #878787
}

#design1 {
margin: 0px 300px 0px auto;
}
div#design1 p{
padding: 15px;
font: normal 11px Verdana, Geneva, sans-serif;
color: #505050;
}

div#contact_text1 {
padding: 10px 35px;
}

div#contact_text1 p{
padding: 15px;
font-size: 14px;
}

div#contact_text2 {
float: right;
position: relative;
padding: 15px;
background: grey;
}

div#hosting_text1 {
width: 740px;
height: 250px;
margin-left: 30px;
margin-right: 30px;
padding:0;
font:normal 11px Verdana, Geneva, sans-serif;
color: #505050;
}

#ecommerce_header {
width: 650px;
height: 200px;
margin: 0px 30px 0px 30px;
}

#ecommerce_header h3{
font-size: 22px;
}

#ecommerce1 {
margin: 0px 300px 0px auto;
}
div#ecommerce1 p{
padding: 0px 15px;
font: normal 11px Verdana, Geneva, sans-serif;
color: #505050;
}
div.threecol {
text-align: center;
height: 250px; 
margin: 30px 25px 10px 25px;
}
div.threecol h2 {
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 16px;
}
div.threecol p {
padding: 0px;
height: 150px;
text-align: justify;
}

#manage_ec {
width: 200px;
height: 250px;
float: left;
background: transparent;
}
#manage_ec_img {
width: 200px;
height: 50px;
position: relative;
top: -265px;
background: transparent;
}
#sell_ec {
width: 200px;
height: 250px;
float: left;
background: transparent;
}
#sell_ec_img {
width: 200px;
height: 50px;
float: left;
position: relative;
top: -265px;
background: transparent;
}
#cart_ec {
width: 200px;
height: 250px;
float: left;
background: transparent;
}
#cart_ec_img {
width: 200px;
height: 50px;
float: left;
position: relative;
top: -265px;
background: transparent;
}

#seo1 {
margin: 0px 300px 0px auto;
}
div#seo1 p{
padding: 15px;
font:normal 11px Verdana, Geneva, sans-serif;
color: #505050;
}

#hosting {
margin: 0px 300px 0px auto;
}
div#hosting1 p{
padding: 15px;
font: normal 11px Verdana, Geneva, sans-serif;
color: #505050;
}

#packages1 {
margin: 0px 300px 0px auto;
}
div#packages1 p{
padding-left: 30px; 
font-size: 16px; 
font-style: italic;
}

div#packages_text1 {
width: 740px;
height: 650px;
margin-left: 30px;
margin-right: 30px;
padding:0;
font:normal 11px Verdana, Geneva, sans-serif;
color: #505050;
}

div.packages {
text-align: center;
height: 50px; margin-left: 35px; margin-right: 35px;
}
div.packages h2 {
margin: 20px 0px 20px 0px;
}
div.packages p {
height: 50px;
}

table.packages {
width: 620px;
margin: 0px 15px;
text-align: center;
}
table.packages tr {
width: 100%
}
table.packages td {
width: 25%
margin: 10px 0px;
padding: 10px 0px;
border-style: solid;
border-color: #878787;
border-width: 1px;
background: transparent;
}
table.packages span {
font: italic 18px Verdana, Geneva, sans-serif;
color: #111;
letter-spacing:-1px;
}

.package {
width: 200px;
height: 50px;
float: left;
background: transparent;
}
#package_img {
width: 200px;
height: 50px;
position: relative;
top: -265px;
background: transparent;
}

#about1 {
width: 450px;
height: 330px;
margin: 0px 300px 0px 50px;
font: normal 18px Verdana, Geneva, sans-serif;
}


/* Content Styles */

.style1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #393939;
padding-left: 10px;
padding-top: 0px;

padding-right: 10px;
padding-bottom: 0px;
}

p strong{
color: #1a3163;
}

.style2 {
font: normal 11px Verdana, Geneva, sans-serif;
color: #505050;
text-decoration: none;
}

.style8 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #333333;
}

.style9 {
font-family: Verdana, Geneva, sans-serif
}

ul.bodylist1 li{
font-family: Verdana, Geneva, sans-serif
line-height: 140%;
color: #505050;
list-style-type: disc;
}

ul {
font-size: 12px;
}



