/*-----------------------------------------------
	 			TRANQUIL TOURS CSS
-----------------------------------------------*/

.off-screen	{ position:absolute; top:-9999em; left:-9999em; }
body	{ margin:0; padding:0; background-color: #E7F6FD; font-family: Helvetica, Arial, sans-serif; }
img {border: 0;}

/*		 			TOP BAR
-----------------------------------------------*/

#top	{ height: 48px; clear: both; float: none; padding: 0px; background-color: #e9e9e9; border-bottom: 1px solid #bfbfbf; }

/*		 		LOGO - TOP LEFT
-----------------------------------------------*/

#logo	{ background-image:url(../images/tt2.png); height:40px; background-repeat:no-repeat; margin-top:5px; }

/*		 		  NAVIGATION
-----------------------------------------------*/

#navbar { padding: 0px; margin-top: 23px; }
#navbar #MainMenu, #navbar #MainMenu ul  { list-style-type: none; display: block; margin:0; padding:0; float:right;	}
#navbar #MainMenu li { float:left; margin:0; position:relative; padding: 0px 0px 5px; margin-top: 1px; border-left: 1px solid #BFBFBF; }
#navbar #MainMenu li:first-child { border-left:none; }
#navbar #MainMenu li a { color:#414141; font-size:12px; margin: 0px; text-decoration:none; padding: 5px 12px 6px; }		
#navbar #MainMenu li ul {	background-color:#efefef; width:100px; margin-top:-1px; margin-left:-1px; border-left:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; border-right:1px solid #BFBFBF; padding: 3px 8px 0px 0px; }
#navbar #MainMenu li ul li { line-height:19px; border-left:none; }
#navbar #MainMenu li ul li a {  }
#navbar #MainMenu li:hover { background-color:#efefef; }
#navbar #MainMenu a:hover { color:#666666; }

/* Hide 2nd menu */
#navbar #MainMenu ul { width:20px; position:absolute; left:-999em; top:-999em; clear:left; font-size:10px; }

/* Hover Controls */
#navbar #MainMenu li:hover ul {left:0; top:100%; }


/*		 		BACKGROUND IMAGE
-----------------------------------------------*/

#bgimage { height: 300px; background-image:url(../images/tt1.jpg); background-repeat:repeat-x; background-position:center; }
#bgimage p, .hidden {position: absolute; top: -999em; left: -999em; margin: 0; padding: 0; text-align: center;}

/*		 		PAGE TITLE
-----------------------------------------------*/

#title { padding-top:0px; }
#ttptce { background-image:url(../images/tcepbtt.png); height:109px; width:396px; background-repeat:no-repeat; margin:0 auto; }
#ttptce2 { background-image:url(../images/tcepbtt2.png); height:109px; width:396px; background-repeat:no-repeat; margin:0 auto; }
#ttblog { background-image:url(../images/ttblog.png); height:43px; width:462px; background-repeat:no-repeat; margin:0 auto; }
#ttblog2 { background-image:url(../images/ttblog2.png); height:68px; width:462px; background-repeat:no-repeat; margin:0 auto; }
#ttblogtitle { padding-top:30px; }

/*		 			CURVE
-----------------------------------------------*/

#curve_tile { height:121px; background-image:url(../images/page-curve_tile.png); background-repeat:repeat-x; margin-top:-40px; }
#curve { height:121px; width:1220px; background-image:url(../images/page-curve.png); background-repeat:no-repeat; margin:0 auto; left:50%; }

/*		 		MAIN CONTENT
-----------------------------------------------*/
.middle {margin-top: -170px;} /* best applied here or columns overlap */

#main { /*margin-top:-170px;*/ width:632px; }
#main_top { background-image:url(../images/contentbox_top.png); height: 25px; background-repeat: no-repeat; }
#main_content { background-image:url(../images/contentbox_tile.png); background-repeat:repeat-y; padding-left: 25px; padding-right: 25px; padding-bottom:1px; }
#main_bottom { background-image:url(../images/contentbox_bottom.png); height: 28px; background-repeat:no-repeat; }
#main_content h1 { margin-top:0; margin-bottom:10px; color:#333333; font-size:24px; }
#main_content h2 { margin-top: 0; color:#333333; font-size:14px; }
#main_content p, #main_content ul {	color:#333333; font-size:12px; }
#main_content a { color:#005580; }
#grid_10_top { background-image:url(../images/780_top.png); height: 25px; background-repeat: no-repeat; }
#grid_10_content { background-image:url(../images/780_content.png); background-repeat:repeat-y; padding-left:25px; padding-right:25px; padding-bottom:1px; }
#grid_10_bottom { background-image:url(../images/780_bottom.png); height:25px; background-repeat:no-repeat; }

/*		 			BLOG
-----------------------------------------------*/

#blog { /*margin-top: -170px;*/ }
#blog_top { background-image: url(../images/contentbox_top.png); height: 25px; background-repeat: no-repeat; }
.blog_content { background-image: url(../images/contentbox_tile.png); background-repeat: repeat-y; padding-bottom:1px; }
#blog_bottom { background-image: url(../images/contentbox_bottom.png); height: 25px; background-repeat: no-repeat; }
.blog_content h1 { margin-top:0; margin-bottom:10px; color:#333333; font-size:24px; }
.blog_content h2 { color:#333333; font-size:14px; }
.blog_content p, .blog_content ul { color:#333333; font-size:12px; }
.blog_content a { color:#005580; }
.blog-layout { padding-left: 0px; padding-right:30px; }
.resultsBlog { padding-left:25px; }
.blog-article { padding-right:30px; }
.blog-summary { font-size:10px;	font-weight:bold; color:#005580; margin-top: 10px; margin-bottom: 10px; }
.blog-title h2 { font-size:16px; margin-top: 0px; }
.blog-preview { border-bottom: 1px solid #bfbfbf; padding-bottom: 15px; margin-bottom: 25px; }
#colRight { /*margin-top: -170px;*/ }
#colRight_top { background-image: url(../images/220_top.png); height: 25px; background-repeat: no-repeat; }
#colRight_content {	background-image: url(../images/220_content.png); background-repeat: repeat-y; padding-bottom:1px; padding-left: 20px; padding-right: 20px; }
#colRight_bottom { background-image: url(../images/220_bottom.png); height: 25px; background-repeat: no-repeat; }
#colRight_content h1 { margin-top:0; margin-bottom:10px; color:#333333; font-size:18px; }
#colRight_content h2 { color:#333333; font-size:12px; }
#colRight_content p, #colRight_content ul { color:#333333; font-size:11px; }
#colRight_content ul { padding-left:0px; list-style-type:none; }
#colRight_content a { color:#005580; }

/* Pagination 
------------------------------ */
.pagination-results 	{margin: 20px auto 10px auto; text-align: center;}
.pagination-summary 	{font-size: 10px;}
.pagination-options 	{margin: 5px 0 0 0; font-size: 11px;}

.pagination-summary .current-page 	{}
.pagination-summary .total-pages 	{}
.pagination-summary p	{font-size: 10px;}

.pagination-results a 					{text-decoration: none;}
.pagination-results ul.pages 			{display: inline; margin: 0 auto; padding: 0; list-style-type: none;}
.pagination-results ul.pages li 		{display: inline; padding: 0; margin-right:2px;}
.pagination-results ul.pages li a 		{margin: 0 2px; padding: 2px 6px 2px 9px; border: solid 1px #ccc; /*background: #f0f0f0;*/ color: #4b4c4d;}
.pagination-results ul.pages a:hover 	{/*background: #d22a6b;*/ color: #ccc;}
.pagination-results ul.pages a:focus 	{/*background: #bc1c45;*/ color: #ccc;}
.pagination-results ul.pages a.current 	{/*border-color: #ea88b9; background: #db398a; color: #fff;*/ font-weight: bolder;}

.pagination-results .next a, .pagination-results .previous a 				{padding: 2px 6px; border: 1px solid #ccc; background: #f0f0f0; color: #4b4c4d;}
.pagination-results .next a, .pagination-results .previous a 				{padding: 2px 6px; border: 1px solid #ccc; background: #fff;}
.pagination-results .next a:hover, .pagination-results .previous a:hover 	{border-color: #c4de6e; background: #9dc92e; color: #fff;}
.pagination-results .next a:focus, .pagination-results .previous a:focus 	{border-color: #d0e58c; background: #b1d43f; color: #fff;}
.pagination-results .next a 												{margin-left: 4px;}
.pagination-results .previous a 											{margin-right: 0;}
.pagination-results .disabled 												{margin: 0 2px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #ccc;}


/*		 			TWITTER
-----------------------------------------------*/

#twitter_div	{ /*border: 2px solid #ffffff; padding: 10px; background-color: #e1f4fd; margin-top:0px;*/ }
#twitter_div p	{ margin:0; font-size:11px; }
#twitter_div a	{ font-size:11px; /*color: #34ccff;*/ color:#666666; }
#twitter_div h2	{ font-size:16px; /*color: #34ccff;*/ }
.sidebar-title	{ margin-top:0px; color:#34ccff; }
#twitter_update_list	{ list-style-type:none; font-size:11px; padding-left:0px; }
#twitter_update_list li span	{ font-size:11px; color:#666666;}
#twitter_update_list li span a	{ color: #34ccff; font-size:10px; }
#twitter_update_list li	{ list-style-type:none; background-image:url(../images/twiticon2.png); background-repeat:no-repeat; border-bottom: 1px solid #ffffff; margin-top: 7px; padding:0 10px 7px 20px; line-height:16px; }


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

#footer { padding-top:10px; font-size:9px; color:#333333; margin-bottom:100px; }
#footer a { color:#333333; }
#footerleft p, #footerright p { margin-top:0px;	margin-bottom:5px; }
#footerleft, #footerright { border-left:1px solid #c0c0c0; padding-left:15px; }

#EnquiryForm 				{font-size: 12px;}
#EnquiryForm fieldset 		{padding-top: 10px; border: 0; border-top: 1px solid #34CCFF;}
#EnquiryForm legend 		{padding-right: 10px; font-size: 16px; color: #333;}
#EnquiryForm div label 		{clear: left; float: left; width: 250px; padding-bottom: 10px;}
#EnquiryForm div input, 
#EnquiryForm div select, 
#EnquiryForm div textarea 	{clear: right; float: left;}

#EnquiryForm div label.required 	{font-weight: bold;}
#EnquiryForm div label.optional 	{}
#EnquiryForm div p.hint 			{float: none; clear: both; font-style: italic;}

.googlemap 		{background: #eee; border: 1px solid #ddd;}
.location-map 	{height: 400px;}

/*
.footer-links ul {list-style:none; margin:0; padding:0; } 
.footer-links ul li a { color:#FFFFFF; font-size: 0.6em; text-decoration:none; }
.footer-links ul li a:hover { text-decoration:underline; }
.footer-info { color:#FFFFFF; font-size: 0.6em; margin:0; padding:0; }
*/

a.normal {color: #333 !important; text-decoration: none;}