@import url('reset.css');
@import url('text.css');
@import url('960.css');

body
{
	background: url(../img/bg_x.jpg) repeat-x;
	border-top: 5px solid #cee9ee;
	color: #333;
	padding-top: 20px;
}

a
{
	color: #228399;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}



h1.logo {
	background: url(../img/logo.png) no-repeat;
	height:100px;
	width:230px;
}

h1.logo a {
	height:60px;
	width:230px;
	display:block;
	text-indent:-9999px;
	}

.mini
{
	font-size: 16px;
	width: 400px;
	display:block;
	color: #228399;
	margin-top: 12px;
	margin-bottom: 24px;
}

.phone
{
	font-size: 32px;
	font-weight: bold;
}

#nav {
width: 460px;
height: 20px;
position: relative;
background: url(../img/nav.png);
margin: 0;
padding: 0;
	top: 30px;
	float: right;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 20px;
background: url(../img/nav.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 56px;
background-position: 0 0;
}

li#nav_howitworks a {
left: 56px;
width: 100px;
background-position: -56px 0;
}

li#nav_sendtoafriend a {
left: 156px;
width: 125px;
background-position: -156px 0;
}

li#nav_ordernow a {
left: 284px;
width: 88px;
background-position: -284px 0;
}

li#nav_contact a {
left: 372px;
width: 88px;
background-position: -372px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -20px;
}

li#nav_howitworks a:hover {
background-position: -56px -20px;
}

li#nav_sendtoafriend a:hover {
background-position: -156px -20px;
}

li#nav_ordernow a:hover {
background-position: -284px -20px;
}

li#nav_contact a:hover {
background-position: -372px -20px;
}

/*current state*/
#body_home li#nav_home a {
background-position: 0 -20px;
}

#body_howitworks li#nav_howitworks a {
background-position: -56px -20px;
}

#body_sendtoafriend li#nav_sendtoafriend a {
background-position: -156px -20px;
}

#body_ordernow li#nav_ordernow a {
background-position: -284px -20px;
}

#body_contact li#nav_contact a {
background-position: -372px -20px;
}

/* @group Hunt Selectors */

#hs {
width: 700px;
height: 200px;
position: relative;
background: url(../img/hs.jpg);
margin: 0 auto;
padding: 0;
}

#hs li {
float: left;
}

#hs li a {

top: 0;
margin: 0;
padding: 0;
display: block;
height: 200px;
background: url(../img/hs.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#hs_city a {
left: 0;
width: 160px;
background-position: 0 0;
}

li#hs_tourist a {
	
left: 160px;
width: 160px;
background-position: -180px 0;
margin-left: 20px;
}

li#hs_stag a {
left: 320px;
width: 160px;
background-position: -360px 0;
margin-left: 20px;
}

li#hs_murder a {
left: 480px;
width: 160px;
background-position: -540px 0;
margin-left: 20px;
}

/*hover state*/
li#hs_city a:hover {
background-position: 0 -200px;
}

li#hs_tourist a:hover {
background-position: -180px -200px;
}

li#hs_stag a:hover {
background-position: -360px -200px;
}

li#hs_murder a:hover {
background-position: -540px -200px;
}


/*current state*/

#body_home li#hs_city a {
background-position: 0 -180px;
}

#body_tourist li#hs_tourist a {
background-position: -180px -180px;
}



#body_stag li#hs_stag a {
background-position: -360px -180px;
}

#body_murder li#hs_murder a {
background-position: -540px -180px;
}
/* @end */



.container_16
{
	
	background: url(../img/bg_top.jpg) no-repeat center top;
}


.contentbox
{
	background: url(../img/bg.png) repeat-y 60px top;
	padding-left: 60px;
	width: 820px;
}

.features{
	
}

li.stripe-even{
	background-color: white;
	padding-left: 8px;
}

li.stripe-odd{
	padding-left: 8px;
}

.roundtop{
	background: url(../img/top_bg.png) no-repeat;
}

.roundbottom{
	background: url(../img/bot_bg.png) no-repeat 0 1px;
}

a.small
{
	
	font-size: 10px;
	color: black;
	float: left;
	margin-top: 6px;
	margin-left: 0;
}

a.smallright
{
	margin-top: 6px;
	font-size: 10px;
	color: black;
	float: right;
	margin-right: 20px;
}	


#ordernow
{
width:180px;
height:60px;
text-decoration:none;
display:block;
background-image: url(../img/ordernow_sprite.png);
background-position: 0 0;
text-indent: -9999px;
overflow: hidden;
}

#ordernow:hover	
{ 
background-position: 0 -60px;
}

#footer {
	width: 100%;
	height: 180px;
	background: url(../img/footer_bg.jpg) no-repeat center ;
	bottom: 0;
	position: relative;
	margin-bottom: -20px;

}

.imagealign
{
	margin-left: -50px;
}
.formalign
{
	padding-left: 50px;
	padding-bottom: 20px;
}

.send{
	width:320px;
	overflow:hidden;
	list-style:none;
}
.send li{
	float:left;
	width:220px;
	padding-top: 10px;
}
.send label{
	float:left;
}
.send input{
	border:1px solid #e6e5d9;
	height: 22px;
	float: right;
	background-color: white;
}


.send textarea{
	width: 100%;
	float:right;
	height:110px;
	border:1px solid #e6e5d9;
}

input.button {
	float:left;
	border:1px solid #e6e5d9;
	background-color: #fff;
	margin-bottom: 20px;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

.thanks
{
	color: red;
}

ul.topbuy
{
	margin-left: 40px;
}

ul.topbuy li
{
	padding-left: 18px;
	display: inline;
	width: 160px;
}