BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
	background-color:#C6B42D;
	width:772px;
	margin-left: auto;
	margin-right: auto;
	
}

#textonly {
	position:absolute;
	width:772px;
	margin-right: auto;
	margin-left: auto;
	height:12px;
	z-index:50;
	}

#Headline {
    position:absolute;
	width:772px;
	margin-right: auto;
	margin-left: auto;
	margin-top:12px;
	height:123px;
    z-index:100;
	}

#maincontent {
	width: 577px;
	margin-left: 0px;
	position: absolute;
	top: 134px;
	padding-left: 195px;
	background-image: url(images/content-back.gif);
}


#pic {
	position:absolute;
	left:50%;
	margin-left:178px;
	width:208px;
	height:176px;
	top:110px;
	/*	filter: alpha(opacity=0); -moz-opacity:0;*/
	z-index:300;
	}
	
#hooktab
{
	background: url("./images/hdots.gif") top repeat-x;
	width: 534px;
}

/*#ecommpic {
	position:absolute;
	left:50%;
	margin-left:-160px;
	width:208px;
	height:197px;
	top:195px;
	filter: alpha(opacity=0); -moz-opacity:0;
	z-index:300;
	}*/

.copy{
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.75em;
	margin-right: 34px;
}
h1 {
	FONT-SIZE: 18px;
	COLOR: #683B36;
	FONT-FAMILY: "Trebuchet MS";
	margin-top: 18px;
	margin-bottom: 17px;
}
h2 {
	FONT-SIZE: 14px;
	COLOR: #663333;
	FONT-FAMILY: "Trebuchet MS";
	text-align:center;
	margin-top:7px;
	margin-bottom: 13px;
}
h3 {
	FONT-SIZE: 14px;
	COLOR: #683B36;
	FONT-FAMILY: "Trebuchet MS";
	margin-top: 12px;
	margin-bottom: 8px;
}
h4 {
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 18px;
	margin-right: 43px;
	margin-bottom: 13px;
}
h5 {
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-left: 32px;
	margin-right: 43px;
	margin-bottom: 13px;
}

.ecommcopy{	
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top: -9px;
	margin-left: 168px;
	margin-right: 85px;
}
.ecommcopy2{	
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top: -9px;
	margin-left: 65px;
	margin-right: 20px;
}

.copypic{
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top: -9px;
	margin-right: 50px;
	margin-left: 50px;
}

#subnav td {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C7C475;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
}

#navigation {
	width: 163px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 166px;
	z-index:500;
	}
#navigation td {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C7C475;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#navigation a:link{TEXT-DECORATION: none;COLOR: #683B36;}
#navigation a:visited{TEXT-DECORATION: none;COLOR: #683B36;}
#navigation a:active{TEXT-DECORATION: none;COLOR: #683B36;}
#navigation a:hover{TEXT-DECORATION: none;COLOR: #FD5F12;}

#navigation .subnav a:link{FONT-SIZE:13px;font-style: italic;TEXT-DECORATION: none;COLOR: #683B36;}
#navigation .subnav a:visited{FONT-SIZE:13px;font-style: italic;TEXT-DECORATION: none;COLOR: #683B36;}
#navigation .subnav a:active{FONT-SIZE:13px;font-style: italic;TEXT-DECORATION: none;COLOR: #683B36;}
#navigation .subnav a:hover{FONT-SIZE:13px;font-style: italic;TEXT-DECORATION: none;COLOR: #FD5F12;}

#crumb {
	align: right;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	margin-right:17px;
}
#crumb a:link{TEXT-DECORATION: none;COLOR: #683B36;}
#crumb a:visited{TEXT-DECORATION: none;COLOR: #683B36;}
#crumb a:active{TEXT-DECORATION: none;COLOR: #683B36;}
#crumb a:hover{TEXT-DECORATION: none;COLOR: #FD5F12;}

.portfolio {TEXT-DECORATION: none;COLOR: #FD5F12;}

.hookleft{
	background: url("./images/vdots.gif") right repeat-y;
	height:107px;
}
.hookmiddle{
	height:107px;
}
.hookright{
	background: url("./images/vdots.gif") left repeat-y;
	height:107px;
}

.hookbody{
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:4px;
	margin-right:4px;
	margin-top: -9px;
}
.same{
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.same:link{
	TEXT-DECORATION: none;
}
A.same:visited{TEXT-DECORATION: none}
A.same:active{TEXT-DECORATION: none}
A.same:hover{TEXT-DECORATION: none}

.hookbody2{
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:8px;
	margin-right:8px;
	margin-top: -9px;
	margin-bottom:10px;
}
.hookbody3{
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:8px;
	margin-right:8px;
	margin-top: -9px;
}

.portfoliotd{
	background: url("./images/hdots.gif") top left repeat-x;
}
.portfolio {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
A.portfolio:link{TEXT-DECORATION: none}
A.portfolio:visited{TEXT-DECORATION: none}
A.portfolio:active{TEXT-DECORATION: none}
A.portfolio:hover{TEXT-DECORATION: underline}

.portcopy{	
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 17px;
	text-align:justify;
}
.portcopy2{	
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 17px;
	text-align:justify;
}

#foot {
	position:absolute;
	left:50%;
	width:772px;
	margin-left:-386px;
	height: 26px;
	z-index:700;
	}

#a-bit-flash {
	background-color:#659A62;
	width:109px;
	height:95px;
	}

div.footer {
	height:26px;
	}

.txtonly {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	font-size : 9px;
	color : #DED97B;
	line-height : 120%;
}
A.txtonly:link{TEXT-DECORATION: none}
A.txtonly:visited{TEXT-DECORATION: none}
A.txtonly:active{TEXT-DECORATION: none}
A.txtonly:hover{TEXT-DECORATION: none}


.hkbody {
	background-image:url(images/web-design-hook.jpg);
	height:85px;
}

.small {
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left: 9px;
	margin-right: 9px;
}
	
.footnav
{
	FONT-SIZE: 9px;
	COLOR: #DED97B;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: -10px;
}
A.footnav:link{TEXT-DECORATION: none;COLOR: #DED97B;}
A.footnav:visited{TEXT-DECORATION: none;COLOR: #DED97B;}
A.footnav:active{TEXT-DECORATION: none;COLOR: #DED97B;}
A.footnav:hover{TEXT-DECORATION: none;COLOR: #DED97B;}

#fnav
{
	FONT-SIZE: 9px;
	COLOR: #DED97B;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#fnav a:link{TEXT-DECORATION: none;COLOR: #DED97B;}
#fnav a:visited{TEXT-DECORATION: none;COLOR: #DED97B;}
#fnav a:active{TEXT-DECORATION: none;COLOR: #DED97B;}
#fnav a:hover{TEXT-DECORATION: none;COLOR: #DED97B;}

table#homepageLinks td
{
	width: 283px;
	background: url("./images/dots.gif") top left repeat-x;
	padding: 14px 0px;
	margin: 0;
	vertical-align: top;
}
.bullet {

	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -12px;
	margin-left: 70px;
	margin-right: 20px;
}
.cont
{
    FONT-SIZE: 13px;
    COLOR: #333333;
    TEXT-ALIGN: CENTER;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.contr
{
    FONT-SIZE: 13px;
    COLOR: #333333;
    TEXT-ALIGN: RIGHT;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

a{TEXT-DECORATION: underline;COLOR: #333333;}
a:visited{TEXT-DECORATION: underline;COLOR: #333333;}
a:active{TEXT-DECORATION: underline;COLOR: #333333;}
a:hover{TEXT-DECORATION: underline;COLOR: #F6801E;}

.h1link {
	FONT-SIZE: 14px;
	COLOR: #999999;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 18px;
	margin-bottom: 17px;
}
A.h1link:link{TEXT-DECORATION: none;COLOR: #999999;}
A.h1link:visited{TEXT-DECORATION: none;COLOR: #999999;}
A.h1link:active{TEXT-DECORATION: none;COLOR: #999999;}
A.h1link:hover{TEXT-DECORATION: none;COLOR: #F6801E;}

.spacer {

	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top: -18px;
	margin-left: 32px;
	margin-right: 43px;
}
.bcopy {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top: -10px;
	margin-left: 32px;
	margin-right: 43px;
	line-height: 160%;
}
.copyr {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	margin-right: 12px;
	margin-top: 4px;
}
.copyl {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left: 12px;
	margin-top: 4px;
}
.qty {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	width: 20px;
}
.tickbox {
	margin-right: 3px;
}
.cost {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	height: 22px;
	width: 80px;
	border: 1px none #FFFFFF;
}


.frmerr {

    FONT-SIZE: 13px;
	font-weight: bold;
    COLOR: #F6801E;
    TEXT-ALIGN: CENTER;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.seonav{COLOR: #333333;}
A.seonav:link{TEXT-DECORATION: none;COLOR: #333333;}
A.seonav:visited{TEXT-DECORATION: none;COLOR: #333333;}
A.seonav:active{TEXT-DECORATION: none;COLOR: #333333;}
A.seonav:hover{TEXT-DECORATION: none;COLOR: #333333;}

.navleft {
	background-image: url(images/web-design-nav-left.gif);
}
.navright {
	background-image: url(images/web-design-nav-right.gif);
}
.navlinkhome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
}
.subnavlink {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C7C475;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
}

.over{color: #FD5F12;}
.costh {
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left: 12px;
	margin-top: 4px;
	font-weight: bold;
	padding-top: 8px;
}
.help {
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left: 12px;
	margin-top: 4px;
	font-weight: bold;
}
A.help:link{TEXT-DECORATION: none;COLOR: #666666;BACKGROUND-COLOR: #EEEEEE;}
A.help:visited{TEXT-DECORATION: none;COLOR: #666666;BACKGROUND-COLOR: #EEEEEE;}
A.help:active{TEXT-DECORATION: none;COLOR: #666666;BACKGROUND-COLOR: #EEEEEE;}
A.help:hover{TEXT-DECORATION: none;COLOR: #FD5F12;BACKGROUND-COLOR: #EEEEEE;}
.costhc {

	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left: 12px;
	margin-top: 4px;
	font-weight: bold;
	padding-top: 8px;
}
.navbot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C7C475;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
#examples p {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.75em;
}

.price {
	FONT-SIZE: 24px;
	FONT-WEIGHT:bolder;
	COLOR: #C6B42D;
	FONT-FAMILY: "Trebuchet MS";
	margin-top: 18px;
	margin-bottom: 17px;
	text-align: center;
}
#examples h3 {
	FONT-SIZE: 22px;
	FONT-WEIGHT:bolder;
	COLOR: #C6B42D;
	FONT-FAMILY: "Trebuchet MS";
	margin-top: 6px;
	margin-bottom: 6px;
}
.pricebg {
	background-color: #FAFAE6;
	background-image: url(images/pricebg.gif);
}
#examples a {
	COLOR: #333333;
	text-decoration:none;
}
#examples a:hover {
	COLOR: #FD5F12;
	text-decoration:none;
}
#maincontent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#trade {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.fleft {
	float:left;
	margin-right:12px;
}