/* clearfix */

.container:after {
 content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.container {  display: inline-block;}
html[xmlns] .container { display: block;}
* html .container {  height: 1%;}

/*main styles*/

body {
	margin: 0;
	background-color:#000000;
	background-image: url(/media/images/public/bgPAT.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	color: #cccccc;
}

.clear {
	clear: both;
}

h1 {
	color: #ffffff;
	font-size: 1.4em;
	margin-bottom: 3px;	
}

h2 {
	font-size:1.2em;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 3px;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}

.large_h1{font-size:3em;}

a {
	text-decoration: none;
	color: #ff0066;
	outline: 0px;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

.linkBar {
	background-image: url(/media/images/public/linkBarBG.jpg);
	background-repeat: repeat-x;
	height: 36px;
}

.linkBar a {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

.linkBar a:hover, .linkBar a:focus {
	color: #cccccc;
	text-decoration: none;
	border: none;
}

.linkBar a img{
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

.topBarcontainer {
	width: 1000px;
	margin: 0 auto;
	padding-top: 8px;
}

.container {
	width: 1000px;
	background-image:url(/media/images/public/bg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: center 0;
}

.header {
	height: 79px;
	padding-top: 20px
}

.header .logo{
	border: none;
	float: left;
	width:422px;
}

.mainNav {
	float: right;
	height: 67px;
}

.mainNav ul{
	list-style: none;
	text-align: center;
	margin: 0;
}

.mainNav ul li {
	float: left;
	height: 67px;
}

.mainNav ul li h2{
	margin: 20px 0 0 0;
}

.mainNav li a {
	color: #ff0066;
	font-size: .95em;
}

li.guides {
	background-image: url(/media/images/public/NavGuides.jpg);
	width: 99px;
}
li.guides_over{background-image: url(/media/images/public/NavGuidesOver.jpg);}

li.latest {
	background-image: url(/media/images/public/navLatest.jpg);
	width: 126px;
}
li.latest_over{background-image: url(/media/images/public/navLatestOver.jpg);}


li.support {
	background-image: url(/media/images/public/navSupport.jpg);
	width: 88px;
}
li.support_over{background-image: url(/media/images/public/navSupportOver.jpg);}


li.editor { 
	background-image: url(/media/images/public/navEditor.jpg);
	width: 165px;
}
li.editor_over{background-image: url(/media/images/public/navEditorOver.jpg);}

	
.content {
	clear: both;
	margin: 20px 0 0 0;
	position: relative;
	z-index: 1;
	min-height:500px;
}

/*columns*/

.col30 {
	width: 333px;
	float: left;
	margin-bottom: 20px;
}

.col60 {
	width: 660px;
	float: left;
	margin-bottom: 20px;
}

.col100 {
	width: 1000px;
	margin-bottom: 20px;
}

.middle, .left {
	margin-right: 0px;
}

.right {
	margin-right: 0px;
}

.contentLeft {
	float: left;
}

.contentRight {
	float:left;
}


.footer {
	text-align: center;
	clear: both;
	padding-top: 20px;
}

/* homepage */

div.about {
	padding-top: 42px;
}
.phone {
	float: left;
	margin-top: -4px;
}

#metalBar {
	width: 100%;
	height: 160px;
	position: absolute;
	top: 340px;
	left: 0px;
	background-image: url(/media/images/public/steelBarBG.jpg);
	background-repeat: repeat-x;
	z-index: 0;
}

div.cities {
	list-style: none;
	height: 155px;
	padding: 0;
}

div.cities div {
	float: left;
	height: 155px;
	margin-right: 18px;
}

.london {
	background-image: url(/media/images/public/london.jpg);
	width:100px;
	margin-top:1px;
}
.sf {
	background-image: url(/media/images/public/sanFran.jpg);
	width: 100px;
	margin-top:1px;
}
.tucson {
	background-image: url(/media/images/public/tucson.jpg);
	width: 101px;
	margin-top:1px;
}
.nd {
	background-image: url(/media/images/public/newDelhi.jpg);
	width: 100px;
	margin-top:1px;
}
.all {
	background-image:url(/media/images/public/seeAll.jpg);
	width: 167px;
	margin-top:1px;
}

img.icon {
	float: left;
	padding-top: 10px;
}

div.feature {
	width: 276px;
	float:left;
	margin-left: 10px;
}


/*support*/

div#contactForm {
	background-image: url(/media/images/public/supportFormBG.png);
	background-repeat: no-repeat;
	height: 700px;
	background-position: -31px -15px;
	width: 300px;
	padding: 0 10px;
}

/* Become an editor */

div#sendSample {
	background-image: url(/media/images/public/interestedBG.png);
	background-repeat: no-repeat;
}

div#sendSample div {
	padding: 10px 0px 10px 20px;
	width: 280px;
}

/*guides*/

.guideHeader {
	background-image: url(/media/images/public/guidesHeader.jpg);
	background-repeat: no-repeat;
	height: 361px;
}

.featuredGuide {
	float: right;
	width: 295px;
	padding: 28px 0;
}

.city_btn{float:left; margin-right:30px;}
.city_available{width:418px; height:20px; margin-bottom:10px; margin-top:10px; overflow:hidden;}
.city_buttons{width:418px; height:60px;}
.city_last{margin-right:0px;}
.cities_all_button{ width:201px; float:right; margin-top:14px;}

.city_download_banner{height:73px; margin-bottom:10px;}
.city_download_banner img{position:absolute; z-index:10; margin-left:-10px;}

.guideBlock{height:160px; width:320px; float:left; margin-right:10px; margin-bottom:35px;}
.guideThumb{width:111px; height:100px; float:left; margin-right:8px; padding-top:16px;}
.guideDesc{width:200px; height:100px; float:left; color:#c0c0c0;}
.guideDownload{width:70px; height:40px; float:left; margin-left:20px; margin-top:10px; padding-top:5px; font-weight:bold; font-size:1.2em;}
.guideDlOptions{margin-left:10px; margin-top:10px; float:left; width:220px; height:40px;}
.guideDlOptions ul{margin:0 0 0 20px; padding:0;}
.guideDlOptions ul li{float:left; list-style:none; text-align:center; color:#353535; margin:0px;}
.guideDlOptions ul li a:link{color:#fff; text-decoration:none;}
.guideDlOptions ul li a:active{color:#fff; text-decoration:none;}
.guideDlOptions ul li a:visited{color:#fff; text-decoration:none;}
.guideDlOptions ul li a:hover{color:#ff0066; text-decoration:underline;}
.guideFilter {
	width: 300px;
	padding: 10px;
	margin-right:20px;
	margin-top:2px;
}
.guideReset{
	margin-left:-8px; 
	margin-top:30px;
}

.filterTop{
	background-image: url(/media/images/public/guideFilterTop.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 270px;
	padding: 10px 10px 0px 30px;
	margin-right:20px;
	margin-top:-10px;
}
.filterTools{
	background-image: url(/media/images/public/guideFilterMiddle.png);
	background-repeat: repeat-y;
	width: 260px;
	padding: 10px 10px 10px 40px;
	margin-right:20px;
	margin-top:-14px;
}
.filterBottom{
	background-image: url(/media/images/public/guideFilterBottom.png);
	background-repeat: no-repeat;
	height: 48px;
	width: 300px;
	padding: 10px;
	margin-right:20px;
}

.filterTools ul{margin:0; padding:0;}
.filterTools ul li{list-style:none; padding:0; margin:0px 0px 0px 10px;}

.dl_ip{padding:5px 9px 8px 10px; background:transparent url(/media/images/public/dl_ip.jpg) no-repeat top left;}
.dl_an{padding:5px 9px 8px 8px; background:transparent url(/media/images/public/dl_an.jpg) no-repeat top left;}
.dl_bb{padding:5px 9px 8px 5px; background:transparent url(/media/images/public/dl_bb.jpg) no-repeat top left;}
	
.cform{margin-top:10px;}
fieldset{border:0px;}
.cform_textarea{border:1px solid #666; width:280px; height:80px;}
.cform_input{width:280px; border:1px solid #666;}
.cform_label{float:none; display:block;}

.message_success{width:280px; margin-left:6px; margin-top:10px; color:#00b119; padding:5px; border:1px solid #00b119; background:#fff;}
.message_fail{width:280px; margin-left:6px; margin-top:10px; color:#fff; padding:5px; border:1px solid #ff0000; background:#ff0066;}

.editor_text {
	width: 320px;
	height:360px;
	float: right;
	margin-bottom: 20px;
}

.nav_sel{background:transparent url(/media/images/public/faq_bubble.png) no-repeat top left; padding:5px;}
.nav_sel a:link{color:#fff; text-decoration:none;}
.nav_sel a:active{color:#fff; text-decoration:none;}
.nav_sel a:visited{color:#fff; text-decoration:none;}
.nav_sel a:hover{color:#fff; text-decoration:none;}

.faq_top{background:transparent url(/media/images/public/faq_top.png) no-repeat bottom left; width:700px; height:14px; margin:0px; padding:0px; position:absolute; z-index:10;}
.faq_block{width:700px; padding:0px; margin:0px; background:transparent url(/media/images/public/faq_mid.png) repeat-y top left;}
.faq_item{margin-bottom:10px; clear:both;}
.faq_left{float:left; width:25px; margin-left:10px; padding-top:10px;}
.faq_right{float:left; width:660px; font-weight:bold; font-size:1.2em; padding-top:10px;}
.faq_right a:link{color:#c3c3c3; text-decoration:none;}
.faq_right a:active{color:#c3c3c3; text-decoration:none;}
.faq_right a:visited{color:#c3c3c3; text-decoration:none;}
.faq_right a:hover{color:#ff0066; text-decoration:none;}
.question_answer{display:none; font-size:.8em; color:#9d9d9d; font-weight:normal; margin-top:10px;}
.question_answer a:link{color:#ff0066; text-decoration:none; font-weight:bold; margin-top:10px; display:block;}
.question_answer a:active{color:#ff0066; text-decoration:none;}
.question_answer a:visited{color:#ff0066; text-decoration:none;}
.question_answer a:hover{color:#c3c3c3; text-decoration:none;}

.faq_list{width:300px;}
.faq_list ul{padding:0px; margin:0px;}
.faq_list ul li{padding:1px 0px 3px 5px; margin:10px 0px 10px 0px; list-style:none;}

.logo_dice{float:left; width:57px; margin-right:10px;}
.logo_guide{float:right; width:354px; margin-bottom:-4px;}
#rotating_tags{width:354px; float:right; color:#fff; text-align:left; font-size:1.3em;}
