/* CSS Document */
BODY {
	FONT-SIZE: 12px; PADDING: 0px; MARGIN: 0px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; background:url(../images/bg.gif)  repeat-x; 
}
.formline { width: 560px; display: block; margin-top: 10px;}
.formspacer {width: 200px; display: block; float: left; line-height: 25px;}
.formspacer2 {width: 350px;  line-height: 25px;}
.formbutton {cursor: pointer; width:185px;font-size:12px; font-family:Arial,sans-serif; font-weight:bold;color:#ffffff;background-color:#597a78;;border-style:double;border-color:#eeeeee;border-width:3px;}
.looksgood {visibility:hidden;}
.formtext {width: 300px;}
.formarea {width: 300px; height: 100px;}
.orange {color: #d84c00; }




.icon	{
	position:absolute;
	width:80px;
	height:100px;
	z-index:1;
	left:500px;
	top:20px;
}
#iicon-customer-support {background: url(../images/icon-superinn-customer-support.gif) no-repeat;}
#icon-trial {background: url(../images/icon-superinn-trial.gif) no-repeat;}
#icon-easy-access {background: url(../images/icon-superinn-easy-access.gif) no-repeat;}
#iicon-getting-started {background: url(../images/icon-superinn-getting-started.gif) no-repeat;}
#icon-credit-card {background: url(../images/icon-superinn-credit-card.gif) no-repeat;}
#icon-reports {background: url(../images/icon-superinn-reports.gif) no-repeat;}
#icon-mobile {background: url(../images/icon-superinn-mobile.gif) no-repeat;}
#icon-contact {background: url(../images/icon-superinn-contact.gif) no-repeat;}
#icon-resources {background: url(../images/icon-superinn-resources.gif) no-repeat;}
#icon-testimonials {background: url(../images/icon-superinn-customer-testimonials.gif) no-repeat;}
#icon-safety-and-security {background: url(../images/icon-superinn-safety-and-security.gif) no-repeat;}
#icon-safety-and-reliability {background: url(../images/icon-superinn-safety-and-reliability.gif) no-repeat;}
#icon-free-demo {background: url(../images/icon-superinn-free-demo.gif) no-repeat;}
#icon-faq {background: url(../images/icon-superinn-faq.gif) no-repeat;}
#icon-features {background: url(../images/icon-superinn-features.gif) no-repeat;}
.breadcrumbs {height: 30px; line-height: 30px;}
.header-page {width: 650px; height: 50px; background-image: url(../images/header-page.gif);}
#column-left {width: 650px; position: relative;}
.links-body-block {	margin-left: 12px; color: #668498;	text-decoration: underline; display: block; height: 22px;}	
a.links-body-block:hover {	text-decoration: none; color: #333333;}
.links-body {color: #668498; text-decoration: underline;}
a.links-body:hover {color: #333333; text-decoration: underline;}
.page-header {margin-left: 10px; line-height: 50px; font-size: 22px; color: #d84c00; text-decoration: none;}
a.page-header:hover {font-size: 22px; color: #333333; text-decoration: none;}
#page {width: 630px; padding-top: 10px; padding-left: 10px; padding-right: 10px;}


#sitemap-top {width: 930px; height: 24px; background-image: url(../images/sitemap-top.gif);}
#sitemap-middle {width: 930px; height: 285px; background-image: url(../images/sitemap-bg.gif); text-align: left; padding-top:10px;}
#sitemap-bottom {width: 930px; height: 86px; background-image: url(../images/sitemap-bottom.gif);}
#sitemap {margin: 0px auto;}
#sitemap a {color: #e6ebee;	display: block;	width: 270px;	text-decoration: none;}
#sitemap a:hover {text-decoration: none;}
#sitemap .subheader {	margin-left: 10px;	font-weight: bold;	width: 280px;}
#sitemap a.subheader:hover {text-decoration: underline;}
#sitemap .sublink {	margin-left: 20px;	width: 270px;}
#sitemap a.sublink:hover {text-decoration: underline;}
#sitemap .sublink2 {	margin-left: 10px;	width: 285px;}
#sitemap a.sublink2:hover {text-decoration: underline;}
#footer h2 {margin-top: 0;	font-size: 14px;	font-weight: bold;	color: #808080;}
#footer ul {padding: 0;	margin: 0; list-style: none;}
#footer li {display: block;	float: left; width: 300px; margin-left: 5px;}
#footer li.first {margin-left: 0px;}
#footer li.second {}
#footer li.third {}
#footer li ul {	margin: 0;}
.centeredclear {text-align:center; clear:both;}
#footer li li {	display: list-item;	float: none; padding: 3px 0; background: url(../images/footer_dash.gif) repeat-x left bottom;}
#footer {width: 930px; margin: 0px auto; clear:both; margin-top: 5px;}

#media-blank {width: 650px; height:60px; display: block;}
#media-home {width: 650px; height:250px; display: block;}

.body-bold {color: #333333; font-weight:bold;}
.body-bold-orange {color: #d84c00; font-weight:bold;}
.back-to-top {float:right; color: #668498; text-decoration: underline;}
a.back-to-top:hover {color: #333333;}
.features-header {font-weight:bold; color: #668498; text-decoration:underline; width: 630px; display: block; line-height: 20px;}
a.features-header:hover {color: #333333;}
.features-item {color: #333333; text-decoration:underline; margin-left: 20px; width: 610px; display: block; line-height: 20px;}
a.features-item:hover {color: #668498;}

.resources-header {font-weight:bold; color: #333333; text-decoration:underline; width: 630px; line-height: 15px;}
a.resources-header:hover {color: #668498;}

.line {height: 1px; font-size: 1px; line-height:1px; background-color: #e5e5e5;}

.better ul {list-style:none;padding: 0px; margin: 0px;}
.better li {margin-left: 10px;}





#header {width: 930px; height: 119px; background-image: url(../images/header.gif);}
.spacer5 {height: 5px; font-size: 1px;}
.spacer5clear {height: 5px; font-size: 1px; clear:both;}
#container {width: 930px;  margin: 0px auto;TEXT-ALIGN: left; }
#column-right {width: 275px; float:right;}
#logo {height: 119px; width: 245px; margin-left: 25px;}
#logo a{height: 119px; width: 245px; display:block;}
#customer-login {width: 150px; height: 27px; background-image: url(../images/button-customer-login.gif);}
#customer-login a {width: 150px; height: 27px; display: block;}
#customer-login a:hover {width: 150px; height: 27px; background: url(../images/button-customer-login.gif) 0px -28px no-repeat; }
#header-right {float:right; width: 150px; margin-top: 10px;}
#why-superinn {height: 250px; width: 275px; background-image: url(../images/tile-why-superinn-com.gif);}
#credit-card-processing {width: 275px; height: 60px; background-image: url(../images/button-credit-card-processing.gif);}
#credit-card-processing a {width: 275px; height: 60px; display: block;}
#credit-card-processing a:hover {width: 275px; height: 60px; background: url(../images/button-credit-card-processing.gif) 0px -60px no-repeat; }
#two-month-free-trial {width: 275px; height: 60px; background-image: url(../images/button-two-month-free-trial.gif);}
#two-month-free-trial a {width: 275px; height: 60px; display: block;}
#two-month-free-trial a:hover {width: 275px; height: 60px; background: url(../images/button-two-month-free-trial.gif) 0px -60px no-repeat; }
#work-smart-top {width: 650px; height: 74px; background: url(../images/work-smart-top.gif);}
#work-smart-middle {width: 650px; background: url(../images/work-smart-middle.gif) repeat-y;}
#work-smart-bottom {width: 650px; height: 10px; background: url(../images/work-smart-bottom.gif); font-size: 1px;}
.work-smart-column1 {width: 305px; padding-top: 10px; padding-right: 10px; padding-left: 10px; display: block;}
.work-smart-column2 {width: 302px; padding-top: 10px; padding-right: 10px; padding-left: 10px; float: right; display: block;}
#work-smart-middle ul {list-style-type: none;padding: 0;margin: 0;}
#work-smart-middle li{background-image: url(../images/bullet.gif);background-repeat: no-repeat;background-position: 0 .4em;padding-left: 1em;}
#client-testimonials-top {width: 275px; height: 58px; background: url(../images/client-testimonials-top.gif);}
#client-testimonials-middle {width: 255px; padding: 10px; background: url(../images/client-testimonials-middle.gif);}
#client-testimonials-bottom {width: 275px; height: 12px; background: url(../images/client-testimonials-bottom.gif);}
.links-breadcrumbs-home {margin-left: 12px; color: #668498; text-decoration: underline;}
a.links-breadcrumbs-home:hover {color: #333333; text-decoration: underline;}
.links-breadcrumbs {color: #668498; text-decoration: underline;}
a.links-breadcrumbs:hover {color: #333333; text-decoration: underline;}






/*nav*/

#divnav {margin: 0px auto;}	
#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:930px; 
	height:35px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

}

#nav span { display: none; }

#nav li, #nav a { height:35px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; position:relative; 	 z-index: 10;}

#nav-01 { width: 84px;}
#nav-02 { width: 142px;}
#nav-03 { width: 62px;}
#nav-04 { width: 112px;}
#nav-05 { width: 99px;}
#nav-06 { width: 124px;}
#nav-07 { width: 185px;}
#nav-08 { width: 122px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -35px (height of visibale portion of menu) ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") 0px -35px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -84px -35px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -226px -35px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -288px -35px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -400px -35px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -499px -35px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -623px -35px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.gif") -808px -35px no-repeat; }


#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#fcfcfc;	/* this is the bgcolor of drop down menu*/
		 z-index: 10;
}




/*start of third level*/

#nav li ul ul {
	margin: -25px 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	wwidth: 250px;
	}	

#nav li ul li #long { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	wwidth: 330px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#333333;
	font-weight: bold;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#8ca7b9;
	color:#ffffff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:330px; }
#nav-03 ul, #nav-03 li { width:250px; }
#nav-04 ul, #nav-04 li { width:250px; }
#nav-05 ul, #nav-05 li { width:250px; }
#nav-06 ul, #nav-06 li { width:250px; }