*, h1, h2, h3, h4, h5, p, ul, li, img {

margin:0; 

padding:0; 

border:0; 

font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;

font-size: 12px;

color: #666666;



}

li{margin-left:30px;}





h1{ color:#92579E; font-size:22px; padding-left:10px; }

h1 a{ font-size:22px; }

h2{ color:#92579E; font-size:18px; padding-left:10px; margin-top:10px;}

h2 a{ color:#8099C1; font-size:16px; }

h3{}

h4{}



a { text-decoration:none; color:#92579E;}

a:hover { text-decoration:underline;}











.floatleft{ float:left;}

.floatright{ float:right;}

.clearleft { clear:left; }

.clearright { clear:right; }

.clearboth { clear:both; }







p { padding:10px; padding-top:5px; text-align:justify; line-spacing:1.3em;}

.first{ color:#333333;}



p.alert {

	color:#cc0000;

	font-weight:bold;

}



body  {

	

	background: #FFFFFF;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}





.container{

	width:861px;

	margin:auto;

	margin-top:0px;

	margin-bottom:10px;

background:; 	background-image: url(../assets/page_left.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}



.inner-container{

	background-image: url(../assets/page_right.jpg);

	background-position: right top;

	background-repeat: repeat-y;

	text-align:left;

}





.header_menu{

	width:861px;

	height:38px;

	background-image: url(../assets/page_top.jpg);

	background-repeat: repeat-y;

	background-position: center top;

}



.footer{

	background-image: url(../assets/page_bottom.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	height:38px;

}



.footer-links{ width:800px; text-align:left; margin:auto;}





.content{ margin-left:40px; margin-right:30px;}

.paragraph{ 

font-family:Georgia, "Times New Roman", Times, serif;

	margin-left:4px;

	margin-right:10px;

	padding-left:5px;

	padding-right:5px;

	padding-top:5px;

	padding-bottom:10px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #DDDDDD;

	border-bottom-color: #DDDDDD;

	font-size:16px;

	line-height:1.3em;

	border-right-color: #DDDDDD;

	border-left-color: #DDDDDD;	

}



.paragraph a{ font-size:16px;}



#main{

background-color:#E4D5E8;

margin-left:160px;

background-image: url(../assets/main_background.jpg); background-repeat: repeat-x;

background-position: left top;

margin-right:10px;

}

#index #main{ padding:0px; padding-top:10px; padding-right:0px;  margin-top:20px; margin-right:10px; background-image:none; }



#mainadmin{

margin-left:160px;

margin-right:10px;

}



#it #main-image{

padding-top:150px;

padding-left:40px; padding-right:20px;

background-image: url(../assets/compass.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}



#web #main-image{

padding-top:150px;

padding-left:40px; padding-right:20px;

background-image: url(../assets/chocolate.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}



#host #main-image{

padding-top:150px;

padding-left:40px; padding-right:20px;

background-image: url(../assets/chocolate.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}









#opt #main-image{

padding-top:150px;

padding-left:100px; padding-right:20px;

background-image: url(../assets/balloon.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}



#itsupport #main-image{

padding-top:150px;

padding-left:40px; padding-right:20px;

background-image: url(../assets/coffee.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}



#hosteddesktop #main-image{

padding-top:150px;

padding-left:40px; padding-right:20px;

background-image: url(../assets/beachball.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}





#contact #main-image{

padding-top:150px;

padding-left:40px; padding-right:20px;

background-image: url(../assets/beachball.jpg); background-repeat: no-repeat;

background-position: left top;

padding-top:150px;

padding-right:20px;

}











#postit{ margin-left:20px; float:left; margin-right:20px; height:400px;}

.index_white{ background:#FFFFFF;}

.cake{ 

	clear:both;

	background-image: url(../assets/cake_back.jpg);

	background-repeat: repeat-x;

	background-position: center top;

	margin:0px;

}





.cake-inner{



	height:179px;

	background-image: url(../assets/cake.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	padding-top:53px;

}



.cake-inner h1{ color:#666666; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

.cake-inner p{ color:#666666; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.3em;}



.quote{ text-align:left; float:right;  margin-top:-108px; width: 240px; }

.quote h3{ color:#666666; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal;}

.quote p{ padding-left:0px; color:#666666; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.3em;}



#it .quote{ margin-right:140px;}

#hosteddesktop .quote{ margin-right:160px;}

#opt .quote{ margin-right:190px;}

#itsupport .quote{ margin-right:140px;}



/* top menu*/



.navbar{ float:right;}

.navbar ul{list-style:none;} 

.navbar li{

margin: 0px;

	float:left;

	padding-top: 8px;

	padding-right: 20px;

	padding-bottom: 3px;

	padding-left: 5px;

	font-size: 12px;

} 

.navbar li a{ 

color: #CCCCCC;

text-decoration:none;

font-weight:bold;

display: block;

}

.navbar li a:hover{

text-decoration:underline;

}

.strap{

text-align:right;

padding:5px;

margin:0px;}





/* side menu*/



.menbar{ float:left;

	width:150px; 

	margin-top:15px;

}

.menbar ul{list-style:none;} 

.menbar li{

text-align:right;

	margin: 0px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 15px;	

} 



.menbar li a{

 

color: #92579E;

text-decoration:none;

font-weight:bold;

display: block;

padding-top:5px;

padding-bottom:5px;

font-size:16px;



}

.menbar li a:hover{ color: #cccccc;}



#websubhost, #hostedcase1, #hostedcase2, #itsup1, #itsup2, #websubport{ display:none; font-size:12px; }

#websubhost a, #hostedcase1 a, #hostedcase2 a, #itsup1 a, #itsup2 a, #websubport a{ font-size:12px; color:#999999; padding-top:0px; padding-bottom:0px;}

#web #websubhost{ display:block;}

#web #websubport{ display:block;}

#hosteddesktop #hostedcase1{ display:block;}

#hosteddesktop #hostedcase2{ display:block;}

#itsupport #itsup1{ display:block;}

#itsupport #itsup2{ display:block;}





/* end of side menu*/













.rights_reserved{

	font-size: 10px;

	text-align: right;

	padding: 3px;

	margin-top: 5px;

	margin-bottom: 5px;

}





/* forms */



.form{ float:left; margin-top:10px; margin-bottom:40px;}



.formlabel {

padding-left:10px;

	width:160px;

	float:left;

	clear: left;

	font-size: 14px;

	color:#333333;	

}



.formlabel-wide{

padding-left:10px;

	width:240px;

	float:left;

	clear: left;

	font-size: 14px;

	color:#333333;	



}





.forminput {



}



input, textarea, select {

border: 1px solid #8099C1;

padding:2px;

font-size:14px;}

.formbutton input {margin-left:5px;}

#form div{ padding:7px;}

/* forms */





.main-nav{ margin-left:0px; margin-right:20px; float:left; margin-bottom:20px;}

.main-nav ul{ list-style-type:none; margin:0px;}

.main-nav li{ float:left;padding:0px; padding-left:0px; padding-right:2px;  }

.main-nav li h2{ padding:0px;}

.main-nav li a{ float:left; display:block; width:171px; height:30px;  text-align:center; padding:0px; padding-top:160px;}



.package{

border-top-width: 1px;

border-top-style: solid;

border-top-color: #CCCCCC;

float:left;

width:550px;

padding-top:5px;

padding-bottom:5px;

margin-left:10px;



}

.package h2{ margin-bottom:5px;}

.package span{ font-size:18px;}

.package ul{ list-style-type:none;}

.package li{ list-style-type:none;

     margin-left:0px;

    font-size:12px;

	float:left;

	background-image: url(../assets/package_item_background.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right:15px;

}



.price{

	font-size:20px;

	float:left;

	margin-top:4px;

	padding:1px;

	padding-right:3px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

} 





/*  Admin Styles */





.main-table{ width:90%; margin-left:10px;}

.main-table th{ background-color:#CCCCCC}

.main-table td{ border: 1px solid #CCCCCC; padding:2px;}

.admin-box{

	background-image: url(../assets/admin_surround_top.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #F2F2F2;

	width: 655px;	}

.admin-inner-box{



	background-image: url(../assets/admin_surround_bottom.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	width: 615px;

	padding:20px;	

}



.view-server-label{ padding-left:10px;

	width:240px;

	clear:left;

	float:left;

	font-size: 14px;

	color:#333333;	}



.server-item{margin-left:250px;}

.error{ color:#FF0000; font-weight:bold;}







.pricelist-value{ width:100px; }



table.padded {

	border-color:#cccccc;

	border-style:solid;

	border-width:2px;

	margin:10px 0px 10px 0px;
	
	overflow:hidden;

	width:100%;

}



.padded, .padded td, .padded th {

	padding:5px;

	border-color:#f1eaf3;

	border-style:solid;

	border-width:1px;

	border-spacing:0px;

	border-collapse:collapse;

	font-family:Tahoma, Geneva, sans-serif;

}





.padded th {

	background-image:url(../assets/th.jpg);

	background-repeat:repeat-x;

	background-position:bottom;

	background-color:#dddddd;

}



.padded th a {

	color:#666666;

	text-decoration:none;

}



.padded tr.foot {

	background-color:#cccccc;

	text-align:center;

}



.padded tr.subfoot {

	background-color:#eeeeee;

	text-align:center;

}



.padded tr.foot a {

	color:#666666;

	font-weight:bold;

}



.padded a {

	font-family:Tahoma, Geneva, sans-serif;

}



input.submit {

	background-image:url(../assets/submit.jpg);

	border-color:#604166;

	color:#ffffff;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	padding:5px;

}



input.noborder {

	border:none;

	position:relative;

	top:-2px;

}



/*  END ADMIN STYLES  */





/*  expanding boxes  */





.expanded .content1 {

	display:block;

}



.shrunk .content1 {

	display:none;}

	

	

	

.expanded .content2 {

	display:block;

}



.shrunk .content2 {

	display:none;}



.expanded .content3 {

	display:block;

}



.shrunk .content3 {

	display:none;}

	

.expanded .content4 {

	display:block;

}



.shrunk .content4 {

	display:none;}



#menu {
	background-color:#92579e;
	height:40px;
	margin:20px 0px 20px 0px;
	overflow:hidden;
	width:100%;
}

#menu a {
	background-color:#92579e;
	color:#ffffff;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:40px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}

#menu a.bg {
	background-image:url(../assets/top-bg.jpg);
}

#menu a:hover {
	background-color:#e4d5e8;
	color:#92579e;
}

#menu ul, #submenu ul, #submenu-orange ul {
	clear:both;
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu li, #submenu li, #submenu-orange li {
	float:left;
	margin:0px;
	padding:0px;
}

#submenu {
	height:40px; 
	width:100%; 
	background-color:#e4d5e8; 
	position:relative; 
	top:-20px;
}

#submenu a {
	background-color:#e4d5e8;
	color:#92579e;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:40px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}

#submenu a.bg {
	background-image:url(../assets/bottom-bg.jpg);
}

#submenu a:hover {
	background-color:#ffffff;
	color:#92579e;
}

#submenu-orange {
	height:40px; 
	width:100%; 
	background-color:#ff9933; 
	position:relative; 
	top:-20px;
}

#submenu-orange a {
	background-color:#ff9933;
	color:#ffffff;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:40px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}

#submenu-orange a.bg {
	background-image:url(../admin/assets/bottom-bg-orange.jpg);
	color:#92579e;
}

#submenu-orange a:hover {
	background-color:#ffffff;
	color:#92579e;
}

h1.orange {
	color:#ff9933;
}

.checkbox {
	border:none;
}

/* New purple menu */
#p-menu {
	background-image:url(../assets/p-menu-bg.jpg);
	float:right;
	height:30px;
	overflow:hidden;
	position:relative;
	right:40px;
	top:-21px;
	width:280px;
}

#p-menu a {
	color:#ffffff;
	line-height:30px;
}

#p-menu li {
	float:left;
	margin:0px 10px 0px 10px;
}

#p-menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

/* Quick link boxes */
#clock {
	height:40px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:0px;
	width:40px;
}

#quick-search {
	background-image:url(../admin/assets/qs.png);
	height:40px;
	overflow:hidden;
	position:absolute;
	right:60px;
	top:0px;
	width:200px;
}

#quick-search input {
	background-color:#e4d5e8;
	border-color:#4d2654;
	border-style:solid;
	border-width:1px;
	margin:5px;
	width:170px;
}

#time {
	background-image:url(../admin/assets/time.png);
	color:#92579e;
	font-size:20px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	position:absolute;
	right:270px;
	top:0px;
	width:60px;
}

#email-details {
	background-image:url(../admin/assets/email-details.jpg);
	float:right;
	height:50px;
	line-height:50px;
	overflow:hidden;
	padding:0px 10px 0px 75px;
	width:115px;
}

#email-details a {
	color:#ffffff;
	font-weight:bold;
}

/* Random Stuff */
a.black {
	color:#666666;
}

span.red {
	color:#ff0000;
}

.extended{ background-color:#FFFFFF;  }