@charset "utf-8";
body {
	background-image: url(images/bg-bluegrad.png);background-image: none;
	background-repeat: repeat-x;
	background-position: center top;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	position:relative;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	height:100%;
	font-size:12px;
	color:#888888;
}
a {color:#2775A0; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
h1 {font-size:26px; color:#222222; font-weight:normal; margin:10px 0 10px 0; line-height:1.3em;}
li {margin:0 0 10px 0;}
.headerH1 {position:absolute; left:175px; width:550px; top:20px; font-size:30px; text-align:left;margin:0; line-height:normal;}
h2 {font-size:12px; color:#777777; font-weight:normal; margin:0 0 17px 0; }
.headerH2 {position:absolute; left:325px; width:550px; top:55px; font-size:15px; text-align:left;margin:0; line-height:20px; font-style:italic; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; text-transform:uppercase;}
h3 {margin:15px 0 0px 0; font-weight:normal; color:#222; line-height:1.2em;}
p {color:#888888; font-size:12px;line-height:1.4em; margin:0 0 14px 0;}
#outer {width:1020px; margin:0 auto; position:relative; overflow:hidden; background-color:#fff; border:0px solid #ccc; padding:0 10px 0 0; border-radius:5px; text-align:center;}
#clientlogin {position:absolute; top:5px; right:10px; height:20px; width:220px; text-align:right; font-size:13px; color:#666; font-weight:bold;}

#topphone {position:absolute; top:67px; right:10px; height:30px; width:500px; text-align:right; font-size:13px; color:#555;}

#nav {
	width:1000px;
	height:35px;
	clear:both;
	margin:7px auto 0 auto;
	text-align:center;
	color: #2775A0;
	background:url(images/panel.jpg) repeat-x bottom center #ffffff;
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
}
#navadmin {
	width:790px;
	height:25px;
	float:right;
	margin:40px 0 0 0;
	text-align:right;
	color: #2775A0;
}
#header {width:100%; position:relative;}
.logo {float:left; margin:00px 0 7px 0;}


#leftcolumn {float:left; width:380px; margin:20px 0 0 0;}
#rightcolumn {text-align:left; width:600px; float:right; margin:20px 0 0 0;}

#onecolumn {text-align:left; width:970px;  margin:0px auto 0 auto; padding:0 25px;}
#onecolumn p {}
#onecolumn li p {margin:0;}
#onecolumn ul {margin:-5px 0 14px 0; margin:0;}
.horrule {width:100%; background-color:#cccccc; height:1px; clear:both; margin:20px 0 5px 0;}
#footer {padding:0px 0; font-size:11px; text-align:right; width:1000px; margin:0 auto;}
.clearboth {clear:both;}

#fadeshow1, #fadeshow1 .gallerylayer {
	background-color: #fff !important;
}


#breadcrumb {font-size:11px; text-align:left; width:100%; height:15px; color:#666; margin:10px 0 0 30px;}


.homebutton {margin:0 20px; float:left; background-image:url(images/button-black.jpg); background-repeat:no-repeat; height:101px; width:158px; text-align:center; font-size:15px; color:#FFF; padding:8px 0 0 0;}

.homebutton a {color:#fff;}
.homebutton a:hover {color:#2775A0;}
#itemboxWrapper {background-image:url(images/vert-grad.jpg); background-repeat:repeat-x;height:200px; width:100%; padding:15px 0 0 8px;}
.itembox3x3 {margin:0 8px; float:left; height:165px; width:160px; text-align:center; font-size:15px; color:#333; padding:8px 13px 0 7px; background-image:url(images/3x3box.png); background-position:right bottom; background-repeat:no-repeat; border-top:1px solid #efefef;}

.itembox3x3 a {}
.itembox3x3 a:hover {}
.itembox3x3 h1 {font-size:14px; font-weight:normal; margin:0 0 10px 0;}
.itembox3x3 h3 {margin:0 0 6px 0;}
.subbutton {margin:0 20px; float:left; height:175px; width:175px; text-align:center; font-size:15px; color:#333; padding:8px 0 0 0;}

.categorybox {margin:0 45px 25px 0px; float:left; height:150px; width:395px; text-align:left; font-size:15px; color:#333; padding:8px 00px 0 45px;  border-radius:4px;  background-repeat:no-repeat; background-position:top left;}
.categorybox h1 {font-size:21px; color:#333}

.list1 {background-image:url(images/1.jpg);}
.list2 {background-image:url(images/2.jpg);}
.list3 {background-image:url(images/3.jpg);}
.list4 {background-image:url(images/4.jpg);}
.list5 {background-image:url(images/5.jpg);}
.list6 {background-image:url(images/6.jpg);}

.imgleft {padding:2px; border:0px solid #ccc; float:left; margin:0 20px 0px 0px;}
.imgright {padding:4px; border:1px solid #ccc; float:right; margin:0 0 20px 20px;}


h1.headcube {background-image:url(images/bg-head-cube.jpg); background-repeat:no-repeat; background-position:top left; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#FFF; margin:0; padding:15px 0 0 75px; height:35px; text-align:left;}

h1.headmobile {background-image:url(images/bg-head-mobile.jpg); background-repeat:no-repeat; background-position:top left; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#FFF; margin:0; padding:15px 0 0 75px; height:35px; text-align:left;}

h1.headwaves {background-image:url(images/bg-head-waves.jpg); background-repeat:no-repeat; background-position:top left; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#FFF; margin:0; padding:15px 0 0 75px; height:35px; text-align:left;}


#screenshots {display:none;}
#screenshots h3 {margin:0 0 10px 0;}
#screenshots li {float:left; border:1px solid #ccc; margin:0 15px 15px 0; width:130px; height:104px; list-style:none; padding:2px;}

.panelleft {width:400px; float:left;}


#login {position:absolute; top:50%; bottom:50%; right:30%; height:250px; width:450px; border:1px solid #ccc; margin:0 auto; padding:20px;}

#prodboxWrapper {}

.prodbox {margin:0 8px; float:left; height:220px; width:440px; text-align:left; font-size:15px; color:#333; padding:8px 9px 0 9px; background-image:url(/images/vert-grad.jpg); background-position:right -250px; background-repeat:repeat-x; border-top:1px solid #ccc; border-left:1px dotted #efefef; border-right:1px dotted #efefef; border-radius:4px;}
.prodbox:hover {background-position:center -40px;}
.prodbox p {font-size:11px;}
.prodbox3x3 {margin:0 8px; float:left; height:380px; width:290px; text-align:center; font-size:15px; color:#333; padding:8px 9px 0 9px; background-image:url(/images/vert-grad.jpg); background-position:right -250px; background-repeat:repeat-x; border-top:1px solid #ccc; border-left:1px dotted #efefef; border-right:1px dotted #efefef; border-radius:4px;}
.prodbox3x3:hover {background-position:center -40px;}
.prodbox3x3 p {margin:0 0 5px 0;}
.prodbox3x3 a {}
.prodbox3x3 a:hover {}
.prodbox3x3 h1 {font-size:14px; font-weight:normal; margin:0 0 10px 0; line-height:19px;}
.prodbox3x3 h3 {margin:0 0 6px 0;}

.3colbox {width:290px; float:left;}

.checklist {padding:0;}
.checklist li {background:url(/images/check-blue.png) no-repeat left top; list-style:none; padding:0 0 0 24px; margin:0 0 9px 0; color:#666; font-size:12px;}
.checklist ul {margin:0; padding:0;}

.factslist li {background: #F5F5F5 no-repeat left top; list-style:none; padding:5px 0 5px 24px; margin:0 0 5px 0; color:#666; font-size:12px;}
.factslist ul {margin:0; background-color:#F7F7F7; border:1px solid #ccc; border-radius: 6px;}

.rounded {padding:15px; border:1px solid #ccc; border-radius:5px;}
.leftnarrow {width:300px!important;}

.block {border-top:1px solid #ccc; clear:both; padding:10px; margin:0 0 15px 0; overflow:hidden;}

.profitcalc {
	background-image: none;
	background-color: #56A1D5!important;
	color: #fff !important;
	font-size: 12px!important;
	text-transform: uppercase;
	border-radius: 7px 7px;
	padding: 7px 12px 6px 6px!important;
	line-height:19px!important;
	margin:1px 0 0 5px;
}
.profitcalc:hover {
	background-image: none!important;
	background-color: #3188C1!important;
}