@charset "utf-8";
body {
	background: #FFFFFF url(../images/back.jpg) repeat-x top left;
	padding:0px;
	margin:0px;
	color:#333333;
	min-width:950px;
}
#frame {
	position:relative;
	left:50%;
	width:942px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	color:#333333;
	text-align:left;
	padding:223px 0px 0px 0px;
	margin:0px 0px 0px -471px;
	z-index:2;
}
#main {
	position:relative;
	width:702px;
	margin-left:240px;
	padding:0px;
	background:#FFFFFF url(../images/main_bck.gif) repeat-y left top;
	line-height:150%;
	z-index:1;
}
#main a, #userInfo a, #basket a {
	color:#CC0000;
}
#main a:hover, #userInfo a:hover, #basket a:hover {
	color:#0066FF;
}
#mainContent1 {
	position:relative;
	padding:10px 21px 30px 21px;
	background:url(../images/main_top.jpg) no-repeat left top;
	overflow:hidden;
	z-index:2;
}
.mainContent2, .mainContent3, .mainContent4, #flashContent, .mainContentOffers {
	clear:both;
	position:relative;
	padding:10px 20px 30px 20px;
	margin:0px 1px;
	background:url(../images/main_spacer.jpg) repeat-x center top;
	overflow:hidden;
	z-index:1;
}
#flashContent {
	padding:2px 0px 0px 0px;
}
#mainBtm {
	position:absolute;
	bottom:0px;
	left:0px;
	width:702px;
	height:25px;
	background:#FFFFFF url(../images/main_btm.gif) no-repeat left bottom;
	z-index:0;
}
.mainGraphic01 {
	position:absolute;
	top:50%;
	margin-top:-375px;
	right:1px;
	width:147px;
	height:755px;
	background:url(../images/main_graphic_01.gif) no-repeat top left;
	z-index:0;
}
#mainContent1 h1, #mainContent2 h2, #mainContent1 p, #mainContentp, #mainContent1 ul, #mainContent2 ul {
	position:relative;
	z-index:2;
}
/*--------------- TOP ----------------*/
#logo {
	position:absolute;
	top:8px;
	left:32px;
	width:216px;
	height:81px;
	z-index:300;
	background-color:#000000;
}
#topBckImg {
	position:absolute;
	left:50%;
	margin-left:-520px;
	top:58px;
	width:1040px;
	height:200px;
	z-index:0;
	padding:0px 1px;
	background: url(../images/hd_img01.jpg) no-repeat top left;
}
/*--------------- NAV1 ----------------*/
#navTop {
	position:absolute;
	left:0px;
	top:0px;
	width:942px;
	height:94px;
	z-index:2;
	background:#EE3251 url(../images/nav_bck.jpg) top left no-repeat;
}
.navTopContact, .navTopQuote {
	position:absolute;
	left:273px;
	top:0px;
	width:223px;
	height:91px;
}
.navTopContact {
	left:496px;
}
/*---------- left column ----------*/
#leftCol {
	position:absolute;
	top:223px;
	left:0px;
	width:222px;
	z-index:10;
	padding-bottom:50px;
}
#leftNavHd {
	position:relative;
	width:222px;
	background:#FFFFFF url(../images/lftNav_top.jpg) no-repeat top left;
	height:18px;
}
#leftNav{
	position:relative;
	background:#FFFFFF;
	padding:0px 5px;
	border-left:#E5E5E5 solid 1px;
	border-right:#E5E5E5 solid 1px;
}
.leftNavBtm {
	position:relative;
	width:222px;
	background:#FFFFFF url(../images/lftNav_btm.jpg) no-repeat top left;
	height:16px;
}
#leftNav ul {
	padding:0px;
	margin:0px;
	list-style:none;
	border-bottom:#ECECEC 1px solid;
}
#leftNav li {
	padding:0px;
	margin:0px;
}
#leftNav a {
	display:block;
	padding:6px 15px 3px 15px;
	width:180px;
	height:20px;
	color:#5C0017;
	font-size:15px;
	text-decoration:none;
	background:url(../images/lftNav_btn.jpg) top left no-repeat;
}
#leftNav a:hover {
	color:#FFFFFF;
	background:url(../images/lftNav_btn_f2.jpg) top left no-repeat;
}
#help {
	margin-top:7px;
}
#quote {
	margin-top:7px;
	padding:10px 15px 50px 15px;
	color:#BCBCBC;
	font-style:italic;
	font-size:16px;
	line-height:180%;
	text-align:center;
}
#quoteAuthor {
	color:#CCCCCC;
	font-size:12px;
	line-height:120%;
	margin-top:10px;
}
#w3c {
	position:absolute;
	bottom:0px;
	left:0px;
	width:202px;
	height:16px;
	padding:14px 10px 13px 10px;
	text-align:center;
	background:url(../images/icon_bck.jpg) top left no-repeat;
}

#proDsystems, #proDhosting {
	position:relative;
	margin-top:10px;
	width:222px;
	background:url(../images/proDsystems_bck.jpg) top left no-repeat;
	font-size:11px;
	padding:77px 0px 0px 0px;
}
#proDhosting {
	background:url(../images/proDhosting_bck.jpg) top left no-repeat;
}
.proDlogo {
	position:absolute;
	top:12px;
	left:33px;
	width:156px;
	height:43px;
}
.proDhd1 {
	font-size:14px;
	padding-left:10px
}
.proDhd2 {
	padding-left:10px
}
#proDsystems .proDhd1, #proDsystems .proDhd2{
	color:#006699;
}
#proDhosting .proDhd2, #proDhosting .proDhd1 { 
	color:#538A26;
}
.proDtxt{
	color:#666666;
	padding:5px 110px 15px 10px;
	line-height:130%;
}
.proDinfo {
	position:absolute;
	bottom:20px;
	right:10px;
	width:94px;
	height:25px;
}
			
/*------------ MAIN ------------*/
h1 {
	font-weight:normal;
	font-size:28px;
	color:#A12130;
	line-height:130%;
	padding:30px 0px 0px 0px;
	margin:0px;
}
h2 {
	font-weight:normal;
	font-size:20px;
	color:#A12130;
	line-height:130%;
	padding:20px 0px 0px 0px;
	margin:0px;
}
h3 {
	font-weight:normal;
	font-size:15px;
	color:#666666;
	line-height:130%;
	padding:15px 0px 0px 0px;
	margin:0px;
}
.white {
	color:#FFFFFF;
}
.grey {
	color:#999999;
}
.darkGrey {
	color:#666666;
}
.error {
	color:#FF0000;
	font-weight:bold;
}
.infoTxt {
	color:#666666;
	font-style:italic;
	font-size:smaller;
}
.red {
	color:#FF0000;
}
/*---------- bullet points -------*/
#mainContent2 ul {
	list-style-image:url(../images/bullet_06.gif);
	line-height:130%;
	color:#555555;
	font-style:italic;
}
#mainContent2 ul li {
	padding:5px 0px;
}
/*---------- graphics ----------*/
.butterfly01 {
	position:absolute;
	top:14px;
	left:372px;
	width:54px;
	height:56px;
	background:url(../images/butterfly01.gif) no-repeat top left;
}
.butterfly02 {
	position:absolute;
	top:-5px;
	left:132px;
	width:94px;
	height:71px;
	background:url(../images/butterfly02.gif) no-repeat top left;
}
.logoProDsystems, .logoProDhosting {
	position:absolute;
	top:1px;
	right:40px;
	width:181px;
	height:65px;
	background:url(../images/logo_prodsystems_01.jpg) no-repeat top left;
}
.logoProDhosting {
	background:url(../images/logo_prodhosting_01.jpg) no-repeat top left;
}
#mainContent1 .logoProDsystems, #mainContent1 .logoProDhosting {
	top:0px;
}

/*---------- image column ----------*/
.imgCol {
	position:relative;
	margin:17px -20px 15px 20px;
	float:right;
	width:243px;
	padding:15px 0px 3px 0px;
	z-index:1;
	background:url(../images/spacer_grey.gif) left repeat-y;
}
.imgRow {
	padding:1px 1px 13px 2px;
	width:240px;
	overflow:hidden;
	background:url(../images/img_hr.jpg) bottom left no-repeat;
}
.imgBtm, .imgTop {
	position:absolute;
	left:0px;
	height:15px;
	width:243px;
}
.imgTop {
	background:url(../images/img_top.jpg) top left no-repeat;
	top:0px;
}
.imgBtm {
	background:url(../images/img_btm.jpg) bottom left no-repeat;
	bottom:0px;
}
/*------------ FOOTER --------------*/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	left:50%;
	margin-left:-500px;
	margin-top:-27px;
	width:1000px;
	height:330px;
	background: #E6003F url(../images/back_ft.jpg) top left no-repeat;
	z-index:1;
}
#ftContent {
	position:absolute;
	left:270px;
	top:20px;
	width:700px;
	height:160px;
}
#ftIcon {
	position:absolute;
	top:0px;
	left:10px;
	background:url(../images/logo_ft_icon.jpg) no-repeat top left;
	width:92px;
	height:80px;
}
.ftCol {
	position:absolute;
	top:15px;
	text-align:left;
	color:#F0698E;
	font-size:16px;
	width:140px;
	color:#DF4966;
}
#ftCol1 {
	left:0px;
}
#ftCol2 {
	left:150px;
}
#ftCol3 {
	left:300px;
}
#ftCol4 {
	left:450px;
}
.ftCol ul {
	padding:3px 0px;
	margin:0px 0px 0px -15px;
	list-style:none;
	line-height:150%;
	font-size:10px;
	color:#F2B5C0;
}
#ftCol4 ul {
	margin:0px 0px 0px 0px;
}
.ftCol ul a {
	color:#F2B5C0;
	text-decoration:none;
	padding-left:15px;
	font-weight:bold;
	padding-bottom:1px;
	display:block;
	height:14px;
}
.ftCol ul a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	background: url(../images/bullet_02.gif) bottom left no-repeat;
}
#top {
	position:absolute;
	top:2px;
	right:30px;
	width:70px;
	height:25px;
	padding-right:10px;
	background: url(../images/icon_top.jpg) no-repeat top right;
	text-align:right;
	z-index:1000;
}
#top a {
	width:60px;
	display:block;
	height:18px;
	padding:4px 0px 3px 0px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#top a:hover {
	color:#62171C;
	background-color:#FFFFCC;
}
#back1, #back2 {
	position:absolute;
	width:36px;
	height:25px;
	padding-left:17px;
	background: url(../images/icon_back.jpg) no-repeat center left;
	text-align:left;
	z-index:1000;
}
#back1 {
	Top:220px;
	right:30px;
}
#back2 {
	bottom:20px;
	right:130px;
}
#back1 a, #back2 a {
	width:36px;
	display:block;
	height:18px;
	padding:4px 0px 3px 0px;
	color:#C0ED00;
	font-weight:bold;
	text-align:center;
}
#back1 a:hover, #back2 a:hover {
	color:#000000;
	background-color:#C0ED00;
}
#copyright {
	position:absolute;
	bottom:123px;
	left:720px;
	font-size:10px;
	color:#D3062D;
}
/* proDmedia */
#prodmedia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 140%;
	position: relative;
	top: 70px;
	height: 50px;
}
#prodmedia a {
	text-decoration: none;
	color: #999999;
}
#prodmedia a:hover {
	color: #FF0044;
	text-decoration: underline;
}