@charset "utf-8";
/* CSS Document */


body 
{
    background-color:#ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    margin:0px;
}

#header div, #quicklink div, #row-1 div, #row-2 div, #row-4 div, #row-5 div, #footer-home div, #header, #quicklink, #row-1, #row-2, #row-4, #row-5, #footer-home { overflow: hidden; }

a, a:hover, a:active, a:visited
{
    color:#E46B13; outline: none;
}
img{ border: none;}
h1, h2, h3, h4, h6
{
    color:#E46B13;
    margin:0 0 5px 0px;
}
h1{ font-size:24px;}
h2{ font-size:24px;}
h3{ font-size:24px;}
#container
{
 margin:0 auto;
 width:887px;
}
#maincol
{
    width:887px;
    float:left;
}
#header
{
    width:887px;
    height:121px;
    background: url(/App_Themes/Default/images/TopNav/headerbg.png);
	
}
#header #logo
{
    width:100px;
    height:121px;
    text-indent:-1000px;
    float:left;
    background-image:url(/App_Themes/Default/images/rglogo-home.png);
}
#header #topad
{
    width:728px; height:90px; /*background-color:Gray; */margin:0 auto;
}





#header .menucontainer 
{
	margin-top:0px;
    float:right;
	height:22px;
	width:780px;
	
}

#topmenu { border-bottom: 0px solid #333333; height:23px; overflow:hidden;}

#maincol #topmenu { width: 887px; }

.menu ul { margin: 0px; padding: 3px 4px 0 0;  list-style: inside none none; }
.menu ul li { margin-left: 20px; float: left; list-style: inside none none; display: inline; }

.menu ul li a { height:22px; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;display: block; overflow: hidden;  }
.menu ul li a:hover { background-position:left -22px; }

.menu ul li#menu-rgttw, .menu ul li#menu-rga, .menu ul li#menu-rrg, .menu ul li#menu-prg{ float:left;}
.menu ul li#menu-rgttw a { width: 191px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-rgttw.png); }
.menu ul li#menu-rga a { width: 134px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-rga.png); }
.menu ul li#menu-rrg a { width: 143px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-rrg.png); }
.menu ul li#menu-prg a { width: 157px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-prg.png); }


.menu ul li#menu-social{ float:right;text-align:right; width:220px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-followrg.png); background-repeat:no-repeat; margin-left: 0px;}
.menu ul li#menu-social div{ float:right}
.menu ul li#menu-social a { text-indent:0;}

.menu ul li#menu-social ul{ margin: 2px 0 0;padding: 0; float:right; list-style: inside none none;}
.menu ul li#menu-social ul li{ float: left; margin-left:5px; list-style: inside none none; display: inline; }
.menu ul li#menu-social ul li a{ float:left; }
.menu ul li#menu-social ul li img{ border:none; }


#topmenu .menucontainer 
{
    border:solid pink 0px;
	background:url(/App_Themes/Default/images/TopNav/menu-home-roundcorner.png) left top no-repeat;
	height:23px;
	padding-left:11px;
}

#menu { background:url(/App_Themes/Default/images/TopNav/menu-home-bg.png) repeat-x; height:23px; margin:0; padding:0; }
#menu ul { margin: 0px; padding: 4px 4px 0 0;  list-style: inside none none; }
	
#menu ul li { margin-left: 8px; float: left; list-style: inside none none; display: inline; }

#menu ul li a { height: 15px; display: block; position: relative; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; overflow: hidden; }

#menu ul li a:hover { background-position: left -15px; }

#menu ul li#menu-home a { width: 50px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-home.png); }
#menu ul li#menu-dest a { width: 103px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-dest.png); }
#menu ul li#menu-arti a { width: 68px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-arti.png); }
#menu ul li#menu-photo a { width: 107px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-photo.png); }
#menu ul li#menu-travel a { width: 110px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-travel.png); }
#menu ul li#menu-ref a { width: 123px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-ref.png); }
#menu ul li#menu-comm a { width: 92px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-comm.png); }
#menu ul li#menu-down a { width: 90px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-down.png); }
#menu ul li#menu-about a { width: 77px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-about.png); }
#menu ul li#menu-search a { width: 63px; background-image: url(/App_Themes/Default/images/TopNav/menu-home-search.png); }

#menu a{ color:White; text-decoration:none;}


/*
#menucontainer 
{
    width:670px;
    margin-top:7px;
    float:right;
}
#menucontainer #menu
{
    height:25px;
    background-image:url(http://www.roughguides.com/images/others/home/images/menubg.png);
    float:right;
	width: 670px;
}

#menu ul { margin: 0px; padding: 8px 0 0 0; width: 670px; height: 17px; list-style: inside none none; }
	
#menu ul li { margin-left: 14px; float: left; list-style: inside none none; display: inline; }

#menu ul li a { height: 15px; display: block; position: relative; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; }

#menu ul li a:hover { background-position: left -15px; }

#menu ul li#menu-home a { width: 50px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-home.png); }
#menu ul li#menu-dest a { width: 103px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-dest.png); }
#menu ul li#menu-ref a { width: 82px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-ref.png); }
#menu ul li#menu-comm a { width: 92px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-comm.png); }
#menu ul li#menu-shop a { width: 94px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-shop.png); }
#menu ul li#menu-about a { width: 77px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-about.png); }
#menu ul li#menu-search a { width: 63px; background-image: url(http://www.roughguides.com/images/others/home/images/menu-search.png); }



#menu p
{
    float:left; 
    margin:5px auto auto 10px; 
    text-align:left;
    font-family:Verdana;
    color:#FFFFFF;
    text-transform:uppercase;
    font-weight:bold;
    float:left;
}

#menu a{ color:White; text-decoration:none;}
#menu p .menu_arrow
{
    text-indent:-5000px;
    background-image:url(template2/images/home/arrow.png);
    width:10px;
    height:10px;
}*/
#quicklink
{
    background-color:#2ba3ff;
    height:30px;
    width:100%;
    color:#FFFFFF;
 }

.clear
{
    clear:both;
	height: 0;
	overflow:hidden;
	line-height: 0px;
}
#mainbody
{
    width:887px;
}

.row { margin-top: 10px; }

/*   hero  */

ul#slide_control li,
ul#slide_nav li{
    list-style:none;
}

#hero ul#slide_control li{
    list-style: none;
    display: block;
    float:left;
	margin:0;
	padding:0;
	height: 20px;
}
#prev_button, #next_button{
    margin-left: 0px;
}

#slide_control {
	margin: -20px 0 0 523px;
	padding: 0;
    position:absolute;
    z-index:5000;
}

#slide_nav li a:hover, .prev_button, .next_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
outline: none;
}

.prev_button, .next_button {
overflow: hidden;
}

/*-- next & prev buttons --*/

a#next_button {
background: url(http://www.roughguides.com/images/others/home/images/cursors.png) -20px 0 no-repeat;
height: 20px;
width: 20px;
display: block;
position: relative;
text-indent: -9999px;
cursor: pointer;
}
a#next_button:hover {
background-position: -20px -20px;
}

a#prev_button {
background: url(http://www.roughguides.com/images/others/home/images/cursors.png) 0 0 no-repeat;
height: 20px;
width: 20px;
display: block;
position: relative;
text-indent: -9999px;
cursor: pointer;
}

a#prev_button:hover {
background-position: 0 -20px;
}
/*-- end next & prev buttons --*/


#hero { width:563px; height:430px; float:left; background: url(http://www.roughguides.com/images/others/home/images/search-bg.png) repeat-x left bottom; }

#hero ul#portfolio { margin: 0; padding: 0; }

#hero li { margin: 0; padding: 0; list-style: none none inside; height: 430px; }

#hero p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px; background: url(http://www.roughguides.com/images/others/home/images/search-bg.png) repeat-x left bottom; height: 70px; #height: 72px; padding: 5px 10px 0; width: 543px; clear: both; }

#hero p a { font-weight: bold; color: #2ba3ff; text-decoration: none; }

#hero p a:hover { text-decoration: underline; }

#portfolio { height: 430px; }

#slide_nav { display: none; }

/* hero ends */

#rightbtncontainer #search-box { width: 310px; height: 68px; background: url(http://www.roughguides.com/images/others/home/images/search-bg.png) repeat-x center top; padding: 0; }

.sampler-hd { width: 243px; height: 32px; background: url(http://www.roughguides.com/images/others/home/images/sampler-hd.png) no-repeat left top; text-indent: -9999px; float: left; }

p.sampler-link { margin: 0 0 0 10px; width: 232px; float: left; }

p.sampler-link a { font-weight: bold; color: #2ba3ff; text-decoration: none; }

p.sampler-link a:hover { text-decoration: underline; }

#rightbtncontainer #news-box { width: 310px; height: 68px; background: url(http://www.roughguides.com/images/others/home/images/search-bg.png) repeat-x center top; margin: 10px 0; padding: 0; }

.news-hd { width: 310px; height: 32px; background: url(http://www.roughguides.com/images/others/home/images/news-hd.png) no-repeat left top; text-indent: -9999px; }

.news-view { float: left; padding: 6px 0 0 10px; width: 180px; }

.news-view a { font-weight: bold; color: #2ba3ff; text-decoration: none; line-height: 18px; }

.news-view a:hover { text-decoration: underline; }

#row-2 div, #row-4 div { background: url(http://www.roughguides.com/images/others/home/images/promo-bg.png) repeat-x left top; }

#row-2 div div, #row-4 div div, #row-5 div div { background: transparent; }

a.pg-button { float: right; width: 136px; height: 32px; display: block; text-indent: -9999px; position: relative; background:url(http://www.roughguides.com/images/others/home/images/pg-button.png) left top no-repeat; }

a.pg-button:hover { background-position:  left -32px; }

#row-5 div { background: url(http://www.roughguides.com/images/others/home/images/dest-bg.png) repeat-x left top; }

#row-3 .partners-promo  { width: 277px; height: 395px; float: left; border: none; background: none; }

#row-3 .promo-centre  { width: 275px; height: 393px; float: left; background: none; }

#row-3 .promo-right { width: 310px; height: 393px; float: right; background: url(http://www.roughguides.com/images/others/home/images/promo-bg.png) repeat-x left bottom; }

#row-3 .dest-thumbs { background-color: #000; height: 153px; }

#row-3 .promo-right .dest-images { width: 300px; padding: 0 5px; }

#row-3 .promo-right .dest-images a { width: 48px; padding: 6px; height: 48px; background: url(http://www.roughguides.com/images/others/home/images/destthumbs-bg.png) no-repeat left top; float: left; display: inline; position: relative; }

#row-3 .promo-right .dest-images a img { width: 48px; height: 48px; }

.partners-promo { width: 275px; height: 277px; float: left; }

.partners-promo h3 { width: 194px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/sampler-hd-jan11.png) no-repeat left top; text-indent: -9999px; float: left; margin: 0; }

#row-2 div div, #row-4 div div { clear: both; margin: 0 10px; text-align: center; }

#row-2 div div p, #row-4 div div p, #row-3 .promo-right p { text-align: left; clear: both; line-height: 18px; color: #333333; }

#row-4 .promo-centre p { margin: 0px; }

#row-2 div div { margin: 0; }

#row-3 .promo-right p { margin: 0 10px; padding-top: 10px; }

#row-2 .partners-promo p { margin: 0 10px 0px; line-height: 18px; clear: both; color: #333; }

#row-2 .partners-promo ul, #row-2 .partners-promo li { color: #333; line-height: 18px; margin: 0; padding: 0; list-style: outside disc; }

#row-2 .partners-promo ul { margin: 0 10px 5px 20px; }

 #row-2 .partners-promo li { margin: 0 0 0 5px; }

#row-2 .partners-promo ul li a { color: #2ba3ff; text-decoration: none; }

#row-2 .partners-promo ul li a:hover { color: #2ba3ff; text-decoration: underline; }

#row-2 .partners-promo p a.lead { color: #2ba3ff; text-decoration: none; }

#row-2 .partners-promo p a.lead:hover { color: #2ba3ff; text-decoration: underline; }

#row-2 div div p a, #row-4 div div p a, #row-3 .promo-right p a { color: #2ba3ff; font-weight: bold; text-decoration: none; }

#row-2 div div p a:hover, #row-4 div div p a:hover, #row-3 .promo-right p a:hover { color: #2ba3ff; font-weight: bold; text-decoration: underline; }

.promo-centre { width: 275px; height: 277px; float: left; margin-left: 11px; }


.promo-right { width: 310px; height: 277px; float: right; }

#row-4 .partners-promo h3 { width: 188px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/spotlights-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 0; }

#row-4 .promo-centre h3 { width: 170px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/ref-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 0; }

#row-4 .partners-promo div { margin: 0; }

#row-4 .partners-promo p { margin-left: 10px; }

#row-4 .partners-promo .region { width: 91px; text-align: center; float: left; margin: 0; clear: none; }

#row-4 .partners-promo .region a { text-decoration: none; font-size: 12px; font-weight: bold; color: #333333; }

#row-4 .partners-promo .region a:hover { text-decoration: none; font-size: 12px; font-weight: bold; color: #2BA3FF; }

#row-4 .promo-right h3 { width: 235px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/appeal-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 0; }

#books-box { width: 563px; height: 138px; float: left; }

#books-box h3 { width: 205px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/guides-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 0; }

#books-box .guides { clear: both; margin-left: 23px; }
 
#books-box .guides a { float:left; }

#dest-box { width: 310px; height: 138px; float: right; }

#dest-box h3, #row-2 .promo-right h3 { width: 220px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/dest-hd.png) no-repeat left top; text-indent: -9999px; float: left; }

#dest-box .dest-list, #row-2 .promo-right .dest-list { clear: both; }

.dest-list .column { width:100px; float: left !important; margin-left: 20px !important; clear: none !important; }

.dest-list .column ul { margin: 0; padding: 0; list-style-position: inside; }

.dest-list .column ul li { list-style-type: disc; color: #2d3b68; margin-bottom: 3px; text-align: left !important; }

.dest-list .column ul li a { color:#4BA4D8; text-decoration: none; }

.dest-list .column ul li a:hover { color:#4BA4D8; text-decoration: underline; }

#rightbtncontainer { width:312px; height:432px; float:right; }

#rightbtncontainer .boxborder { background: url(http://www.roughguides.com/images/others/home/images/advertisement.gif) bottom center no-repeat #d7e7f4; padding: 4px 4px 14px 4px; height: 252px; }

#rightbtncontainer #search-box img, #rightbtncontainer #news-box img { border: none; }

#rightbtncontainer .boxborder table { border: 1px solid #2d3b68; }

#rightbtncontainer .boxborder table table { border: none; }

#footer-links { width: 565px; height: 123px; background: url(http://www.roughguides.com/images/others/home/images/footer-bg-wide.png) no-repeat left top; float: left; }

#footer-social { width: 312px; height: 123px; background: url(http://www.roughguides.com/images/others/home/images/footer-bg-small.png) no-repeat left top; float: right; }

#footer_home { margin: 10px 0; }

#footer-links h3 { width: 310px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/footer-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 1px 0 0 1px; }

#footer_home .columns { clear: both; margin-left: 30px; }

#footer_home .column
{
    width:170px;
    float:left;
}

#footer_home .column p
{
    list-style:none none inside;
    font-size:12px;
    margin: 0 0 5px 0;
}

#footer_home .column a { color: #4ba4d8; text-decoration: none; }

#footer_home .column a:hover { text-decoration: underline; }

#footer-social h3 { width: 115px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/social-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 1px 0 0 1px; }

#footer-social .buttons { clear: left; margin: 0 7px; text-align: center; width: 144px; float:left; }

#footer-social .buttons a {  }

#footer-social .award { float: right; margin: 7px 7px 0 0; display: inline; }

#footer-social .buttons .twitter {  }

#footer-social .buttons .youtube { float: none; margin: 0 auto; }



#copyright { margin-top: 10px; clear: both; }

hr { margin-top: 0; }

.topleftbtn
{
    width:280px;
    height:142px;
    /*background-color:#8CE3D6;*/
    float:left;
}
.toplefttable1
{
   
    /*background-color:#8CE3D6;*/
  
   color:#FFFFFF !important;
    font-size:18px !important;
     margin:5px 0 0 5px;
   
}
.boxheader
{
    background-color:#4BA4D8;
    width:100%;
    height:35px;
}
.boxheader h3
{ 
    color:#FFFFFF !important;
    font-size:18px !important;
    display:block;
    margin:5px 0 0 10px;
}
.boxtext
{
    width:95%;
    margin:10px auto;
    margin-bottom:10px;
}
.boxborder
{
    border:solid 1px #d7e7f4;
}



.orange
{
    color:#E46B13 !important;
}

#twitter-holder { background: url(http://www.roughguides.com/images/others/home/images/twitter-bg.png) repeat-x left bottom; height: 393px; width: 275px; }

#twitter-holder h3 { width: 275px; height: 35px; background: url(http://www.roughguides.com/images/others/home/images/twitter-hd.png) no-repeat left top; text-indent: -9999px; float: left; margin: 0 0 10px; }

#twitter .post { clear: both; margin-bottom: 20px; }

#twitter p { color: #333; margin: 0 10px; padding-left:20px; background: url(http://www.roughguides.com/images/others/home/images/twitter-bullet.png) no-repeat left top; clear: both; }

#twitter em { color: #999; clear: both; margin: 0 10px 0 30px; font-style: normal; font-size: 10px; }

#twitter-holder a { color: #2ba3ff; font-weight: bold; text-decoration: none; }

#twitter-holder a:hover { text-decoration: underline; }

#twitter { height: 313px; clear: both; }

#twitter-footer { height: 35px; width: 275px; }

#twitter-footer a.logo { float: left; width: 117px; }

#twitter-footer a.link { float: right; padding-top:10px; width: 148px; margin-right: 10px; text-align: right; }

#row-1 #hero .appeal { clear: both; padding-left: 45px; height: 101px; background-color: #fff; }

#row-1 #hero .appeal a { width: 210px; margin-left: 25px; float: left; }
