/* TRAVEL LOGIC STYLESHEET
----------------------------------------------------------------------------------------*/
body {
 font-size:62.5%;
 font-family: Helvetica, Arial,  sans-serif;
 color:#333;
 background:#fff}

*{
 margin:0;
 padding:0;
 list-style:none;}

hr {
 display:none;}
 
a {
  text-decoration:none;
  color:#333;}

a:focus{ outline:none;}

img {
  border:none;}

/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

/* hide from ie-mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
.clearfix {display:block !important;}
.clearfix {display:inline-block;}

.imgreplace{ /* apply image replacement */
 text-indent:-999999px;
 text-align:justify;
 overflow:hidden;
 display:block;}

/* PAGE LAYOUT
-------------------------------------------------------------------------------------*/
#topContainer {
  width:920px;
  margin:5px auto 0 auto;}

#topNavigation {
  width:100%;
  background:url(../images/bg-topheader.jpg) repeat-x;
  border-bottom:2px solid #0070BA;
  height:120px;}

#mainContent {
  width:888px;
  margin:0 auto;}

#columnContent {
  width:410px;
  float:left;
  padding:8px 0 0 0;}

#columnHighlights {
  width:450px;
  float:right;}
  
#photodiv {width: 340px;}

/* HEADERS 
-----------------------------------------------------------------------------------*/
h2 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  color: #324356;
  width:371px;
  min-height:25px;
  padding-bottom:15px;
  text-transform: capitalize;}

h2.titleOurProducts {
  background:url(../images/title-ourprodservices.png) no-repeat;
  width:205px;
  height:50px;
  position:relative;
  top:10px;
  left:10px;}

h2.titleOurClients {
  background:url(../images/title-contactsmall.png) no-repeat;
  width:150px;
  height:22px;
  position:relative;
  top:30px;
  left:10px;}

h2.titleCanHelp {
  background:url(../images/title-whychoose.png) no-repeat;
  width:202px;
  height:29px;
  position:relative;
  top:25px;
  left:10px;}

h2.titleConference {
  background:url(../images/title-conf.png) no-repeat;
  width:202px;
  height: 95px;
  position:relative;
  top:10px;
  left:10px;}

h2.titleConference a {
  width:202px;
  height:72px;
  display: block;
  }

  
h4 {
	text-transform: uppercase;
	font-size: 12px;
}
  
/* TOP CONTAINER 
------------------------------------------------------------------------------------*/
.logoContent {
  float:left;
  padding:0 0 5px 25px;
  background:url(../images/logo-travellogic.gif) no-repeat;
  width:183px;
  height:68px;}

.logoContent a {
  display:block;
  width:183px;
  height:58px;}

.callusnow {
  background:url(../images/title-callusnow.gif) no-repeat;
  width:187px;
  height:21px;
  float:right;
  position:relative;
  top:30px;}
 
/* TOP NAVIGATION
---------------------------------------------------------------------------------*/
.topNavigationContainer {
  width:920px;
  margin:0 auto;}

ul#topNavLinks {
  width:460px;
  position:relative;
  top:100px;
  left:-10px;}

ul#topNavLinks li {
  padding:0 0 0 20px;
  color:#fff;
  font-size: 1.5em;
  display:block;
  float:left;
  text-transform:lowercase;}

ul#topNavLinks li a {
	color: #fff;
}


ul#topNavLinks li a:hover, ul#topNavLinks li a:active,
#home_page #topNavigation ul#topNavLinks li#nav_1 a.top,
#understand_page #topNavigation ul#topNavLinks li#nav_2 a.top,
#what_page #topNavigation ul#topNavLinks li#nav_3 a.top,
#clients_page #topNavigation ul#topNavLinks li#nav_4 a.top,
#about_page #topNavigation ul#topNavLinks li#nav_5 a.top
  {
	border-bottom: 3px solid #fff;
}

/* COLUMN CONTENT
-------------------------------------------------------------------------------*/
.photoContent {
  padding-bottom:20px;}

.photoContainer {
  width:309px;
  margin:0 auto;}

.photoContainer img {
  position:relative;
  top:9px;
  left:0px;}

p {
  font-size:1.2em;
  padding-bottom:15px;
  line-height:19px;}

#columnContent li {
  font-size:1.2em;
  padding-bottom:15px;
  line-height:17px;
  margin-left: 20px;
  list-style: circle;
}

p.footerBlock {
  font-size:1.1em;
  text-align:center;
  color:#b2b2b2;}

p.footerBlock a {
  color:#b2b2b2;
  padding-right:12px;}

#columnContent li a {
  color:#F55D00;
  text-decoration:underline;}

ul#footerLinks {
  padding:20px 0 10px 0 ;}

ul#footerLinks li {
  display:block;
  color:#b2b2b2;
  float:left;
  padding-right:20px;
  font-size:1.1em;}

ul#footerLinks li.lastFooter {
  padding-right:0;}

#columnContent ul#footerLinks li a {
  color:#b2b2b2;}


/* COLUMN HIGHLIGHTS
-------------------------------------------------------------------------------*/
.columnLower {
  float:left;
  width:225px;
  display:block;
  position:relative;
  top:-57px;
  margin-bottom:-57px;}

.columnLower .titleContainer {
  background:url(../images/bg-topdarkblock.png) no-repeat;
  width:225px;
  height:121px;}

.adjustContainer {
  margin-top:-10px;}

.columnLower .contentBlock {
  background:#D1E5F2 url(../images/bg-bottomdarkblock.jpg) bottom no-repeat;
  padding:10px;
  color:#354659;}

ul.docsList {
  padding:10px 0 20px 5px;}

ul.docsList li {
  background:url(../images/icon-doc.gif) no-repeat 0px 1px;
  padding:0 0 5px 15px;
  font-size:1.1em;}

ul.docsList li a {
  color:#354659;}

.linkstyle {
  font-size:1.3em !important;}

.linkstyle a {
  color:#F55D00;
  text-decoration:underline;}

.columnHigher {
  float:right;
  width:225px;
  position:relative;
  top:-70px;
  margin-bottom:-70px;}

.columnHigher .titleContainer2 {
  background:url(../images/bg-toplightblock.png) no-repeat;
  width:225px;
  height:143px;}

.columnHigher .contentBlock2 {
  background:#E8F5F7 url(../images/bg-bottomlightblock.jpg) bottom no-repeat;
   padding:10px;
  color:#354659;}

ul.numberList {
  padding:10px 0 20px 0;
  margin-left:-10px;}

ul.numberList li {
  padding:0 0 10px 75px;
  min-height:65px;
  height:auto !important;
  height:65px;
  font-size:1.5em;
  text-transform:lowercase;
  line-height:19px;
  background-position:0 0;
  background-repeat:no-repeat;}

ul.numberList li span {
  display:block;
  padding-top:10px;
  width:125px;}

ul.numberList li.listOne {
  background-image:url(../images/icon-num1.gif);}

ul.numberList li.listTwo {
  background-image:url(../images/icon-num2.gif);}
 
ul.numberList li.listThree {
  background-image:url(../images/icon-num3.gif);}

ul.numberList li.listFour {
  background-image:url(../images/icon-num4.gif);}

ul.numberList li.listFive {
  background-image:url(../images/icon-num5.gif);}
  
 
/* CONTACT FORM
-----------------------------------------------------------------------------------*/
/* CSS Document */

/* Styles */
form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 0;
	border: none;
	font-size:11px;
	padding : 0px 10px 22px 10px;
}

legend {
	color : #990000;
	margin: .5em 0;
	padding: .5em;
	background: transparent;
	font-size: 12px;
	font-weight: bold;
}

label {
	float: left;
	width: 130px;
	padding: 0 1em;
	text-align: right;
}

label.long_label {
	width: 160px;

}

fieldset div {
	margin: 12px 0;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div select {
	padding: 1px;
}


#submit {
	clear: both;
	text-align: center;
}

#submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
	font-weight:bold;
}