html {
	background-image:url(../images/bluBack1.png);
	background-repeat:repeat-x;
} 

.outerImage {
	width: 900px;
	height: 650px;
/*	border: solid 2px black;*/
	background: url(../images/whiteDshad900.png) bottom right;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

.mainBox {
	width: auto;
	height: autopx;
/*	border: solid 1px green;*/
	float: left;
}

/* Image Drop Shadow Code */
.picFrame {
	width:850px;
	height:120px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:25px;
	position:relative;
}

.img-shadow {
  	float:left;
  	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(../images/shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
  }

.img-shadowBox {
  	border: 1px solid #a9a9a9;
  	margin: -6px 6px 6px -6px;
  	padding: 4px;
}

.img-shadow img {
  	display: block;
  	position: relative;
  	background-color: #fff;
  	border: 1px solid #a9a9a9;
  	margin: -6px 6px 6px -6px;
  	padding: 4px;
} 

.topBox {
	margin: 10px;
    padding: 0px;
}

/* End */

/* Box Drop shadow code */

#shadow-container {
	width:852px;
	height:110px;
    position: relative;
    left: 4px;
    top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .shadow4,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

#shadow-container .shadow1 {
    background: #F1F0F1;
}

#shadow-container .shadow2 {
    background: #DBDADB;
}

#shadow-container .shadow3 {
    background: #B8B6B8;
}

#shadow-container .shadow4 {
    background: #b8b6a9;
}

 #shadow-container .container {
    padding: 0px;
}

.containerContent {
	height:110px;
	background-image:url(../images/blackSun.png);
	background-repeat:no-repeat;
    border: 1px solid #848284;
    padding: 0px;
}

.containerContent2 {
	height:110px;
	background-image:url(../images/purpleSunFade.png);
	background-repeat:no-repeat;
    border: 1px solid #848284;
    padding: 0px;
}

.containerContent3 {
	height:110px;
	background-image:url(../images/blueSun2.png);
	background-repeat:no-repeat;
    border: 1px solid #848284;
    padding: 0px;
}

.containerContent4 {
	height:110px;
	background-image:url(../images/goldSun.png);
	background-repeat:no-repeat;
    border: 1px solid #848284;
    padding: 0px;
}

.containerContent5 {
	height:110px;
	background-image:url(../images/greenSun.png);
	background-repeat:no-repeat;
    border: 1px solid #848284;
    padding: 0px;
}

.containerContent6 {
	height:110px;
	background-image:url(../images/crimsonSun.png);
	background-repeat:no-repeat;
    border: 1px solid #848284;
    padding: 0px;
}


/* End */
  
.topBoxLogo {
	background-image:url(../images/NewVers6.png);
	width:300px;
	height:103px;
	position:absolute;
	top:-35px;
	left:90px;
}


/* Top box links */
#menu {
	padding:0;
	margin:10px 15px 0px 0px;
	height:20px;
	list-style-type:none;
	border-left:2px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:right;
}
#menu li {
	float:left; 
	width:6em; 
	height:20px;
	line-height:20px;
	border-right:2px solid #ffffff;
	position:relative;
	text-align:center;
}
#menu li a, #menu li a:visited {
	display:block;
	text-decoration:none; 
	color:#ffffff;
}
#menu li a span, #menu li a:visited span {
	display:none;
}
#menu li a:hover {
	border:0; /* needed to trigger IE */
	color:#000;
}
#menu li a:hover span {
	display:block;
	width:6em;
	height:2em;
	text-align:center;
	position:absolute; 
	left:-2px; 
	top:-3px; 
	color:#ffffff; 
	cursor:pointer;
}

/* End of top box links */

.topBoxText {
	position:absolute;
	bottom: 10px;
	left: 110px;
	font-size:18px;
	color:#ffffff;
}

.topMenu a {
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#000033;
	display:block;
	float:left;
	padding: 2px 8px 2px 8px;
	border-right: 2px solid #000033;
}

/* Text animation middle box code */

.midBox {
	margin:1px 1px 1px 1px;
	background-color:white;
	width:846px;
	height:106px;
    border: 1px solid #848284;
	position:relative;
}

.lowerMidBox {
	margin:10px 0px 1px 10px;
	background-color:white;
	width:850px;
	height:auto;
    border: 1px solid #848284;
	position:relative;
}

.blend1 {
	width:846px;
	height:106px;
	position:absolute; 
}

.blend1 img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0); 
position:absolute;
}

/* Mid box link buttons */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 850px;
/*background: #F7F7F7;*/ /*menu strip background*/
background:#FFFF99;
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

.spacer {
	width:24px;
	height:20px;
	float:left;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url(../images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 10px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url(../images/aeroright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #FFFF61;
}

.black a.aero{
background-image: url(../images/aeroleftblack.gif);
}

.black a.aero span{
background-image: url(../images/aerorightblack.gif);
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}


.bottomBox {
	width: auto;
	height: 300px;
/*	border: solid 1px red;*/
	margin: 10px 10px 10px 10px;
}

.bottomLeftBox {
	width: 200px;
	height:271px;
	padding:2px;
	border: solid 1px #aaa;
	float: left;
	position:relative;
}

.formBox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	position:relative;
	margin-left:7px;
	margin-top:0px;
}

.formBox form {
}

/* Pannel Code */
#hoverpage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:644px; 
	height:275px; 
	border:1px solid #aaa; 
	background:#fff;
	position:relative; 
	z-index:500; 
	overflow:hidden; 
	text-align:left;
}

.hoverpage2 {
	width:644px; 
	height:275px; 
	border:1px solid #aaa; 
	background:#fff url(../images/purpleFade.png) repeat-y right;
	position:relative;
	float:left;
}

.hoverpage3 {
	width:644px; 
	height:275px; 
	border:1px solid #aaa; 
	background:#fff url(../images/ltBlueFade.png) repeat-y right;
	position:relative;
	float:left;
}

.hoverpage4 {
	width:644px; 
	height:275px; 
	border:1px solid #aaa; 
	background:#fff url(../images/yellowFade.png) repeat-y right;
	position:relative; 
	float:left;
}

.hoverpage5 {
	width:644px; 
	height:275px; 
	border:1px solid #aaa; 
	background:#fff url(../images/greenFade.png) repeat-y right;
	position:relative; 
	float:left;
}

.hoverpage6 {
	width:644px; 
	height:275px; 
	border:1px solid #aaa; 
	background:#fff url(../images/redFade.png) repeat-y right;
	position:relative; 
	float:left;
}

.overText {
	position:absolute;
	top:10px;
	left:40px;
	font: Courier, monospace;
	font-size:1.5em;
	color:#0066CC;
	z-index:600;
}

.textBlock {
	position:relative;
	margin:55px 35px 0px 35px;
	font: Courier, monospace;
	text-decoration:none; 
	color:#000099; 
	font-style:normal;
	font-size:0.8em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textBlock2 {
	position:relative;
	margin: 25px 35px 0px 35px;
	heigh:auto;
	width:215px;
	text-decoration:none; 
	color:#000aaa; 
	font-style:normal;
	font-size:15px;
	float:left;
}

.textBlock2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.textBlock3a {
	position:relative;
	background-image:url(../images/hostingOnly.png);
	height:250px;
	width:350px;
	margin:20px 0px 0px 5px;
	float:left;
}

.textBlock3b {
	position:relative;
	background-image:url(../images/singlePage.png);
	height:250px;
	width:350px;
	margin:20px 0px 0px 5px;
	float:left;
}

.textBlock3c {
	position:relative;
	background-image:url(../images/threePage.png);
	height:250px;
	width:350px;
	margin:20px 0px 0px 5px;
	float:left;
}

.textBlock3d {
	position:relative;
	background-image:url(../images/bespoke.png);
	height:250px;
	width:350px;
	margin:20px 0px 0px 5px;
	float:left;
}

.textBlock3e {
	position:relative;
	background-image:url(../images/payments.png);
	height:250px;
	width:350px;
	margin:20px 0px 0px 5px;
	float:left;
}

#hoverpage table {
	border-collapse:collapse; 
	margin:-1px;
}

#hoverpage ul#outer {
	background:transparent; 
	padding:0; 
	margin:0;
	list-style:none;
}

#hoverpage ul#outer li.page {
	display:inline;
} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {
	text-decoration:none;
}

#hoverpage ul#outer li.page i {
	position:absolute; 
	display:block; 
	height:25px; 
	right:460px; 
	background:transparent; 
	cursor:default; 
	z-index:100; 
	text-align:right; 
	text-decoration:none; 
	color:#000099; 
	font-style:normal;
	font-size:13px; 
	cursor:pointer;
}

#hoverpage ul#outer li.p1 i {top:70px; }
#hoverpage ul#outer li.p2 i {top:95px;}
#hoverpage ul#outer li.p3 i {top:120px;}
#hoverpage ul#outer li.p4 i {top:145px;}
#hoverpage ul#outer li.p5 i {top:170px;}

#hoverpage ul#outer li.page div {display:block; width:600px; height:400px; padding:19px 25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(../images/greenFade.png) repeat-y right;}
#hoverpage ul#outer li.p2 div {background:#fff url(../images/blueFade.png) repeat-y right;}
#hoverpage ul#outer li.p3 div {background:#fff url(../images/redFade.png) repeat-y right;}
#hoverpage ul#outer li.p4 div {background:#fff url(../images/yellowFade.png) repeat-y right;}
#hoverpage ul#outer li.p5 div {background:#fff url(../images/ltBlueFade.png) repeat-y right;}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#00c; text-decoration:underline;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{	color:#0066CC; font-weight:bold;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}