/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; } 

/* list style */

#list ul li { background: #000 url("../img/arrow_list.gif") 30px 20px no-repeat; padding-left: 60px; padding-top: 20px; height: 20px;}


/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* END RESET */

/* the below restores some sensible defaults */
strong {font-weight: bold;}
em {font-style: italic;}
* a {position: relative;} /*Gets links to display over a PNG background */
a img {border:none;} /*Gets rid of IE's blue border */





/* ADD A PNG FIX FOR BAD OLD IE6 . . . */

img, div { behavior: url("iepngfix.htc") }




/* COLOURS 

dark grey : #4D4D4D

light grey : #CCCCCC

orange : #FF6600

*/






/* BASE
-------------------------------------------------------------- */

body { font: 13px/16px Arial, Helvetica, sans-serif;  color:#FFF; background-color: #2D2D2D; }

/* links */
a {color: #FFF;  text-decoration: none;}
a:hover {color: #FF6600;}




/* STRUCTURE
-------------------------------------------------------------- */

#page-wrap { width:1000px; margin: 0px auto; background-color: #000; padding-bottom: 20px;}
#tours {background-color: #000;}


#header { height:60px; border-bottom: 2px solid #FFF; margin-bottom: 10px;}

#content {width: 960px; margin: 0px auto;}


#menu-column {float:left; width: 205px;}
#centre-column {float:left; width: 550px;}

#news-column {float:right; width: 205px; background: url(../img/news_col_bg.gif) 0 bottom; background-repeat: no-repeat; }


#footer {position:relative; width: 960px; margin: 0px auto; padding: 40px 0 0 0; font-size: 11px; line-height: 13px;}
 
#footer-home {position:relative; width: 960px; margin: 0px auto; padding: 10px 0 0 0; font-size: 11px; line-height: 13px;}	

/* FLASH AREA
-------------------------------------------------------------- */
#centre-column-flash {float:left; width: 575px; background-color: #000;}

#menu-column-flash {float:left; width: 180px;}



/* HEADER RULES
-------------------------------------------------------------- */	

h1#ident { float: left; width:285px; height: 20px;  background: url(../img/ident.gif) 0 0; background-repeat: no-repeat; text-indent: -9999px; margin-top: 20px;}							  
form#searchform	{ float: right; margin: 20px 0 0 0;}
#cse-search-box {float: right; padding-top: 15px; }


/* CONTENT RULES
-------------------------------------------------------------- */

/* title area */
#title { height: 60px; border-bottom: 1px solid #FFF;  width: 525px;}
#title img { float: left; display: inline; margin-top: -5px;}

/* heading */
#heading { border-bottom: 1px solid #FFF; padding: 16px 0 0 0; margin-bottom: 16px; width: 525px;}
#heading2 { padding: 16px 0 0 0; margin-bottom: 16px; width: 525px;}

#heading h1 { font-size: 16px; line-height: 20px; font-weight: normal; padding-bottom: 16px;}
#heading p {padding-bottom: 16px;}

#heading.no-rule {border-bottom: none;}


/* more / back links */

.more-button { float:left; display: inline; height: 20px; background: url(../img/more_bg.gif) right 0; background-repeat: no-repeat; }
.more-button2 { float:left; display: inline; height: 20px; }

.more-button p {line-height: 20px; padding: 0 10px 0 25px;}
.more-button2 p {line-height: 20px; padding: 0 10px 0 25px;}

.more-plus {float: left; display: inline;}

/* back to top link */

.backtotop { float: left; display: inline; background: url("../img/arrow_top.gif"); background-repeat: no-repeat; padding-left: 27px; padding-top: 2px;}



/* NEWS COLUMN RULES
-------------------------------------------------------------- */

.news-corners {width: 205px; height: 12px; background: url(../img/news_col_top.gif) 0 0; background-repeat: no-repeat; }

#news-inner {padding: 0 10px 12px 10px; }

.news-item { margin-bottom: 10px; border-bottom: 1px solid #FF6600; padding-bottom: 10px;}

.news-caption {text-align: center; padding-top: 5px; font-size: 11px;}

.sub-news-caption {text-align: center; padding-top: 5px; font-size: 9px;}

.news-last {border-bottom: none; margin-bottom: 0px;}

.news-arrow {margin-bottom: 10px;}



/* STUDIO RULES
-------------------------------------------------------------- */

.studio-thumb { float: left; display:inline; margin-right: 25px; margin-bottom: 25px;}

.studio-thumb p {padding-top: 6px; width: 250px;}


/* POST PRODUCTION RULES
-------------------------------------------------------------- */

.post-thumb { float: left; display:inline; margin-right: 15px; margin-top: 15px;}

.post-thumb p {font-size:11px; padding-top: 6px;}

#heading .orange-header {color: #FF6600; padding-bottom: 0px; padding-top: 15px;}

/* WHERE WE ARE RULES
-------------------------------------------------------------- */

.map {
	float: right;
	padding: 5px 25px 0px 50px;

}

/* FOOTER RULES
-------------------------------------------------------------- */	

.disclaimer {position: absolute; right: 0; bottom: 3px; color: #4D4D4D;}

.disclaimer a {color: #4D4D4D;}

.disclaimer a:hover {color: #FF6600;}


/* NEWS PAGE RULES
-------------------------------------------------------------- */	

/* for news detail page */
.news p {padding-bottom: 16px; padding-right: 25px;}

/* news item listing */
.news-post { border-bottom: 1px solid #FFF; padding: 16px 0 16px 0;  width: 525px;}
.news-post p { padding-left: 180px;}
.news-date {padding-bottom: 16px;}
.news-post img {float: left; }

.news-post p.orange-title { color: #FF6600; padding-bottom: 0px; }
.news-post p.orange-title a { color: #FF6600; padding-bottom: 0px; text-decoration: none; }
.news-post p.orange-title a:hover { color: #FF6600; padding-bottom: 0px; text-decoration: underline; }
.news-post p a { color: #ffffff; padding-bottom: 0px; text-decoration: underline; }
.news-post p a:hover { color: #ff6600; padding-bottom: 0px; text-decoration: underline; }



/* MENU RULES
-------------------------------------------------------------- */

#main-menu { width: 179px;}
 
#main-menu h3 {font-size: 13px; line-height: 17px; font-weight: normal;}
 
#main-menu h3 a { cursor: pointer; text-decoration: none; color: #FFF; display:block; background: url(../img/menu_bg.gif) 0 0; background-repeat: no-repeat; height: 20px; padding: 0 0 0 9px;}

#main-menu h3 a:hover{ cursor: pointer; text-decoration: none; color: #FFF; display:block; background-position: 0 -20px;}
 

.accordion { cursor: pointer; color: #999; font-size: 11px; line-height:17px; }

.accordion a { cursor: pointer; text-decoration: none; color: #4D4D4D; display:block; background: url(../img/menu_sub_bg.gif) right 0; background-repeat: no-repeat; height: 20px; padding: 0 0 0 20px;}

.accordion a:hover{ cursor: pointer; text-decoration: none; color: #FFF; display:block; background-position: right -20px;}


/* selected menu options */

.accordion a.selected {background-position: right -20px; color: #FFF;}

#main-menu h3 a.selected {background-position: right -20px;}



/* UTILITY

-------------------------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
/*.button { border: 1px solid #999; background: #FFF; padding: 3px 8px; 
								  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #999; }
.button:hover { background: #CCC; color: #FFF;} */



/* CLEARING FLOATS

-------------------------------------------------------------- */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

#content:after, .news-post:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content, .news-post {display: block;}

.clearfix {width:525px; height: 36px; clear:both;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* GOOGLE SEARCH RESULTS

------------------------------------------------------------------ */

#cse-search-results
{
	width: 500px;

}

/* SHARE
------------------------------------------------------------------- */

.thumb {
	display:none;
}

#sharebox {
	width: 500px;
	border-width: 1px;
	border-color: #f60;
	border-style: dashed;
	padding: 10px 0px 10px 10px;
	
}

.bookmark {
	line-height: 4px; 
}

.share {
	color:#fff;
	font-size: 10px;	
}

.share li {
	display:inline;
	margin-right: 20px;
}

.share a {color: #fff;  text-decoration: none;}
.share a:hover {color: #FF6600; text-decoration: none;}