/* CSS Document */
body{
margin:0px;
padding:0px;
}

a[href^="http:"] {
display:inline-block;
padding-right:14px;
background:transparent url(../images/externalLink.png) center right no-repeat;
}



#masthead{
position:absolute;
top:0;
left:0;
width:auto;
}

#webheader{
min-width:1003px;
width:auto;
height:78px;
background:url(../images/plainheader.gif) no-repeat #242529;
}

#logo{
float:left;
width:350px;
height:78px;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#menu{
float:right;
width:475px;
margin:41px 47px 0 0;
height:19px;
}


ul#top-nav {
font: 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
	margin:0;
	list-style:none;
	overflow:hidden;
}
ul#top-nav li {
	float:left;
	padding-left:40px;
}
ul#top-nav li a {
	display:block;
	padding-bottom:3px;
	color:#fff;
	text-decoration:none;
}
ul#top-nav li a:hover {
border-bottom:2px solid #8ac740;
}
ul#top-nav li.active a {
border-bottom:4px solid #8ac740;
}

#stretchsub{
min-width:1003px;
width:auto;
height:227px;
background:url(../images/substretch.gif);
}

#fix{
float:right;
width:auto;
height:227px;
background:url(../images/substretch.gif);
}

#subheading{
min-width:1003px;
width:auto;
height:227px;
background:url(../images/subheading.gif) no-repeat;
}

#computerscreen{
float:left;
padding-top:57px;
width:182px;
height:171px;
}

#subtext{
float:left;
padding-top:57px;
width:635px;
}

h3{
margin:0px;
font: 36px Arial, Helvetica, sans-serif;
color:#242529;
}
h4{
margin:0px;
font: 24px Arial, Helvetica, sans-serif;
color:#242529;
}

#subnav{
position:absolute;
top: 255px;
right: 0;
width:565px;
height:118px;
}

#subnav-new{
position:absolute;
z-index:999;
top: 310px;
right: 0;
width:565px;
height:118px;
}

ul#menu-nav {
font: 14px Arial, Helvetica, sans-serif;
color:#999999;
	margin:0;
	list-style:none;
	overflow:hidden;
}
ul#menu-nav li {
	float:left;
	padding-left:20px;
}
ul#menu-nav li a {
	display:block;
	padding-bottom:3px;
	color:#999999;
	text-decoration:none;
	padding-top:100px;
	height:18px;
	cursor: pointer;
}
ul#menu-nav li a:hover {
color:#8ac740;
}
ul#menu-nav li.active a {
color:#8ac740;
}
ul#menu-nav li a.pencil{
width:119px;
background:url(../images/pencil.png) no-repeat;
}

ul#menu-nav li a.webicon{
width:189px;
background:url(../images/webicon.png) no-repeat;
}

ul#menu-nav li a.seo{
width:130px;
padding-left:10px;
background:url(../images/seo.png) no-repeat;
}

#mainheader{
margin-top:305px;
height:50px;
width:1003px;
padding:53px 0 56px 35px;
}

h1{
margin:0px;
font: 36px Arial, Helvetica, sans-serif;
color:#242529;
}

h2{
margin:0px;
font: 36px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#242529;
}

h5{
margin:0px;
font: 14px Arial, Helvetica, sans-serif;
color:#999999;
}

h6{
margin:0px;
font: 24px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#242529;
}

#maincontent{
margin-left:442px;
margin-bottom:20px;
padding: 0 39px 0 39px;
font: 18px Arial, Helvetica, sans-serif;
color:#4c4c4c;
min-height:900px;
}

#more ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#more li a{ 
display:block;
height:18px;
background: url(../images/learnmore.gif) left center no-repeat; 
padding:30px 0px 30px 60px;
}

#more li a:visited{
color:#DE982F;
display:block;
height:18px;
background: url(../images/learnmore2.gif) left center no-repeat;
padding:30px 0px 30px 60px;
}

#cart ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}

#cart li a{ 
display:block;
height:18px;
background: url(../images/cart.gif) left center no-repeat; 
padding:30px 0px 30px 60px;
color:#4DB815;
}

#cart li a:visited{
color:#DE982F;
display:block;
height:18px;
background: url(../images/learnmore2.gif) left center no-repeat;
padding:30px 0px 30px 60px;
}



.articles{
font: 18px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#4c4c4c;

}
.articles ul li{
list-style-image: url(../images/bullet.gif);
}

#webdesignprices{
position:absolute;
top:473px;
left:35px;
width:406px;
height:950px;
background:#e6e6e6;
border: 1px solid #aeaeae;
}

.webpricestitle{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width:384px;
padding:12px 0 4px 22px;
}

#webpricesholder{
width:283px;
height:887px;
background:#fff;
border: 1px solid #aeaeae;
margin-left:11px;
}

#priceblock1{
width:272px;
height:155px;
background:#ffe5e5;
padding:20px 0 0 11px;
}

#priceblock2{
width:272px;
height:245px;
background:#fff;
padding:10px 0 0 11px;
}

#priceblock3{
width:272px;
height:447px;
background:#dae2e5;
padding:10px 0 0 11px;
}

.designservices{
display:block;
float:left;
width:218px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:20px;
}

.incl{
font:14px Arial, Helvetica, sans-serif;
color:#000000;
}

.designservicesend{
position: relative;
display:block;
float:left;
width:218px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:10px;
}

.designservicesend1{
position: relative;
display:block;
float:left;
width:218px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
}

.pricesholder{
display:block;
float:right;
width:52px;
}

.prices{
display:block;
width:52px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
padding-bottom:30px;
margin-bottom:20px;
}

.prices2{
display:block;
width:52px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:20px;
}

.prices3{
display:block;
width:52px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
padding-bottom:15px;
margin-bottom:20px;
}

.pricesend{
display:block;
width:52px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:10px;
}

.aboutservice{
position: relative;
font:bold italic 12px Arial, Helvetica, sans-serif;
color:#000000;
}

#learnmorecol{
float:right;
width:105px;
height:887px;
padding:15px 0 0 0px;
}

.learn1 a{
display:block;
width:65px;
height:34px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#c46200;
padding:8px 0 10px 40px;
margin-bottom:14px;
background:url(../images/tick.gif) no-repeat top left;
}

.learn2 a{
display:block;
width:65px;
height:10px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#c46200;
padding:8px 0 10px 40px;
margin-bottom:7px;
background:url(../images/tick.gif) no-repeat top left;
}

.learn3 a{
display:block;
width:65px;
height:48px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#c46200;
padding:8px 0 10px 40px;
margin-bottom:14px;
background:url(../images/tick.gif) no-repeat top left;
}

.learn4 a{
display:block;
width:65px;
height:20px;
font:bold 10px Arial, Helvetica, sans-serif;
color:#c46200;
padding:8px 0 10px 40px;
margin-bottom:14px;
background:url(../images/tick.gif) no-repeat top left;
}

.learn1a a{
display:block;
width:65px;
height:34px;
font:bold 10px Arial, Helvetica, sans-serif;
padding:8px 0 10px 40px;
margin-bottom:14px;
color:#8AC740;
background:url(../images/tick2.gif) no-repeat top left;
}

.learn1 a:visited{
color:#c46200;
text-decoration:underline;
}

.learn2a a{
display:block;
width:65px;
height:10px;
font:bold 10px Arial, Helvetica, sans-serif;
padding:8px 0 10px 40px;
margin-bottom:7px;
color:#8AC740;
background:url(../images/tick2.gif) no-repeat top left;
}

.learn2 a:visited{
color:#c46200;
text-decoration:underline;
}

.learn3a a{
display:block;
width:65px;
height:48px;
font:bold 10px Arial, Helvetica, sans-serif;
padding:8px 0 10px 40px;
margin-bottom:14px;
color:#8AC740;
background:url(../images/tick2.gif) no-repeat top left;
}

.learn3 a:visited{
color:#c46200;
text-decoration:underline;
}

.learn4a a{
display:block;
width:65px;
height:20px;
font:bold 10px Arial, Helvetica, sans-serif;
padding:8px 0 10px 40px;
margin-bottom:14px;
color:#8AC740;
background:url(../images/tick2.gif) no-repeat top left;
}

.learn4 a:visited{
color:#c46200;
text-decoration:underline;
}


#footer{
min-width:1003px;
width:auto;
height:227px;
background:url(../images/substretch.gif);
}

#footmenu{
float:right;
width:475px;
margin:41px 47px 0 0;
height:19px;
}


ul#foot-nav {
font: 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
	margin:0;
	list-style:none;
	overflow:hidden;
}
ul#foot-nav li {
	float:left;
	padding-left:40px;
}
ul#foot-nav li a {
	display:block;
	padding-bottom:3px;
	color:#fff;
	text-decoration:none;
}
ul#foot-nav li a:hover {
border-bottom:2px solid #fff;
}
ul#foot-nav li.active a {
border-bottom:4px solid #fff;
}

#w3c{
float:right;
width:148px;
margin:30px 125px 0 0;
height:86px;
}

#trust{
float:right;
width:475px;
height:96px;
}

.emailarticlepics{
display:block;
float:left;
width:256px;
}

.websiteredesign{
width:auto;
background:#fdfaf4;
border:#de972f solid 1px;
}

.websiteredesignheader{
width:auto;
background:#efcd9b;
height:45px;
}

.websiteredesigntitle{
width:49%;
float:left;
color:#FFFFFF;
text-transform:uppercase;
font-size:18px;
text-align:center;
margin-top:12px;
}

.websiteredesignblock{
height:300px;
width:auto;
background:#f9ebd7;
}

.websiteredesignimg{
width:49%;
float:left;
padding-top: 10px
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }
	
	.centeredImage a:hover
    {
    border:#de972f solid 3px;
    }
	
.centeredWebImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:10px;
    padding:0px;
    }
	
	
.webborder{
border:#CCCCCC solid 3px;
    }
	
.webborder a:hover{
border:#de972f solid 3px;
    }
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}

/* new nav */

#header_content {
	MARGIN: 0px auto; WIDTH: 960px;
}
#header {
	Z-INDEX: 9999; BACKGROUND-IMAGE: url(../images/nav_bg_repeat.jpg); BACKGROUND-REPEAT: repeat-x; HEIGHT: 47px; border-bottom:#3f4346 5px solid;
}
#logo1 {
	MARGIN-TOP: 16px; FLOAT: left
}
#nav {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; Z-INDEX: 9999; FLOAT: right; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#nav .last {
	PADDING-RIGHT: 2px; BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/nav_button_sep.jpg); BACKGROUND-REPEAT: no-repeat
}
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; z-index:10000;
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative
}
#nav .on {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(../images/nav_button_bg.jpg)! important; COLOR: #fff! important
}
#nav A:link {
	PADDING-RIGHT: 35px; BACKGROUND-POSITION: left top; DISPLAY: block; PADDING-LEFT: 35px; BACKGROUND-IMAGE: url(../images/nav_button_bg.jpg); PADDING-BOTTOM: 14px; TEXT-TRANSFORM: uppercase; COLOR: #a5a5a5; PADDING-TOP: 14px; TEXT-DECORATION: none
}
#nav A:active {
	PADDING-RIGHT: 35px; BACKGROUND-POSITION: left top; DISPLAY: block; PADDING-LEFT: 35px; BACKGROUND-IMAGE: url(../images/nav_button_bg.jpg); PADDING-BOTTOM: 14px; TEXT-TRANSFORM: uppercase; COLOR: #a5a5a5; PADDING-TOP: 14px; TEXT-DECORATION: none
}
#nav A:visited {
	PADDING-RIGHT: 35px; BACKGROUND-POSITION: left top; DISPLAY: block; PADDING-LEFT: 35px; BACKGROUND-IMAGE: url(../images/nav_button_bg.jpg); PADDING-BOTTOM: 14px; TEXT-TRANSFORM: uppercase; COLOR: #a5a5a5; PADDING-TOP: 14px; TEXT-DECORATION: none
}
#nav A:hover {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(../images/nav_button_bg.jpg); COLOR: #fff
}
#nav LI {
	FLOAT: left; POSITION: relative
}
#nav UL {
	DISPLAY: none; Z-INDEX: 1; WIDTH: 13em; POSITION: absolute; TOP: 3.8em
}
#nav LI UL A {
	FLOAT: left; BACKGROUND-IMAGE: none! important; WIDTH: 9em; BACKGROUND-COLOR: #2e2e2e
}
#nav LI UL A:hover {
	BACKGROUND-COLOR: #292929
}
#nav UL UL {
	TOP: auto
}
#nav LI UL UL {
	LEFT: 12em; MARGIN: 0px 0px 0px 10px
}
#nav LI:hover UL UL {
	DISPLAY: none
}
#nav LI:hover UL UL UL {
	DISPLAY: none
}
#nav LI:hover UL UL UL UL {
	DISPLAY: none
}
#nav LI:hover UL {
	DISPLAY: block
}
#nav LI LI:hover UL {
	DISPLAY: block
}
#nav LI LI LI:hover UL {
	DISPLAY: block
}
#nav LI LI LI LI:hover UL {
	DISPLAY: block
}
#bottom_fade_mast {
height: 200px;
	z-index: 99;
	position: fixed;
	bottom: 0px;
	width:auto;
}
#bottom_fade {
	min-width:1003px;
width:auto;
	height: 200px;
	z-index: 99;
	position: fixed;
	bottom: 0px;
	background: url("../images/bottom-fade.png") bottom center no-repeat;
}