@charset "utf-8";
/* CSS Document */

a {
   outline: none;
}


* { margin : 0;}
* { padding: 0;}

A:link {text-decoration: none; color:#fff}
A:visited {text-decoration: none; color:#fff}
A:active {text-decoration: none; color:#fff}
A:hover {text-decoration:none; color:#363b73}

body {
background: url(../urban_walkabout_images/back.png)  repeat-x ;
background-color:#003471;
}

#container { 
position:relative; 
margin : 0 auto 0;
height:auto;
width:793px;
}

#header{ 
margin : 0 auto 0;
width : auto; 
height:245px; 
padding : 0 0; 
}

#comments_fla{position: absolute; right:-31px; top: -16px;}

#flash{position: absolute; left:25px; top: 150px;}

/* removes bullets from top quick navigation */

#top_bar { list-style-type:none;}
#blog_bar { list-style-type:none}
#navigation { list-style-type:none ;}
#nav_bar { list-style-type:none; width:793px;}

/* ................................... */

/* Blogbar*/
#top_bar {
height: 26px; width:793px;
background:url(../urban_walkabout_images/blogbar.png); 
font: 12px Arial, Helvetica, sans-serif ;
list-style-type: none;}

#nt_1 {position:absolute; top:0px; right:158px; height:25px; text-indent:-9999px; }
#nt_1 a { display : block; width : 20px; height:30px;  padding-top : 0px; text-decoration : none; overflow : hidden; }

#nt_2 {position:absolute; top:0px; right:131px; height:25px; text-indent:-9999px; }
#nt_2 a { display : block; width : 22px; height:30px; padding-top : 0px; text-decoration : none; overflow : hidden; }

#nt_3 {position:absolute; top:0px; right:99px; height:25px; text-indent:-9999px; }
#nt_3 a { display : block; width : 28px; height:30px; padding-top : 0px; text-decoration : none; overflow : hidden; }

#nt_4 {position:absolute; top:0px; right:10px; height:25px; text-indent:-9999px; }
#nt_4 a { display : block; width : 85px; height:30px; padding-top : 0px; text-decoration : none; overflow : hidden; }

#nt_5 {position:absolute; top:0px; right:185px; height:25px; text-indent:-9999px; }
#nt_5 a { display : block; width : 22px; height:30px;  padding-top : 0px; text-decoration : none; overflow : hidden; }

/* ................................... */


/* branding and whitespace under nav */
#navigation {position:relative; margin-top:36px; background:url(../urban_walkabout_images/header.jpg) no-repeat; width:793px; height:182px;}
#branding {position:absolute; top:132px; left:42px;  width:720px; height:92px;}

.logo{background: url(../urban_walkabout_images/urban_walkabout_logo.jpg) ;  text-indent:-9999px; float:left; width:160px; height:90px;}
.tagline{ position:absolute; bottom:-2px; right:0px; font-family:Arial, Helvetica, sans-serif;  letter-spacing:0px; font-size:100%; color:#FFFFFF;}
/* ................................... 

div#nav_main {margin : 0 auto 0; height: 40px; width: 95%; margin-top: 3.7px; background-color: #fff;}

div#nav_main ul {margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 25px; padding-bottom:26px; color: #0e0f2e; line-height:0px; white-space: nowrap;}

div#nav_main li { list-style-type: none; display: inline;
}
div#nav_main li a { height: 40px; text-decoration: none; padding: 0.1em .5em ; color: #0e0f2e; }

div#nav_main li a:link {color: #0e0f2e;}

div#nav_main li a:visited {color: #0e0f2e;}

div#nav_main li a:hover { color: #fff;background-color: #0e0f2e;}

li#nm_10 a { border-right: none;}
*/


#nav_main ul{padding-left: 0; margin-left: 17.5px; margin-top:3px; color: #0e0f2e; position:absolute; left:5px; font-size: 13px; width: 100%;font-family: 'Trebuchet MS', Verdana, sans-serif;}

#nav_main ul li { display: inline; }

#nav_main ul li a{ padding: 1.24em .7em; background-color: #fff; color:#373c74 ; text-decoration: none; float: left; border-right: 1px solid #fff; border-top: 1px solid #fff}

#nav_main ul li a:hover{ background-color: #222457;color:#fff; border-top: 1px solid #222457;}




/* main_content */
div#main_content { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#main_content_aff { position:relative; background-color:#fff ; height:2500px; width:auto;}
div#main_content_about { position:relative; background-color:#fff ; height:1800px; width:auto;}
div#main_content_blog { position:relative; background-color:#fff ; height:2500px; width:auto;}
div#main_content_daytours { position:relative; background-color:#fff ; height:1200px; width:auto;}
div#main_content_sowetotours { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#main_content_socialtours { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#main_content_corptours { position:relative; background-color:#fff ; height:1050px; width:auto;}
div#main_content_arttours { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#main_content_shuttle { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#main_content_comments { position:relative; background-color:#fff ; height:1300px; width:auto;}
div#main_content_contact { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#main_content_gallery { position:relative; background-color:#fff ; height:1000px; width:auto;}
div#sub_headers { position:absolute ; right:15px; top: 80px; width: 220px; height: 450px;}

div#footer {position:relative; background-image: url(../urban_walkabout_images/footer.jpg); width:793px; height:64px; margin-bottom:50px;}

.welcome{ position:absolute; top:20px; left:25px; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:-1px;  color:#0e0f2e; font-size:35px;}
.welcome2{ position:absolute; top:550px; left:25px; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:-1px;  color:#0e0f2e; font-size:35px; }

.copy { position:absolute; top: 80px; left:25px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; width:510px;}
.copytours { position:absolute; top: 130px; left:25px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; width:510px;}

.comments { position:absolute; top: 80px; left:25px; width:530px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px;}
.address { position:absolute; top: 600px; left:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:20px; font-size:14px; background-color:#0e0f2e ; padding:15px;}
.details { position:absolute; top: 600px; left:300px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:20px; font-size:14px; background-color:#0e0f2e ; padding:15px;}
.copy2 { position:absolute; top: 160px; left:300px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px;}
.copy3 { position:absolute; top: 420px; left:25px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; width:520px;}


.daytour { position:absolute; top: 280px; left:25px; width:333px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; padding-top: 25px; border-top:solid 1px #0e0f2e; border-bottom: solid 1px #0e0f2e; padding-bottom: 5px; padding-left: 25px ; border-left: solid 1px #0e0f2e; padding-right: 57px; border-right: solid 1px #0e0f2e; background-image:url(../urban_walkabout_images/daytour.png); }

.daytourplus { position:absolute; top: 660px; left:25px; width:369px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; padding-top: 25px; border-top:solid 1px #0e0f2e; border-bottom: solid 1px #0e0f2e; padding-bottom: 25px; padding-left: 25px ; border-left: solid 1px #0e0f2e; padding-right: 21px; border-right: solid 1px #0e0f2e; background-image:url(../urban_walkabout_images/daytourplus.png);}

.socialtour { position:absolute; top: 520px; left:25px; width:460px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; padding-top: 25px; border-top:solid 1px #0e0f2e; border-bottom: solid 1px #0e0f2e; padding-bottom: 25px; padding-left: 25px ; border-left: solid 1px #0e0f2e; padding-right: 21px; border-right: solid 1px #0e0f2e; background-image:url(../urban_walkabout_images/socialtour.png);}

.sowetotour { position:absolute; top: 260px; left:25px; width:333px; font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; padding-top: 25px; border-top:solid 1px #0e0f2e; border-bottom: solid 1px #0e0f2e; padding-bottom: 5px; padding-left: 25px ; border-left: solid 1px #0e0f2e; padding-right: 57px; border-right: solid 1px #0e0f2e; background-image:url(../urban_walkabout_images/sowetotour.png); }

.footer_info {position:absolute ; top:10px; left: 25px; font-weight:lighter; letter-spacing:.5px; font-family: Arial, Helvetica, sans-serif; font-size:80%; color:#fff; }

.email_link {position:absolute ; top:30px; left: 105px; font-weight:lighter; font-family: Arial, Helvetica, sans-serif; font-size:70%; color:#fff; }
.copyright {position:absolute ; top:40px; right: 25px; font-weight:lighter; letter-spacing:.1px; font-family: Arial, Helvetica, sans-serif; font-size:55%; color:#fff; }
.day_tour_h1{text-indent:-9999px;}

div#contact_from { position:absolute; top:180px; left: 25px; border-top:solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; padding-bottom: 0px; padding-left: 10px ; border-left: solid 1px #c2c2c2; padding-right: 10px; border-right: solid 1px #c2c2c2;}

/* ...............1st row of photos in the gallery................ */

ul#batch01{ z-index : 5; position : relative; left:35px; top: 90px; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px;padding : 0; background-image:url(../urban_walkabout_images/batch01.jpg) ; list-style-type:none; text-indent:-9999px; }

li#pic_1 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; }
li#pic_2 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; }
li#pic_3 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; }
li#pic_4 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; }
li#pic_5 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; }

ul#batch01 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; }

/* ............................................................... */

ul#batch02{ z-index : 5; position : relative; left:35px; top: 90px; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px;padding : 0; background-image: url(../urban_walkabout_images/batch02.jpg) ; list-style-type:none; text-indent:-9999px; }

li#pic_6 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; }
li#pic_7 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; }
li#pic_8 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; }
li#pic_9 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; }
li#pic_10 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; }

ul#batch02 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; }

/* ............................................................... */

ul#batch03{ z-index : 5; position : relative; left:35px; top: 90px; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px;padding : 0; background-image: url(../urban_walkabout_images/batch03.jpg) ; list-style-type:none; text-indent:-9999px; }

li#pic_11 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; }
li#pic_12 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; }
li#pic_13 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; }
li#pic_14 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; }
li#pic_15 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; }

ul#batch03 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; }

/* ............................................................... */

ul#batch04{ z-index : 5; position : relative; left:35px; top: 90px; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px;padding : 0; background-image: url(../urban_walkabout_images/batch04.jpg) ; list-style-type:none; text-indent:-9999px; }

li#pic_16 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; }
li#pic_17 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; }
li#pic_18 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; }
li#pic_19 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; }
li#pic_20 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; }

ul#batch04 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; }

/* ............................................................... */

ul#batch05{ z-index : 5; position : relative; left:35px; top: 90px; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px;padding : 0; background-image: url(../urban_walkabout_images/batch05.jpg) ; list-style-type:none; text-indent:-9999px; }

li#pic_21 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; }
li#pic_22 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; }
li#pic_23 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; }
li#pic_24 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; }
li#pic_25 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; }

ul#batch05 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; }

/* ............................................................... */


#cq_01 { z-index:10 ; position:absolute; bottom:140px; left:25px; height:200px; width:100px; text-indent:-9999px; list-style-type:none; }
#cq_01 a { z-index:10 ; display : block; width : 100px; height:200px; padding-top : 0px;  text-decoration: none   ; overflow : hidden; }

#cq_02 {position:absolute; bottom:140px; left:127px; height:200px; width:95px; text-indent:-9999px; 
list-style-type:none; }
#cq_02 a {display : block; width : 95px; height:200px; padding-top : 0px; text-decoration : none; overflow : hidden; }

#cq_03 {position:absolute; bottom:140px; left:226px; height:200px; width:98px; text-indent:-9999px;
list-style-type:none;  }
#cq_03 a {display : block; width : 98px; height:200px; padding-top : 0px; text-decoration : none; overflow : hidden; }

#cq_04 {position:absolute; bottom:140px; left:326px; height:200px; width:100px; text-indent:-9999px; 
list-style-type:none; }
#cq_04 a {display : block; width : 100px; height:200px; padding-top : 0px; text-decoration : none; overflow : hidden; }

#cq_05 {position:absolute; bottom:140px; left:426px; height:200px; width:100px; text-indent:-9999px;
list-style-type:none;  }

#cq_05 a {display : block; width : 100px; height:200px; padding-top : 0px; text-decoration : none; overflow : hidden; }


#sub_nav ul li { display: inline; }
#sub_nav { position:absolute; width: 520px;  display: inline; left: 24px; top: 70px; color:#000; font-size:12px; letter-spacing:0px; }

#sub_nav a { font-family:'Trebuchet MS', Verdana, sans-serif; color:#000; background-color:#3188bd; width:150px; height:23px; text-align:center; margin-left:0px; margin-bottom:5px;}

#sub_nav a:link {color: #fff;}

#sub_nav a:hover{ color:#000; background:#3188bd; }

#sub_nav li a:link {color: #fff;}
#sub_nav li a:hover { color: #fff;background-color: #3188bd;}
#sub_nav ul{ padding-left: 0;  color: #0e0f2e; float: left;  width: 100%;font-family: arial, helvetica, sans-serif;}

#sub_nav ul li a{ padding: 6px 10px; background-color: #3188bd; color:#fff ; text-decoration: none; float: left; border-right: 1px solid #fff; border: 1px solid #fff}

#sub_nav ul li a:hover{ background-color: #003471;color:#fff; border-top: 1px solid #222457;
border-right: 1px solid #fff; border: 1px solid #fff}

#affbox01{ position:absolute; left:25px; top:82px; width:490px; height: auto; padding:10px; border:solid #000 1px;}
.affh1 { margin-bottom:10px; margin-top:25px;  font-family:Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:-1px;  color:#0e0f2e; font-size:25px; width:400px;}
#quickbox01{ position:absolute; left:25px; top:130px; width:490px; height: 150px; padding:10px; border:solid #000 1px;}
#quickbox02{ position:absolute; left:25px; top:310px; width:490px; height: 150px; padding:10px; border:solid #000 1px;}
#quickbox03{ position:absolute; left:25px; top:490px; width:490px; height: 150px; padding:10px; border:solid #000 1px;}

.quickbox_h1 {   font-family:Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:-1px;  color:#0e0f2e; font-size:25px;}

.affcopy{font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; margin-top:5px;  }

.quickboxcopy { font-family:Arial, Helvetica, sans-serif; color:#0e0f2e; line-height:20px; font-size:14px; margin-top:5px;  }

#satib { position:absolute; right:0px; top:-118px; width:116px; height:158px;}

.form{ font-family:Arial, Helvetica, sans-serif; padding-top: 115px; padding-bottom: 25px; padding-left: 27px; padding-right: 295px; text-align:center;}

.fill { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #0e0f2e; padding: 3px; line-height:20px; text-align: right; vertical-align:middle;}
.fill_2 { font-family:Arial, Helvetica, sans-serif; color: #0e0f2e; vertical-align: text-top; padding: 2px; line-height:20px; text-align: right;}
.fill_3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #0e0f2e; vertical-align: top; padding: 3px; line-height:20px; text-align: right;}

table.form_layout th,

table.information th { background-color: #585858; line-height:0px; height:143px; padding-bottom:1px; color:#fff; text-align:left;
padding: 0px; }

table.form_layout td,

table.information td {line-height: 100%; padding: 4px;} 

.next { position:absolute; right:250px; top: 10px; font-size:14px; }

.dpd { width:250px; }

table.table_layout_head tr,

table.information tr { background-color: #9c9c9b; border: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; line-height:26px; height:20px; padding-bottom:1px; color:#fff; text-align:center;
padding: 0px; }

table.table_layout_head td,

table.information td { background-color: #9c9c9b; border: 2px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; line-height:26px; height:20px; padding-bottom:1px; color:#fff; text-align:center;
padding-right:2px; padding-left:2px;}

table.table_layout_price tr,

table.information tr { background-color: #FFFFFF; border-bottom: 1px solid #0e0f2e; line-height:26px; height:20px; padding-bottom:5px; padding-top:4px; color:#9c9c9b; text-align:center;
padding: 0px; }

table.table_layout_price td,

table.information td { background-color: #FFFFFF; border-bottom: 1px solid #0e0f2e; line-height:26px; height:20px; padding-bottom:5px; padding-top:4px; color:#9c9c9b; text-align:center;
padding-right:2px; padding-left:2px;}


.rates_p { font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:20px; font-size:12px; width:520px; }

tr, th, td {
font-family:Arial, Helvetica, sans-serif;
	background: transparent;

	border: 0;

	font-size: 100%;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

table.crc_plate_dimensions th,

table.information th {
font-family:Arial, Helvetica, sans-serif;

    border: 2px solid #ccc;

    background-color: #fff;

    line-height: 160%;
	
	color:#0e0f2e;

    text-align: left;

    padding: 5px;

}

table.crc_plate_dimensions td,

table.information td {

font-size:12px;
font-family:Arial, Helvetica, sans-serif;

    border: 2px solid #ccc;
	
	color: #0e0f2e;

    line-height: 200%;

    padding: 5px;

}

#table_wrap { position:absolute; left:27px; top:80px; width:740px; }

.extra{font-family:Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:-1px;  color:#0e0f2e; font-size:35px;}