@charset "utf-8";
/* CSS Document */

/* Layout **************************************************************************************/
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image: url(../img/layout/body_background2.jpg);
	background-repeat: repeat-x;
	min-height:100%; margin-bottom:1px; /* These rules ensures that the page doesn't 'jump' when content forces a scrollbar */
}
div#container {        /* Grand container, houses everything, don't mess. */
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:850px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
 	background-image: url(../img/layout/border.png);
	background-repeat: repeat-y;
}
div#header {
	width:828px;
	height:70px;
	margin-left:12px;
	border-top: solid 7px #000;
	background-image: url(../img/layout/header_background.jpg);
	background-repeat: repeat;
	border-bottom: 1px solid #000;
}
IMG.logo {
    display: block;
	margin-top: 10px;
    margin-left: 20px;
    margin-right: auto;
}
div#Menu {
	margin-left:12px;
}
div#subHeader {
	width:828px;
	height:125px;
	margin-left:12px;
	background-color: #EBEBEB;
}

/** SEARCH *****************************/

div#Search {width:828px;height:25px;background:#004F62;background-image:url(../img/layout/search_bar.jpg);background-repeat:no-repeat;margin-left:12px;
font-family:Lucida Sans Unicode;font-size: 12px;}

.inputSearch {float:left;height:15px;border:0;font:"Times New Roman",Times;font-size:10px;width:150px;margin:3px 1px 0 15px;}	
.SearchBtn {float:left;border:none;background:none;font:"Times New Roman", Times, serif;font-size:11px;color:#FFFFFF;font-weight:bold;margin-top:5px;}

#PhoneNumbers {float:right; height:18px;margin:5px 43px 0 0;font:"Times New Roman", Times, serif;font-size:11px;color:#FFFFFF;}
#PhoneNumbers a {color:#FFF;}

/************************************/

div#content{        /* Houses content, 10px < Container b/c of side border . */
	padding:20px 0em 10em 20px; /* bottom padding for footer */
	margin-left: 10px;
	width: 815px;
}

div#footer {
	position:absolute;
	width:100%;
	margin-left:12px;
	bottom:0; /* stick to bottom */
}
div#inFooter{ /* Footer Content, it's just easier this way.*/
	width: 828px;
	height:0;
/*		background-color:#003366;
	background-image: url(../img/layout/footer_back.jpg);
	background-repeat: repeat;	*/
	border-top: solid 5px #000000;
	}
div#footer p {
	padding:1em;
	margin:0;
	}
.clear{
	clear:both;
	margin:0;
}
/* STYLES *******************************************************************************/
div#content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: -20px;
}
p {margin:0 0 8px 0;}
H1 { /* Controls heading styles with the H1 tag */
	font-family: "Times New Roman", Times, serif;
	font-size:28px;
	color:#000;
	margin-top:15px;
	margin-bottom: 15px;
	font-weight: normal;
}
H2 { /* Controls heading styles with the H2 tag */
	font-family: "Times New Roman", Times, serif;
	font-size:22px;
	color:#484848;
	margin-top:10px;
	margin-bottom: 10px;
	font-weight: normal;
}
H3 { /* Controls heading styles with the H2 tag */
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	margin-top:8px;
	margin-bottom: 8px;
}
input.btn {
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	height: 23px;
	font-size:10px;
	font-weight:bold;
	border: solid 1px #000000;
	padding:1px;
}
input.bx {
	margin-top: 3px;
	height: 15px;
	width: 150px;
	padding-top: 5px;
	border: solid 1px #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#LeftContent {
	width:66%;
	margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
}
/***** Adjacent ULs ***************************************************************************************/

#AdjUL {background-color:#fff;width:90%;height:170px;margin-left:4px;}
#AdjUL ul {float:left;padding:0;font-size:1ems;list-style:square;margin-top: 15px;margin-right: 0;margin-bottom: 0;}
#AdjUL ul#nav-a {width:200px;margin-left:20px;}
#AdjUL ul#nav-b {width:200px;margin-left:15px;}
#AdjUL ul#nav-c {width:200px;margin-left:15px;}

#HostingUL {background-color:#fff;width:100%;/*height:450px;*/}
#HostingUL ul {float:left;padding:0;font-size:1ems;list-style:none;/*margin-top: 15px;*/margin-right: 0;margin-bottom: 0;line-height:20px;}
#HostingUL ul#nav-a {width:225px;margin-left:5px;margin-bottom:0;}
#HostingUL ul#nav-b {width:250px;margin-left:20px;margin-bottom:0;}
#HostingUL ul#nav-c {width:150px;margin-left:15px;}
#HostingUL ul#nav-d {width:150px;margin-left:15px;}
#HostingUL ul#nav-e {width:150px;margin-left:15px;}

#NewslUL {background-color:#fff;width:100%;}
#NewslUL ul {float:left;padding:0;list-style:none;margin-top:5px;}
#NewslUL ul#nav-a {width:165px;font-size:11px;margin-left:0;}
#NewslUL ul#nav-b {width:165px;margin-left:8px;font-size:11px;}
#NewslUL ul#nav-c {width:165px;margin-left:8px;font-size:11px;}

#ContactUL {background-color:#fff;width:100%;height:275px;}
#ContactUL ul {float:left;padding:0;font-size:1ems;list-style:none;margin-top:5px;margin-right: 0;margin-bottom: 0;line-height:20px;}
#ContactUL ul#nav-a {width:265px;margin-left:15px;margin-bottom:0;}
#ContactUL ul#nav-b {width:200px;margin-left:15px;margin-bottom:0;}
#ContactUL ul#nav-c {width:175px;margin-left:15px;margin-bottom:0;}
#ContactUL ul#nav-d {width:125px;margin-left:2px;margin-bottom:0;}

/***** Web Design Stuff ***************************************************************************************/

div#portfolio {
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-left: 1em;
	padding-top:1em;
	padding-bottom: 1em;
	height:150px;
	width:99%;
}
#portfolio ul {
	float:left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#portfolio img {
	float: right;
	margin-left:15px;
}
#portfolio li {
	background-image: url(../img/WebDesign-bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.75em;
	padding-left: 1.25em;
}
#WebDUL {background-color:#fff;width:90%;height:140px;margin-left:4px;}
#WebDUL  ul {float:left;padding:0;font-size:1ems;list-style:square;margin-top: 15px;margin-right: 0;margin-bottom: 0;}
#WebDUL  ul#nav-a {width:200px;margin-left:20px;}
#WebDUL  ul#nav-b {width:200px;margin-left:15px;}

/* RightColumn *********************************************************************************/
#navcontainer
{
float:right;
width: 250px;
text-align: center;
margin-right:5px;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
padding-left:2px;
}

ul#navlist li#active {width: 250px;}
ul#navlist li#testimonials {width: 250px;}
ul#navlist li#newsletter {width: 250px;margin:0;padding:0;height:30px;}
ul#navlist li#navTitle {font:"Times New Roman", Times, serif;font-size:11px;color:#000;}
ul#navlist li#spacer {width: 250px;}

.rightNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 250px; 
}
.rightNav li{
border-bottom: 1px solid #009966; /* Gray border beneath each menu item */
}
.rightNav li a{
	/* background: white url(media/vstrip.gif) repeat-y left top;  Background image positioned to the left(v) top(h) corner initially */
background-color: #009966;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	color: black;
	width: auto;
	/*border-bottom: 1px solid white;  White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
	background-image: url(../img/rightNav_back.jpg);
	background-repeat: repeat-x;
}
.rightNav li a:hover{
	/*background-position: -387px 0;  Shift background image horizontally 387px, or the start of the 2nd background image */
	color: black;
	background-color:#999999;
	background-image: url(../img/rightNav_hover.jpg);
	background-repeat: repeat-x;
}
.rightNav li.active a {
	color:#4F01A5;
	background-color:#00CC66;
	background-image: url(../img/rightNav_hover.jpg);
	background-repeat: repeat-x;
}
.rightNav li.topitem a{
border-top: 1px solid #009966; /* For last menu item within menu, remove bottom border */
}
.rightNav li.topActive a{
	border-top: 1px solid #009966; /* Top Menu Item */
	color:#4F01A5;
	background-image: url(../img/rightNav_hover.jpg);
	background-repeat: repeat-x;
}
/* FOOTER ICONS/LINKS *********************************************************************************************/
#FooterIcons ul
{
	padding: 0 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	width: 828px;
	height: 75px;
	text-align: center;
	background-image: url(../img/layout/icon_back2.jpg);
	background-repeat: repeat-x;
}
#FooterIcons li {
	display: inline;
	margin-right:15px;
}
#FooterIcons li a
{
	text-decoration: none;
	color: #FFF;
	padding-right: 1em;
	/*padding-left: 1em;*/
}

#FooterIcons li a:hover
{
color: #fff;
}

/***** FOOTER LINKS ***************************************************************************************/

div#FooterLinks {
	margin:0;
	width:828px;
	height:28px;
	background-image: url(../img/layout/above_footer.png);
	background-repeat: repeat-x;
}

div#footer{clear:both;}

#submenu {
	/*margin-bottom: 1em;*/
	overflow: hidden;
	margin-left:5px;
}
#submenu {
	list-style-type: none;
	text-decoration:none;
}
#submenu li {
float: left;
line-height: 1em;
margin: 11px 0 5px 7px;
padding: 0 .5em 0 .5em;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#submenu li a {
text-decoration:none;
color:#FFF;
}
#submenu li a:hover {
	color:#000;
}
#submenu li#phoneDetails {
	color:#000;
}