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

	DEFINITIONS:	PYB Masterpage
	AUTHOR:			Richard Shepherd
	VERSION:		06.04.2010
	
	CONTENTS:
		
	1. 				Global & Typography
	-1.2 			 Wrapper
	2.				Header
	-2.1 			 Navigation
	3. 				Main Content
	-3.1 			 Navigation
	4. 				Footer

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


/*-------------------------------------------------------------------------------------------*/
/* 1. Global & Typography */
/*-------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'PT-Sans'; 
	src: url('../fonts/pt_sans-webfont.eot'); 
	src: local('PT-Sans'), url('../fonts/pt_sans-webfont.woff') format('woff'), url('../fonts/pt_sans-webfont.ttf') format('truetype'), url('../fonts/pt_sans-webfont.svg#webfont9uIsh0al') format('svg'); 
	font-style: normal;
	}
@font-face { 
	font-family: 'PT-SansBold'; 
	src: url('../fonts/pt_sans_bold-webfont.eot'); 
	src: local('PT-Sans'), url('../fonts/pt_sans_bold-webfont.woff') format('woff'), url('../fonts/pt_sans_bold-webfont.ttf') format('truetype'), url('../fonts/pt_sans_bold-webfont.svg#webfont9uIsh0al') format('svg'); 
	font-style: normal;
	}
body { background-image:url(http://www.packyourbags.com/shared/images/dest-bckgd.jpg); font-family:Arial, Helvetica, sans-serif; background-color: #f8eee5; font-size: 12px; line-height: 1.5em; background-repeat:no-repeat; }

h1 { font-size: 24px; margin: 20px 0 10px 0; }
h2 { font-size: 18px; margin: 10px 0 5px 0; }
h3 { font-size: 16px; margin: 10px 0 5px 0; }

a:link, a:visited { position: relative; color: #eb3d1b; text-decoration: underline;}
a:hover { text-decoration:none; }
a:active { top:1px; left: 1px; outline: none; }
strong { font-weight: bold; }
p {margin: 10px 0 5px 0; }

.clear { clear: both; }
.spacer30 { clear:both; display:block; height: 30px; }
.rfloat { float: right; }
.lfloat { float: left; }
.orange { color: #eb3d1b; }

a.button { background: transparent url('../../images/Hotels/HomePage/bg_button_a.png') no-repeat scroll top right; color: #333 !important; display: block; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none !important; text-shadow: 1px 1px 1px #fff; margin: 0; }
a.button span { background: transparent url('../../images/Hotels/HomePage/bg_button_span.png') no-repeat; display: block; line-height: 14px; padding: 5px 1px 5px 17px; } 
a.button:active { background-position: bottom right; color: #000; outline: none; top: 0 !important; left: 0 !important;  }
a.button:active span { background-position: bottom left; padding: 6px 0px 4px 18px; } 
.button.rfloat { float: right; }
.button.lfloat { float: left; }

a.button-orange { background: transparent url('../../images/Hotels/HomePage/bg_button_a_orange.png') no-repeat scroll top right; color: #f7f7f7 !important; display: block; height: 24px; margin: 0; padding-right: 18px; text-decoration: none !important;  font-size: 14px; }
a.button-orange span { background: transparent url('../../images/Hotels/HomePage/bg_button_span_orange.png') no-repeat; display: block; line-height: 14px; padding: 5px 1px 5px 17px; }
a.button-orange:active { background-position: bottom right; outline: none; top: 0 !important; left: 0 !important; }
a.button-orange:active span { background-position: bottom left; padding: 6px 0px 4px 18px; } 
.button-orange.rfloat { float: right; }
.button-orange.lfloat { float: left; }
/* 1.2 Wrapper */
#wrapper { width: 960px; margin: 0 auto; background-color:#FFF;}

.left_div{ float:left; }
.left_div_logo{float:left; padding-left:10px;}
.footer-logo.thawte { margin-right: 30px; float: left; }
.footer-logo { float: left; }
.footer-logo.callnow { float: right; margin-top: 5px;}



/*-------------------------------------------------------------------------------------------*/
/* 2. Header */
/*-------------------------------------------------------------------------------------------*/

#small-header { float: left; height: 16px; background-color: #a6d5f1; width: 960px; }
#logos { float:left; height: 100px; background-color: #c7ebff; width: 960px; background-image:url(../images/white-gradient-100px.png); background-repeat:repeat-x; }
#pyblogo { margin-top: -20px; float:left; display:block; }
#flip-flops { margin-top: -9px; margin-left: 35px; display:block; float:left; }
#call-now { width: 271px; height: 89px; background-image:url(/images/call-now-master.png); float:right; margin: 5px 10px 0 0; }
#call-now span{ display:none; }

/* 2.1 Navigation */
#navigation { float:left; height: 40px; width: 960px; background-image:url(../images/nav-background.png); background-repeat:repeat-x; }
#navigation ul { margin-left: 10px; }
#navigation ul li { float:left;	padding: 4px 20px; margin: 3px 10px 0 0; display:block; }
#navigation ul li:hover { background-image:url(/images/nav-over.png); background-repeat:repeat-x; background-position: bottom; }
#navigation ul li a { text-decoration:none; color: #fff; text-shadow: 1px 0px 1px #333; font-size: 14px; }

#master-blue-section { background-color: #eff8fa; padding: 20px; overflow:hidden; height:50px; }




/*-------------------------------------------------------------------------------------------*/
/* 3. Main Content */
/*-------------------------------------------------------------------------------------------*/

#main-content { width: 680px; padding: 0 20px 20px 20px; float:left; }

/* 3.1 Sidebar */
#sidebar { width: 240px; float:left; }
	

div.sociable { 
	margin: 0 0 0 0px; 
	float:left; 
	padding: 10px 0 0 0;
}

.row_spacer{
	clear:both;
	height:25px;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. Footer */
/*-------------------------------------------------------------------------------------------*/
#pre-footer { padding: 0 0 0 10px; background-image:url(../images/cardsnPhone.png); background-position:bottom right; background-repeat:no-repeat; margin: 0 0 0 0; padding-top:10px; }
#pre-footer img, .addthis_default_style { float: left; display:block; }
#pre-footer .addthis_default_style { margin: 10px 0 0 50px; }
#pre-footer .invisible { display: none; }
.page_container{ margin:0px auto; padding:0px; width:900px; border-left:0px solid #b8bfc5; border-right:0px solid #b8bfc5; background-color: #fff;}

#footer { background-color: #bf3216; font-size: 11px; color: #FFf; padding: 10px 40px; background-image:url(../images/footer-edge.png); background-position: top; background-repeat:repeat-x; }
#footer a:link, #footer a:visited { color: #ff9; text-decoration:none; }
#footer a:active, #footer a:hover { color: #fff; text-decoration: underline; }
#footer ul { margin: 5px 0px; padding: 0 10px; width: 198px; float: left; }
#footer ul li { margin: 0 10px 0 0; list-style: none;}

#copyright { text-align:center; margin-top: 20px; font-weight:bold; }
#ParentWrapper{
	clear:both;
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;	
}

/*--- added Css for replacing H2 tag for SEO purpose*/
.widget .heading_2 { font-size: 24px;}
.widget .heading_2 span { display: block; font-family: PT-Sans, Arial, Helvetica, sans-serif; font-weight: normal; text-align:right; color: #666666; margin: 5px 0 25px 0; }