/* CSS Document */

/* www.justinroxburgh.com, V. 2.1 */
/* master.css */
/* author: Renato Mattos */


*{
margin:0;
padding:0;
}

body {
color:#fff;
background-color:#fff;
background:#2E2E2E  url('../../assets/images/bckg_header.jpg') no-repeat top center;
font:12px Arial,Helvetica,sans-serif;
text-align:center; /* Centers the page content container in IE 5 browsers. */
}



/* Headings */
h2 {
	color:#8AD9FF;
	padding-top:30px;
	padding-bottom:12px;
	font:normal 18px "Century Gothic",Arial,Helvetica,sans-serif;
	background-color:transparent;
}

h3 {
	color:#8AD9FF;
	padding-top:20px;
	padding-bottom:0px;
	font:normal 14px "Century Gothic",Arial,Helvetica,sans-serif;
	background-color:transparent;
}

h4 {
	color:#8AD9FF;
	padding-top:20px;
	padding-bottom:0px;
	font:normal 14px "Century Gothic",Arial,Helvetica,sans-serif;
	background-color:transparent;
}

/* Links
------------------------------------------------------------------*/
a {outline: none;}

a,a:active,a:visited {
color:#ffffff;
border:0;
text-decoration:none;
background-color:transparent;
}

a:hover {
color:#8AD9FF;
text-decoration:underline;
background-color:transparent;
}


p a,p a:active,p a:visited {
color:#ffffff;
text-decoration:none;
background-color:transparent;
}

p a:hover {
color:#8AD9FF;
text-decoration:underline;
background-color:transparent;
}

.rss ul {
margin-left:0; 
padding-left:0;
list-style-type: none; 
list-style-image: none; 
list-style-position: outside;
}
.rss li a, .rss li a:active, .rss li a:visited {
font:normal 13px "Century Gothic",Arial,Helvetica,sans-serif;
color:#DAE300;
margin-bottom:20px;
text-decoration:none;
background-color:transparent;
}
.rss li a:hover {
color:#DAE300;
text-decoration: underline;
background-color:transparent;
}

/* Layout
------------------------------------------------------------------*/	
#container {
width:960px;
margin:0 auto;
text-align:left; /* Redefines the text alignment defined by the body element. */
}

#header {
width:960px;
height:250px;
float:left;
display:block;
background:#000000;
}

#main{
width:960px;
float:left;
display:block;
background:transparent  url('../../assets/images/bckg_main.gif') repeat;
border-bottom:solid 2px #121212;
}
#main p {
line-height:18px;
padding:7px 0;
}
#main ul {
margin:5px 0 10px 0;
}
#main li {
line-height:18px;
}
#main #sidebar ul {
padding-top:7px;
padding-bottom:7px;
}



#content{
float:left;
width:545px;
min-height:500px;
height:auto !important;
height:500px;
padding:0 35px 20px 40px;
background-color:transparent;
}

#contentWide{
float:left;
width:885px;
min-height:500px;
height:auto !important;
height:500px;
padding:0 35px 20px 40px;
background-image:none !important;
background-color:#202020 !important;
}

#content p a,#content p a:active,#content p a:visited {
color:#ffffff;
text-decoration:none;
border-bottom:1px dotted #ffffff;
background-color:transparent;
}

#content p a:hover {
color:#8AD9FF;
text-decoration:none;
border-bottom:1px solid #8AD9FF;
background-color:transparent;
}

#content .block{
width:312px;
margin:0;
padding:0;
}

#content .block li{
width:545px;
margin:0;
padding:0;
clear:both;
left:0;
top:0;
}

#content .right{
float:right;
margin:0;
padding:35px 0 0 10px;
border:none;
}

#sidebar{
float:right;
width:280px;
background-color:#181818;
margin:0;
padding:20px 30px;
}



/* Header
------------------------------------------------------------------*/
#top_banner {
width:800px;
height:265px;
float:left;
display:block;
background:transparent url('../../assets/images/banner.jpg') 0 0 no-repeat;
}
#logo {
float:left;
margin:10px 0 25px 40px;
}
#logo .img_logo {
width:430px;
height:90px;
text-indent:-9999px;
display:block;
}

#logo h1 {
position: absolute;
left:-2000px;
}


/* Banner */
body#home #banner{
	float:left;
	width: 960px;
	height: 250px;
	float:left;
	display:block;
	background:transparent url('../../assets/images/bckg_banner.jpg') 0 0 no-repeat;
}

body#yourguide #banner{
float:left;
width: 960px;
height: 225px;
float:left;
display:block;
background:transparent url('../../assets/images/banner_02.jpg') 0 0 no-repeat;
}

body#walkingtours #banner{
float:left;
width: 960px;
height: 225px;
float:left;
display:block;
background:transparent url('../../assets/images/banner_03.jpg') 0 0 no-repeat;
}


body#sitevisits #banner{
float:left;
width: 960px;
height: 225px;
float:left;
display:block;
background:transparent url('../../assets/images/banner_04.jpg') 0 0 no-repeat;
}


body#dayvisits #banner{
float:left;
width: 960px;
height: 225px;
float:left;
display:block;
background:transparent url('../../assets/images/banner_05.jpg') 0 0 no-repeat;
}

body#fees #banner{
float:left;
width: 960px;
height: 225px;
float:left;
display:block;
background:transparent url('../../assets/images/banner_06.jpg') 0 0 no-repeat;
}


/* Main menu */
#nav { float:right; margin-top:20px; width:220px; padding: 0; }
#nav li a { width:210px; height:21px; margin:1px 0; padding:6px 0 0 10px; font:400 12px Arial,Helvetica,sans-serif; text-transform:uppercase; }
#nav li a:link, #nav li a:visited, #nav li a:active { background:transparent url(images/bckg_nav.png) 0 0 no-repeat; display:block; color:#fff; } 
#nav li a:hover { background:transparent url('../../assets/images/bckg_nav.png') 0 -27px no-repeat; color:#fff; text-decoration:none; }	
#nav li.current_page_item a { background:transparent url('../../assets/images/bckg_nav.png') 0 -27px no-repeat; display:block; color:#fff; }
#nav li.current_page_item a:hover { background:transparent url('../../assets/images/bckg_nav.png') 0 -27px no-repeat; color:#fff; text-decoration:none; }


#sidebar .testimonials span,
#sidebar .contact span,
#sidebar .sights span{
position: absolute;
left:-2000px;
}

#sidebar .testimonials, 
#sidebar .sights {
margin:20px 0 0 0;
padding-left:40px;
}

#sidebar .testimonials {
background:transparent url('../../assets/images/bckg_testimonial.gif') 0 0 no-repeat;
min-height:240px;
height:auto !important;
height:200px;
}

#sidebar .sights {
background:transparent url('../../assets/images/bckg_londonsights.gif') 0 0 no-repeat;
min-height:280px;
height:auto !important;
height:200px;
}

#sidebar .contact {
background:transparent url('../../assets/images/bckg_comments.gif') 0 0 no-repeat;
margin-bottom:20px;
padding-left:40px;
min-height:250px;
height:auto !important;
height:257px;
}

.contact input,textarea {
font:normal 11px Arial, Helvetica, sans-serif;
width:195px;
background-color:#fff;
border:1px solid #ccc;
padding:4px 3px;
color:#000;}
.contact input[type=text]:focus, textarea:focus {border:1px solid #ccc;}
.contact div {padding-bottom:8px;}
.contact div label {width:230px;}
.contact div input {width:230px;}
.contact div select {width:230px;}
.contact div > select {width:228px;}
.contact div textarea {width:230px;}
.contact input.submit {
width:50px; 
height:25px;
border:1px solid #000; 
color:#000; 
background-color:#66CCFF; 
font-size:11px; 
text-decoration:none; 
cursor:pointer;
}
.contact input.submit:hover {
width:50px; 
height:25px;
border:1px solid #000; 
color:#000; 
background-color:#fff;
}

/* Testimonials
------------------------------------------------------------------*/
.postComments {
color:#666666;
}




/* Footer
------------------------------------------------------------------*/
#footer{
width:935px;
height:70px;
clear:both;
padding:25px 0 0 25px;
color:#ccc;
background-color:#000;
}
#footer p {
font:11px Arial,Helvetica,sans-serif;
padding-bottom:5px;
}
#footer a, 
#footer a:active, 
#footer a:visited {
font:11px Arial,Helvetica,sans-serif;
color:#ccc;
text-decoration:none;
background-color:transparent;
}
#footer a:hover {
color:#fff;
text-decoration: underline;
background-color:transparent;
}

#footer span {
font-size:9px;
padding:0 3px;
}

#footer .links { float:left; }
#footer .copyright { float:left; }
#footer .designed { float:right; padding:15px 25px 0 0; color:#181818; }
#footer .designed a { color:#181818; }


/* HTML elements */
ul,li {
list-style-type: none;
}
/* image styles */
img {
border:0;
}
form {
margin:0;
padding:0;
}

.imgright {
float:right;
margin:10px 0 10px 15px;
}

.imgleft {
float:left;
margin:10px 15px 10px 0;
}

abbr {
border-bottom:1px dotted #666;
cursor:help;
}

.post{
font-style:italic;
}


.top a, .top a:active, .top a:visited {
color:#ffffff;
border:0;
text-decoration:underline;
background-color:transparent;
}

.top a:hover {
color:#8AD9FF;
text-decoration:underline;
background-color:transparent;
}


.spacer_385 {
background:transparent url('../../assets/images/spacer.gif') 0 0 repeat;
height:1px;
width:545px;
margin:20px 0 0 0;
padding:0;
clear:both;
}
.spacer_240 {
background:transparent url('../../assets/images/spacer_240.gif') 0 0 no-repeat;
height:1px;
width:240px;
margin:20px 0 10px 0;
padding:0;
clear:both;
}
.spacer_280 {
background:transparent url('../../assets/images/spacer_280.gif') 0 0 no-repeat;
height:1px;
width:280px;
margin:30px 0;
padding:0;
clear:both;
}

