@charset "UTF-8";
/* CSS Document */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

p {
padding: 15px;
}

a {
	color: #6c2c8a;
	font-weight: bold;
}

h2 {
	display: inline;
	color: #FF6600;
	}

h5 {
background: #f99904;
font-size: 17px;
font-weight: bold;
height: 1em;
padding-left: 8px;
padding-top: 6px;
}
#container {
margin:0;
padding:0;
width: 100%;
height: 100%;
background-color: #FFF;
background-image: url(../images/background.jpg);
background-position: top left;
background-repeat: repeat-x;
position: relative;
}

#header {
 width: 100%;
 margin:0;
padding:0;
height: 92px;
}

#logo {
	padding: 0px;
	margin: 0px;
}

#topmenu {
	float: right;
	margin:0;
	padding:2;
}

	#topmenu ul {
		list-style-type: none;
		text-align: center;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 2;
	}

	#topmenu li {
		display: inline;
		text-align: center;
		margin: 0 5px;
	}

	#topmenu li a {
		text-decoration: none;
		display: block;
	}
	
#mainmenu {
	margin: 0 auto;
	text-align: center;
}

	#mainmenu ul {
		list-style-type: none;
		text-align: center;
		margin-top: 0px;
		padding: 0;
		position: relative;
		z-index: 2;
	}

	#mainmenu li {
		display: inline;
		text-align: center;
		margin: 0 5px;
	}

	#mainmenu li a {
		text-decoration: none;
		display: inline-block;
		color: #fff;
		font-weight: bold;
	}
/****************************************************************** layout divs  *******************************************************************/
.main {
	background: url(../images/colors.jpg) no-repeat;
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	margin: 0;
	padding: 0;
	min-width: 790px;
}	
.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol .colmid {
		right:28%;				/* width of the right column */
	}
	.threecol .colleft {
		right:55%;				/* width of the middle column */
	}
	.threecol .col1 {
		width:65%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:18%;				/* Width of left column content (column width minus padding on either side) */
		left:19%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:14%;				/* Width of right column content (column width minus padding on either side) */
		left:86%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
        clear:both;
        width:100%;
		border-top:1px solid #000;
		background: #d5d6d6;
    }
	
	.block {
		display: block;
		clear: both;
		}
	
/***********************************************************************       other         *********************************************************/
.linklist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#sidebar {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background: #fff9ec;
	margin: 0;
	margin-top: 8px;
	padding: 0;
}



p#p_orange  {
 background: #fff url(../images/sharedpackages.jpg) no-repeat;
 width: 170px;
 height: 120px;
 float: left;
 
}

p#p_green  {
 background: #fff url(../images/maintenance.jpg) no-repeat;
 width: 170px;
 height: 120px;
 float: left;
 
}

p#p_purple  {
 background: #fff url(../images/reseller.jpg) no-repeat;
 width: 170px;
 height: 120px;
 float: left;
}

#customize {
	width: 100%;
	display:block;
	}

.floatleft {
float: left;
}

ul.item-list { float: left; }

ul.item-list li{
	float: left;
	padding-right: 30px;
}



/*********************************     corners    ****************************/

#liquid-round {
width:99%;
margin:0px auto;
background:#fff url(../images/corners/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:15px;
background:url(../images/corners/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:15px;
background:url(../images/corners/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(../images/corners/rightside.gif) repeat-y right top;
padding:1px 5px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url(../images/corners/bottom.gif) no-repeat left bottom;
clear: both;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(../images/corners/bottom-right.gif) no-repeat right top;
}