/*
StoreSuite
10/5/10
JumpMedia


*/
@import url('ui.css');
@import url('colorbox.css');


/* THE RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:Arial, Helvetica, sans-serif;
	background:/*url(../images/pattern-background.png)*/ #d7eef1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*Typography*/


h1.top {color:#c6d4e4; font-size:11px; height:19px; line-height:19px;}

h2{
	color:#141f2b;
	margin-bottom:10px;
	font-size:23px;
	}
	
h3{
	color:#141f2b;
	margin-bottom:10px;
	font-size:18px;
	}
	
p{
	color:#1d4657;
	font-size:80%;
	line-height:1.7em;
	margin-bottom:1em;
	}
	
h2.headline{
	color:#fff;
	margin-top:30px;
	font-size:38px;
	}

a{
	color:#2092e9;
	}
	
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:90%;
	color:#003366;
	line-height:20px;
	}

/*forms*/
label       { font-weight: bold; margin:0 0 0.8em 0; font-size:90%; display:block; width:18em; font-family:Arial, Helvetica, sans-serif;}

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend      { font-weight: bold; font-size:1.2em; }

input.text{ border:1px solid #5c9cc0; padding:6px; width:350px; background:#fff; margin-bottom:1.5em; font-size:12px;}

select{padding:4px; display:block; margin-bottom:1.5em;}

input.button{
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
padding:5px;
background:#003366;
color:#fff;
}


/*==1==Global*/

div.wrapper{
	width:940px;
	margin:0 auto;
	text-align:left;
	padding:0 10px 0 10px;
	}
	
div.fullwidth{
	width:100%;
	margin:0 auto;
	text-align:left;
	}
	
div.clearme{
	clear:both;
	height:1px;
	}
	

.invisible{
	background:none transparent;
	padding:0 10px 0 10px ;
	width:940px;
	margin:0 auto;
	text-align:left;
	}
	
	
.pushtwenty{
	padding-bottom:30px !important;
	}
	
.pushfifty{
	padding-bottom:110px !important;
	}


img.alignright{float:right;}

img.alignleft{float:left;}

	
/*Masthead*/

.masthead{
	background:url(../images/backgrounds/bg-homemasthead.jpg) no-repeat top center;
	}
	
.masthead-interior{
	background:url(../images/backgrounds/bg-interiormasthead.jpg) no-repeat top center;
	height:232px;
	}
	
	
h2#logo{
	width:208px;
	height:88px;
	background:url(../images/backgrounds/bg-logo.png) no-repeat;
	float:left;
	margin:0;
	padding:0;
	}
	
h2#logo a{
	display:block;
	width:208px;
	height:88px;
	}
	
	
h2#logo a span{
	display:none;
	}
	
	
#main-nav {
	float:left;
	width: 620px;
	height: 88px;
	background: transparent url(../images/backgrounds/bg-nav-up.png) no-repeat;
	margin-left:112px;
}



#main-nav ul {
	height: 88px;
}



#main-nav ul li {
	display: block;
	float: left;
}



#main-nav ul li a {
	display: block;
	height: 88px;
	
}



li#nav_one a{ width:210px; }
li#nav_two a { width:90px; }
li#nav_three a {width:100px;}
li#nav_four {width:120px;}
li#nav_five a {width:100px;}




li#nav_one a:hover { background: transparent url(../images/backgrounds/bg-nav-over.png) 0px 0px no-repeat; }
li#nav_two a:hover { background: transparent url(../images/backgrounds/bg-nav-over.png) -210px 0px no-repeat; }
li#nav_three a:hover { background: transparent url(../images/backgrounds/bg-nav-over.png) -300px 0px no-repeat; }
li#nav_four a:hover { background: transparent url(../images/backgrounds/bg-nav-over.png) -400px 0px no-repeat; }
li#nav_five a:hover { background: transparent url(../images/backgrounds/bg-nav-over.png) -520px 0px no-repeat; }




#main-nav ul li strong { display: none; }


/*Home Page*/

.bucket{
	padding-right:20px;
	background:url(../images/backgrounds/bg-index-divider.jpg) repeat-y right top;
	margin-right:0 !important;
	height:230px;
	overflow:hidden;
}

.bucket-end{
	background:none;
	margin-right:0 !important;
	height:230px;
	overflow:hidden;
}	

.ticks li{
	background:url(../images/backgrounds/bg-tick.png) left no-repeat;
	line-height:30px;
	font-size:90%;
	color:#1d4657;
	padding-left:25px;
}

p.question{
	font-size:110%;
	background:url(../images/backgrounds/bg-speech.png) no-repeat;
	padding:0 0 0 55px;
	margin-bottom:25px;
	line-height:22px;
	letter-spacing:-1px;
	}
	
.minibucket{
	padding-right:20px;
	background:url(../images/backgrounds/bg-index-divider.jpg) repeat-y right top;
	margin-right:0 !important;
	height:100px;
	overflow:hidden;
	margin-bottom:45px;
}

.minibucket-end{
	background:none;
	margin-right:0 !important;
	height:100px;
	overflow:hidden;
}	

img.icon{
	float:left;
	margin-right:15px;
	}
		


	

	



	
	

	
/*interior pages*/
p.intro{	
	font-size:110%;
	line-height:1.7em;
	margin-bottom:30px;
	}
	
img.screen{
	border:5px solid #ecf8fa;
	margin-bottom:10px;
	}
	
.nudge{
	margin-left:12px;
	}


/*pricing*/

div.pricing{
	width:312px;
	float:left;
	background:#fff;
	border-right:1px solid #b5dee4;
	}	
	
div.pricing p{
	margin:0 20px 20px 20px;
	}
	
ul.ticks-large{
	margin:0 20px 20px 20px;
	}
	
.ticks-large li{
	background:url(../images/backgrounds/bg-tick.png) left no-repeat;
	line-height:34px;
	font-size:100%;
	border-bottom:dotted 1px #ccc;
	color:#1d4657;
	padding-left:25px;
}

div.price-action{
	background:url(/images/backgrounds/bg-pricing-foot.jpg) repeat-x;
	padding:20px;
	}
	
table.prices {
        border: 1px solid #ccc;
        border-collapse: collapse;
		margin-bottom:30px;
      }
.prices th {
        background: #9abfbd;
        color: white;
      }
.prices tr {
        background: #f3f3f1;
        margin: 1px;
      }
.prices tr.striped {
        background:#eaf7f6;
      }
.prices td {
        padding: 7px;
		font-size:80%;
		color:#000;
		border: 1px solid #ccc;
		width:227px;
      }

	


/*side navigation*/
.side{
	background:url(../images/backgrounds/bg-sidenav.gif) repeat-y;
	}
	
	
.side ul{
	list-style-type:none;
	margin:5px 10px 5px 20px;
	}
	
.side li{
	line-height:32px;
	font-size:13px;
	border-bottom:1px solid #9fa8ac;
	}
	
.side li h2{
	font-size:14px;
	color:#1e2223;
	margin:15px 0 10px 0;
	}
	
.side li a{
	color:#3d4749;	
	text-decoration:none;
	font-weight:bold;
	}
	
.side li a strong{
	color:#276280;
	}
	
.side li a:hover{
	color:#809195;	
	}
	
	

/*==7==Column Set Up*/

.endbit{
	margin-right:0 !important;
	}
	
div.cl-one{
	width:60px;
	margin-right:20px;
	float:left;
	}
	
div.cl-two{
	width:140px;
	margin-right:20px;
	float:left;
	}
	
div.cl-three{
	width:220px;
	margin-right:20px;
	float:left;
	}
	
div.cl-four{
	width:300px;
	margin-right:20px;
	float:left;
	}
	
div.cl-five{
	width:380px;
	margin-right:20px;
	float:left;
	}
	
div.cl-six{
	width:460px;
	margin-right:20px;
	float:left;
	}
	
div.cl-seven{
	width:540px;
	margin-right:20px;
	float:left;
	}
	
div.cl-eight{
	width:620px;
	margin-right:20px;
	float:left;
	}
	
div.cl-nine{
	width:700px;
	margin-right:20px;
	float:left;
	}
	
div.cl-ten{
	width:780px;
	margin-right:20px;
	float:left;
	}
	
div.cl-eleven{
	width:860px;
	margin-right:20px;
	float:left;
	}
	
	

	


/*==11 Footer==*/

.footer{
	background:url(../images/backgrounds/bg-footer.jpg) repeat-x;
	margin-top:20px !important;
	padding:30px 0 30px 0;
	}
	


.footer ul{
	list-style-type:none;
	width:380px;
	}
	
.footer li{
	line-height:2em;
	font-size:70%;
	display:inline;
	padding-right:20px;
	color:#9ebee4;
	}
	
.footer li a{
	color:#fff;
	text-decoration:none;
	}
	

.footer p{
	color:#9ebee4;
	
	}
	
	
	



/*additional*/

.category-description{
	margin-bottom:30px;
	}
	
.category-description p{
	color:#747D8C;
	font-size:90%;
	line-height:22px;
	}
	
.category-description p strong{
	color:#282d35;
	}
	
#indexpanes ul{
	margin:10px;
	}
	
#indexpanes li{
	list-style-type:disc;
	line-height:28px;
	font-size:80%;
	}
	
ul.sitemap{
	margin:20px;
	}
	
.sitemap li{
	list-style-type:disc;
	line-height:30px;
	}
	
ul.sitemap ul{
	margin:10px;
	}