body,div,dl,dt,dd,ul,li,ol,h1,h2,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
li{list-style:none;}
html {background-image: url(images/web_design_bg.jpg); background-repeat: repeat; background-position: center; height: 100%}

a {outline:0; color:#048eb7; text-decoration: none }
a:hover {text-decoration:underline}
a:visited {color:#6450c0}
#link{ text-align:right; line-height: 2em; font-family: Georgia, serif; font-style:italic; color:#048eb7; font-size: 12pt;}
#link a { text-decoration: none; color: #048eb7}

body {background-image: url(images/web_design_bg.jpg); background-repeat: no-repeat; background-position: center; margin:0px; padding:0px; font:13px arial,helvetica,clean,sans-serif; height:100%;}
h1{ font-family: Georgia, serif; font-style:italic; color:#fff; font-size: 18pt; line-height: 2.5em }
h2{ font:13px arial,helvetica,clean,sans-serif; font-weight:bold; line-height:1.4em }

#titles{ position: absolute; top:50px}

#head{ margin-left:100px;}

#head2{padding-top:0px; padding-left:10px;}
#white{ color:#fff}
#left{ margin-right: 20px;}
#clear{ clear:right}
#line { border-bottom: 1px solid #fff; margin-top: 10px; margin-bottom: 20px; width: 80%;}


#hd {
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	height: 150px;
	border-bottom: 1px solid #000000;
	}

.center
{	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 990px; height: auto;
}

#logo{
	position:absolute;
	float: left;
	margin-top:1px;
	margin-left:0px;
	padding:0px;
	}
	
#logo2{
	position:relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right:auto}
	
#footer{
position:relative; top:230px; left: 0px; float: left;
color: #666666; font-family: verdana, sans-serif; font-size: 10px; line-height: 1.4em;
padding-bottom:20px;
}
	

.topnav{
	display: inline;
	margin-left: 12px;
	}
		
#grid_subnav
{ 
	display: block;
	float: left;
	margin-top: 20px;
	margin-left:40px;
	margin-right: 12px;
	margin-bottom:0px;
}


.grid_port_content
{
	border: 1px solid #333;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 8px;
	width: 650px;
	height: 170px;
	background-color: #fff;
	
}

.grid_port_content2
{
	background-color: #fff;
	border: 1px solid #333;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 8px;
	width: 650px;
	height: 310px;
	overflow:auto;
	color: #333333; font-family: arial,verdana;  font-size: 12px; line-height: 1.6em;
	scrollbar-3dlight-color:#b1b18a;
	scrollbar-arrow-color:#b1b18a;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b1b18a;
	scrollbar-track-color:#ffffff;
}

#content
{
	width: 600px;
	margin-top: 30px;
	margin-left: 130px;
	margin-right: auto;
	padding-bottom: 30px;
}

#content2{
	width: 900px;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: auto; }
	
#content3{
	width: 800px; height: auto;
	margin-top: 30px;
	margin-left: 130px;
	margin-right: auto;
}	
	

.grid_content2
{
	display: inline;
	float: left;
	margin-top: 30px;
	margin-left: 65px;
	margin-right: 12px;
}

#webdesign{ position: relative; left: 0px; top: 10px; width: 350px; height: 230px;
background-color: #fff; border: 1px solid #333; margin: 0px; padding: 10px;
float: left;
}

#webdesign_header{position: relative; left: -10px; top: -10px; width: 358px; height: 30px;
background-color: #b7c5bf; margin: 1px; padding-left: 10px; padding-top: 3px;
color: #fff; font-family: Georgia, serif; font-style:italic; font-size: 22px;
}

#branddesign{ clear: right; position: relative; left: 20px; top: 10px; width: 350px; height: 230px;
background-color: #fff; border: 1px solid #333; margin: 0px; padding: 10px;
float: left;
}

#branddesign_header{position: relative; left: -10px; top: -10px; width: 358px; height: 30px;
background-color: #a5bd83; margin: 1px; padding-left: 10px; padding-top: 3px;
color: #fff; font-family: Georgia, serif; font-style:italic; font-size: 22px;
}

#printdesign{position: relative; left: 0px; top: 30px; width: 350px; height: 130px;
background-color: #fff; border: 1px solid #333; margin: 0px; padding: 10px;
float: left;
}

#printdesign_header{position: relative; left: -10px; top: -10px; width: 358px; height: 30px;
background-color: #cbc88f; margin: 1px; padding-left: 10px; padding-top: 3px;
color: #fff; font-family: Georgia, serif; font-style:italic; font-size: 22px;
}

#onlineadvertising{ clear: right; position: relative; left: 20px; top: 30px; width: 350px; height: 130px;
background-color: #fff; border: 1px solid #333; margin: 0px; padding: 10px;
float: left;
}

#onlineadvertising_header{position: relative; left: -10px; top: -10px; width: 358px; height: 30px;
background-color: #b8b7b8; margin: 1px; padding-left: 10px; padding-top: 3px;
color: #fff; font-family: Georgia, serif; font-style:italic; font-size: 22px;
}

.sub_left
{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	width: 300px;
}


.sub_right{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	display: inline;
	float: right;
	width: 280px;

}

.sub_all{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	float: left;
	width: 600px;

}

.locate{
	display: inline;
	float: left;
	width: 600px;

}

.grid_subnav {
	width: 104px;
}


.grid_subnav_content {
	width: 784px;
}

.flash{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: 440px;
}

#map ul li { list-style: circle;line-height:1.7em;font-weight:bold}
#map ul li ul li{margin-left:20px; font-weight: normal}
#map ul li ul li ul li{ list-style:none}
#map ul li a:hover {text-decoration:underline; color: #000000}