@charset "utf-8";
/* Travel-WebsiteDesign dot com CSS Document 
Theme Name: Travel Website Design
Theme URI: http://www.travel-websitedesign.com
Download URL:  http://www.travel-websitedesign.com
Description: Travel Website Design is 2 column theme with a perfect combination of Red and blue color. This theme is SEO friendly and created with valid markups. Another premium theme created by <a href="http://www.travel-websitedesign.com" target="_blank">Travel Website Design</a>, after widely appreciated Redie series themes.
Author: Travel Website Design
Author URI: http://www.travel-websitedesign.com
*/
body  {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto;
	padding: 0;
	color: #000000;
	background-image: url(images/bg.gif); background-position:center top; background-repeat:repeat-y;
	background-color:#e6e7e8;
	height:100% auto;
}
#header {
	width: auto 100%;
	padding:0px;
	margin: 0;
	height: 197px;
	border-bottom:#000000 3px solid;
	background-image:url(images/bg_header.jpg);
	background-position:left top;
	background-repeat:repeat-x;
} 
#header .entry {
	width: 960px;
	margin:0 auto;
	height:156px;
}
#header h1 {
	margin: 0; 
	padding: 10px 0;
	}
#menu {
	background-image:url(images/bg_menu.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height:41px;
	margin:0 auto;
	text-align:center;
}
#menu img {
	float:left;
	margin:
}
h1 {
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#2e3192;
	margin:2px 0 2px 0;
	padding:5px 25px 5px;
	background-image:url(images/bullet-1.jpg);
	background-repeat:no-repeat;
	background-position:left 2px;
}
h2 {
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#0099FF;
	margin:0 0 0px 0;
	padding:5px 30px 5px;
	background-image:url(images/screenshot-icon.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
.grey{
	color:#333333;
	}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu {
	background-image:url(images/bg_menu.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height:41px;
	margin:0 auto;
}
.suckertreemenu ul{
	list-style-type: none;
	width:910px;
	list-style:none;
	text-align:left;
	height:41px;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}
/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	float: left;
	background-color:none; /*overall menu background color*/
	font:bold 17px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	display: inline;
	line-height:41px;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}

/*Top level menu link items style*/
.suckertreemenu ul li a, .suckertreemenu ul li a:visited, .suckertreemenu ul li a:active{
	display: inline;
	width: auto; /*Width of top level menu link items*/
	text-decoration:none;
	color:#333333;
	line-height:41px;
	vertical-align:middle;
	padding:1px 8px 1px 8px;
	margin:0px 5px 0px 5px;
}
.suckertreemenu ul li a:hover{
background-color:none;
	text-decoration: underline;
	color: #000000;
	line-height:41px;
	vertical-align:middle;
}	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
background-image:none;
background-color:#6699CC;
height: auto;
visibility: hidden;
margin:0px;
line-height:normal;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
text-decoration: none;
color: #000000;
line-height: 22px;
font-size:16px;
margin:0px;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
border-bottom:#003399 solid 2px;
border-left:#003399 solid 1px;
border-right:#003399 solid 1px;
border-top:#003399 solid 1px;
padding:5px 5px 5px 8px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 160px; /* no need to change, as true value set by script */
top:0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a, .suckertreemenu ul li ul li a:visited, .suckertreemenu ul li ul li a:active{
display: block;
text-decoration: none;
color: #333333;
padding:0;
line-height:20px;
}
.suckertreemenu ul li ul li a:hover{
color: #FFFFFF;
line-height:20px;
text-decoration: none;
}
.suckertreemenu ul li ul li:hover{
background-color: #336699;
}
.suckertreemenu ul li ul li:hover a{
color: #FFFFFF;
}
/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
/*background: url(images/arrow-down.gif) no-repeat center right;*/
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: url(http://www.webmedia-solutions.com/seang/images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



/**************************************************************************************/
#container { 
	width: 960px;
	background: #FFFFFF;
	margin:0 auto;
	text-align: left;
	display: block;
}
#navbar {
	width:230px;
	float:left;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	position: inherit;
	display: table;
}
#sidebar {
	float: left;
	width: 230px;
	background:#EBEBEB;
	vertical-align:top;
	display: inline-table;
	position: inherit;
	margin:0px;
	padding:0px;
	min-height:720px;
	height:auto !important;
  	height:720px;
}
/* left menu*/
#mainmenu {
	background-image:url(images/left-menu-1.jpg);
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	width:230px;
	height:24px;
	text-indent:30px;
	line-height:24px;
}
.leftmenu ul{
	margin:0;
	padding:0;
	list-style-type: none;
	width: 230px;
	list-style: none;
	color:#000000;
	position: inherit;
	display: block;
}
.leftmenu ul li{
	position:  inherit;
	text-indent:0px;
	background-image:url(images/left-menu-2.jpg);
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
	color:#000000;
	margin:0px;
	border-bottom:#FFFFFF 2px solid;
	line-height:22px;
	vertical-align:middle;
	text-indent:30px;
}
.leftmenu ul li a:link{
	color:#000000;
	text-decoration: none;
}
.leftmenu ul li a:hover{
	color:#000066;
	font-weight:bold;
	font-size:15px;
}
.leftmenu ul li a:visited{
	color:#003366;
	text-decoration: none;
}
/* left menu*/
#sidebar .entry {
	padding:0px;
	vertical-align:top;
}
#our_work{
	font: normal 100% Verdana, Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; 	
	width:230px;
	font-size:90%;
	height:480px;
	vertical-align:top;
	background-color:#EBEBEB;
	display: block;
	position: static;
}
#our_work h4 {
font:24px bolder "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #565656;
margin:0px;
padding-left:15px;}
#mycustomscroll  .column { 
width:215px;
display: table;
text-align:center;
font:11px normal Verdana, Arial, Helvetica, sans-serif;
 }
#mycustomscroll  .column img {
margin:10px 0 5px 0;
}
#mycustomscroll .column a:link, #mycustomscroll  .column a:visited{
	color: #574899;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
}
#mycustomscroll .column a:hover{
	color: #0000FF;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
}
/*#######  ScrollBar #########*/
#our_work  #mycustomscroll {
/* Typical fixed height and fixed width example */
width: 220px;
height:400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	display: block;
}
#toprightbar {
	margin: 0;
	float: right;
}
#mainContentsp {
	width:730px;
	float:right;
	background: #FFFFFF;
	color:#000000;
	line-height:17px;
	display: inline-table;
	position: static;
	padding:0px;
	min-height:720px;
	height:auto !important;
  	height:720px;
}
#mainContent { 
	width:700px;
	float:right;
	background: #FFFFFF;
	padding:15px 15px 15px 15px;
	color:#000000;
	line-height:17px;
	display: inline-table;
	position: static;
	min-height:720px;
	height:auto !important;
  	height:720px;
}
#mainContent a:link, #mainContent a:visited, #mainContent a:active,
#mainContentsp a:link, #mainContentsp a:visited, #mainContentsp a:active{ 
	color:#006CC9;
	text-decoration:underline;
}
#mainContent a:hover, #mainContentsp a:hover{ 
	color:#F5651F;
	text-decoration:underline;
}
#mainContentsp .entry {
	padding:0px 15px 15px 15px;
	vertical-align:top;
}
#mainContent .entry  {
	padding:15px 15px 15px 15px;
	vertical-align:top;
	}
.highlight {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
font-size:16px;
background-image:url(images/quote.gif);
background-position:left top;
background-repeat:no-repeat;
text-indent:25px;
line-height:20px;
}
#mainContentsp .rightsidebar{
	float: right;
	width:340px;
	background:#FFFFFF;
	vertical-align:top;
	margin:5px 0 15px 0px;
	position: static;
}
.list{
	margin:15px 5px 15px 10px;
}
.list ul {
	margin:3px;
	padding:0 5px 0 5px;
}
.list ul li {
	padding:5px 5px 5px 20px;
	background-image:url(images/bullet-4.jpg);
	background-position:left 9px;
	background-repeat:no-repeat;
	list-style:none;
}
#footer { 
	padding:0px;
	width:960px;
	margin:0px auto;
	background-color:#005c9e;
	color:#FFFFFF;
	display: block;
}
#footer a:link, #footer a:visited, #footer a:active{
	color:#FFFFFF;
	text-decoration:none;
} 
#footer a:hover{
	color:#FFFFFF;
	text-decoration: underline;
} 
#footer br {clear: both} 
/*#footer br {clear: both}*/
#footer .entry{ 
	padding:15px;	
}
#footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0px;
	line-height:0;
	margin:0px;
	padding:0px;
}
.clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
.clearfix {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix {height: 1%;}  
.clearfix {display: block;}
/*hack firefox
#footer{ background-color:#0033FF;}
#footer, x:-moz-any-link {styles for Firefox 1.0 here}  
#footer, x:-moz-any-link, x:only-child {restore normal styles for newer versions}
*/