/*

Theme Name: Graphene

Theme URI: http://www.khairul-syahir.com/wordpress-dev/graphene-theme

Description: The Graphene theme for WordPress is a stylish, neat, and tight WordPress theme supporting configurable columns layout options and 4 widget areas, with the ability to determine the number of columns to display in the footer widget area. It includes a buckload of action hooks for greater customisability through child theme, and a jQuery slider for your featured posts. It has built-in Twitter widget, allows for customisable colours, header and background through the WordPress admin, built-in AdSense placement and social sharing buttons, supports custom menu with drop-down navigation, and threaded comments of up to 10 levels deep! You can hide post parameters, show post author's gravatar, use different widgets for the front page than the rest of the website, and specify font styles for header and content texts. The codes are written so that you can easily override or add functionality to the theme by using your own child theme without altering the parent theme's code. Seriously, there's too many features for this theme to describe them all here! This theme has been tested and confirmed compatible with IE7 and above, Mozilla Firefox, Google Chrome, Opera, and Safari. The theme currently has been translated into 20 languages, and fully supports right-to-left languages. See the <a href="http://www.khairul-syahir.com/wordpress-dev/graphene-theme#changelog">theme's changelog</a>.

Version: 1.4.1

Author: Syahir Hakim

Author URI: http://www.khairul-syahir.com

Tags: black, blue, white, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, rtl-language-support, post-formats, featured-image-header, featured-images, full-width-template, microformats

License: GNU General Public License, v2 (or newer)

License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



/* =Non-classed HTML elements

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



body {
	color: #2c2b2b;
	font: normal 12px arial;
	line-height: 18px;
	background-attachment: fixed;
	background-color: #000;
/*	background-image: url(http://113.20.1.175/%7Ebackpack/images/bg.jpg);
*/	background-repeat: no-repeat;
	background-position: center top;
	background-width: 100%;
	background-height:100%;
	width: 100%;
            }



/* =Container elements

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



.bg-gradient {

	background: url(../images/bg-gradient.png) left bottom repeat-x fixed;

	position: relative;

	width: 100%;

	height: 100%;

	padding-bottom: 1px;

}

#container {

	-webkit-box-shadow: 0 0 10px #000;

	box-shadow: 0 0 10px #000;

	margin: 0 auto;

	width: 960px;
	background: #FFF;

}





/* =Header

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



#top-bar {

	background: url(../images/sprite_h.png) left -196px repeat-x #313130;

	border-bottom:1px solid #222;

	height: 54px;

	position: relative;

	z-index: 10;

}

#rss{

	padding: 13px 0 0 23px;

	float: left;

}

#rss a {

	background: url(../images/sprite_master.png) left top no-repeat;

	float: left;

	width: 32px;

	height: 32px;

	margin-right: 10px;

}

#rss span {

	display: none;

}

#rss a.twitter_link{

	background-position: left -414px;

}

#rss a.facebook_link{

	background-position: -69px -414px;

}

#top_search {

	float: right;

	margin-top: 15px;

	width: 210px;

}

#top_search input {

	background: url(../images/sprite_master.png) -69px top no-repeat #ffffff;

	border: none;

	color: gray;

	float: left;

	padding: 3px 7px 2px 5px;

	width: 148px;

	height: 17px;

}

#top_search button {

	background: url(../images/sprite_master.png) -38px top no-repeat;

	border: 0;

	cursor: pointer;

	display: block;

	float: left;

	margin-left: 10px;

	width: 23px;

	height: 23px;

}

#top_search button span {

	display: none;

}

#nav #top_search {

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -12px;

}

#header {

	background-position: center top;

	background-repeat: no-repeat;

	border-top:1px solid #000;

	height: 250px;

	width: 100%;

	position: relative;
	margin: 0;

}

.header_title {

	font: bold 28px "Trebuchet MS";

	position: relative;

	left: 38px;

	top: 80px;

	width: 852px;

}

.header_title a,

.header_title a:visited {

	text-decoration: none;

}

.header_desc {

	font-size: 18px;

	border-bottom: none;

	color: #000;

	position: relative;

	top: 80px;

	left: 38px;

	width: 852px;

}

#header_img_link {

	display: block;

	position: absolute;

	text-decoration: none;

	width: 960px;

	height: 250px;

}

#header .sidebar-wrap {

	position: absolute;

	z-index: 1000;

}

.sidebar-wrap #searchsubmit {

	float: right;

	margin-top: 10px;

}

.sidebar-wrap #s {

	width: 160px;

}





/* =Navigation

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



#nav {

	position: relative;

}

/* Son of Suckerfish - what makes it tick */

#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	z-index: 100;

}



#nav a {

	display: block;

}



#nav li {

	float: left;

}

#nav li ul {

	position: absolute;

	width: 200px;

	left: -999em;

}



#nav li:hover ul {

	left: auto;

}

#header-menu li ul ul {

	margin: -34px 0 0 200px;

}

#secondary-menu li ul ul {

	margin: -29px 0 0 200px;

}

#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none; 

	line-height: 1;

}

#nav li:hover ul ul,

#nav li:hover ul ul ul,

#nav li:hover ul ul ul ul,

#nav li:hover ul ul ul ul ul {

	left: -999em;

}

#nav li:hover ul, 

#nav li li:hover ul,

#nav li li li:hover ul,

#nav li li li li:hover ul {

	left: auto;

}



/* What gives our menus style */

#nav .menu {

	width: 100%;

}

.menu-bottom-shadow{

	background: url(../images/sprite_h.png) left top repeat-x #eee;

	height: 3px;

	width: 100%;

}

#nav .menu li:hover{

	position: static;

}

#nav .menu ul {

	box-shadow: 0 1px 2px #555;

}



/* Top level header menu, default state */

#header-menu-wrap{

	position: relative;	

}

#header-menu {

	background: url(../images/sprite_h.png) left -3px repeat-x #101010;
	height: 35px;
}

#header-menu > li {

	font: normal 14px arial;

	margin: 0 2px;

}

#header-menu > li:first-child {

	margin-left: 10px;

}

#header-menu > li > a {

	color: #fff;

	line-height: 16px;

	padding: 9px 10px 10px;
	text-decoration: none;

}

#header-menu > li > a > span {

	display: block;

	font-size: 11px;

	color: #aaa;

}

#header-menu > li.menu-item-ancestor > a {

	background: url(../images/sprite_master.png) -877px -236px no-repeat transparent;

	padding-left: 26px;

}



/* Top level header menu, hover and current state */

#header-menu > li:hover,

#header-menu > li.current-menu-item,

#header-menu > li.current-menu-ancestor {

	background: url(../images/sprite_h.png) left -100px repeat-x #eee;

}

#header-menu > li:hover > a,

#header-menu > li.current-menu-item > a,

#header-menu > li.current-menu-ancestor > a {

	color: #000;

}

#header-menu > li:hover > a > span,

#header-menu > li.current-menu-item > a > span,

#header-menu > li.current-menu-ancestor > a > span {

	color: #484848;

}

#header-menu > li.menu-item-ancestor:hover > a,

#header-menu > li.current-menu-item > a,

#header-menu > li.current-menu-ancestor > a {

	background-position: -877px -192px;

}



/* Sub level header menu, default state */

#header-menu ul li a {

	color: #000;

	padding: 10px;

	width: 180px;

}

#header-menu ul li {

	background: url(../images/sprite_h.png) left -377px repeat-x #dfdfdf;

}

#header-menu ul li.menu-item-ancestor > a {

	background: url(../images/sprite_master.png) -652px -194px no-repeat transparent;

	padding-right: 25px;

	width: 165px;

}



/* Sub level header menu, hover and current state */

#header-menu ul li:hover,

#header-menu ul li.current-menu-item,

#header-menu ul li.current-menu-ancestor {

	background-position: left -456px;

	background-color: #212121;

}

#header-menu ul li:hover > a,

#header-menu ul li.current-menu-item > a,

#header-menu ul li.current-menu-ancestor > a {

	color: #fff;

}

#header-menu ul li.menu-item-ancestor:hover > a,

#header-menu ul li.current-menu-item > a,

#header-menu ul li.current-menu-ancestor > a {

	background-position: -652px -238px;

}




/* =Footer

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



body #footer {
	border-top: 1px solid #d5d5d5;
	padding: 50px 0 20px;
	margin: 0;
	min-height: 100px;
	color: #999;
	background-color: #111;
	background-image: url(../images/footback.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	overflow: hidden;
}

#footer a,

#footer a:visited {

	color: #fff;

	text-decoration: none;

}

#footer a:hover {

	border-bottom: 1px dotted #fff;

}

.footer-menu-wrap{

	font-size: 14px;

    float: right;

    margin-right: 20px;

}

.footer-menu-wrap li{

	display: inline-block;

	*display: inline;

	zoom: 1;

	padding-left: 10px;

	margin-left: 10px;

    vertical-align: top;

}

.footer-menu-wrap a, 

.footer-menu-wrap a:visited {

	color: #fff;

}

.footer-menu-wrap ul.sub-menu {

    margin-top: 5px;

	padding-left: 5px;

	border-left: 1px solid #222;

    list-style: none;

}



.footer-menu-wrap ul.sub-menu li {

    display: block;

    font-size: 12px;

	line-height: 18px;

    border: none;

    margin: 0;

    padding: 0;

}

#footer-menu .sub-menu li a,

#footer-menu .sub-menu li a:visited {

	color: #ccc;

}

#developer {

    text-align: right;

    clear: right;

    padding: 20px 20px 0 20px;

	float: right;

}

#developer p {
	font-size: 12px;
	line-height: 18px;
}

/***** OVERRIDES *****/

#constrain {
	font-size: 16px;
	clear: both;
	color: #000;
	line-height: 1.125em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 0;
	background: none transparent !important;
	position: relative;
	left: -16px;
}


#content .h1-wrapper {
	background:url("/templates/1581/images/g-blue-m.gif") repeat-x scroll 0 50% transparent;
}
#content h1 {
	background:url("/templates/1581/images/g-blue-tl.gif") no-repeat scroll left top transparent;
}

.tour {
	background:url("/templates/1581/images/i-bg-bookingform.gif") repeat-y scroll 0 0 #FFF;
}

.tour {
	border-top:1px solid #042a57;
}

.Box .title {
background-color:#042a57;
color:#FFF;
}

.booking-total {
background:url("/templates/1581/images/i-bg-bookingform-total.gif") repeat-y scroll 0 0 #042a57;
}

.Box .value-title {
background-color:#042a57;
}

.Box .value-title div {
	color: #FFF;
}