* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}

body {
font: 62.5% "Verdana", Tahoma, san-serif;
margin: 0 auto;
background: #ebf2fa url(../img/bg.jpg) top left repeat-x;
color: #002871;
}
#wrapper {
margin: 0 auto;
width: 820px;
text-align: left;
}
h1 {
width: 820px;
height: 125px;
text-align: center;
}
h1 img { margin: 25px 0 0 0; }

/* main navigation
--------------------------------*/
#nav {
width: 820px;
background:url(../img/nav-bg.gif) 0 34px no-repeat;; 
height: 42px;
float: left;
font: bold 1.3em/1em "Verdana", Tahoma, san-serif; 
color: #002871;
}
ul#nav, ul#nav li { float: left; }
ul#nav li a {display:block; height: 42px;}
ul#nav li.one a {background:url(img/nav.gif) -72px 0; width: 91px; margin-left: 72px; }
ul#nav li.one a:hover {background:url(img/nav.gif) -72px -84px; }
ul#nav li.one a.active {background:url(img/nav.gif) -72px -42px; }
ul#nav li.two a {background:url(img/nav.gif) -163px 0; width: 138px; }
ul#nav li.two a:hover {background:url(img/nav.gif) -163px -84px; }
ul#nav li.two a.active {background:url(img/nav.gif) -163px -42px; }
ul#nav li.three a {background:url(img/nav.gif) -301px 0; width: 93px; }
ul#nav li.three a:hover {background:url(img/nav.gif) -301px -84px; }
ul#nav li.three a.active {background:url(img/nav.gif) -301px -42px; }
ul#nav li.four a {background:url(img/nav.gif) -394px 0; width: 112px; }
ul#nav li.four a:hover {background:url(img/nav.gif) -394px -84px; }
ul#nav li.four a.active {background:url(img/nav.gif) -394px -42px; }
ul#nav li.five a {background:url(img/nav.gif) -506px 0; width: 132px; }
ul#nav li.five a:hover {background:url(img/nav.gif) -506px -84px; }
ul#nav li.five a.active {background:url(img/nav.gif) -506px -42px; }
ul#nav li.six a {background:url(img/nav.gif) -638px 0; width: 108px; }
ul#nav li.six a:hover {background:url(img/nav.gif) -638px -84px; }
ul#nav li.six a.active {background:url(img/nav.gif) -638px -42px; }
ul#nav li a span {display:none;}


/* content area starts
--------------------------------*/
#content {
background: transparent url(../img/content-bg.gif) center top no-repeat;
width: 820px;
float: left;
}
#contain {
width: 730px;
margin: 0 auto;
}

/* left side elements
--------------------------------*/
#contain #left { width: 500px; float: left; }
#contain h2 { 
font: bold 2.2em/1.2em "Verdana", Tahoma, san-serif; 
margin: 0 10px 15px;
color: #22bbea;
}
#contain p { 
font: normal 1.2em/1.4em "Verdana", Tahoma, san-serif; 
margin: 0 10px 10px;
}
#contain p span { color: #00b0e7; }
#contain p small { font: normal 1em/1em "Tahoma", san-serif;  }

/* right side elements
--------------------------------*/
#contain #right { width: 220px; float: right; }


/* header for home page
--------------------------------*/
#header {
background: transparent url(../img/header-bg.gif) left 10px no-repeat;
width: 820px;
margin: 10px 0;
height: 270px;
float: left;
}
#top {
width: 820px;
margin: 10px 0;
height: 40px;
float: left;
}
#header #left, #top #left { width: 100px;}
#header #left img.badge {margin: 125px 0 0 7px; }
#header #middle { width: 250px; float: left; }
#photodiv { background-repeat: no-repeat; height: 174px; margin: 28px 0 0 0; }
#photodiv img { height: 174px; line-height: 0.5em;}
#header #middle p a {
background: url(img/avec-eve.gif) 0 0 no-repeat; 
width: 93px; 
margin: 10px 0 0 5px;
height: 27px; 
display: block;
}
#header #middle p a:hover { background: url(img/avec-eve.gif) 0 -27px; no-repeat; }
#header #middle p span {display:none;}
#header #right, #top #right { width: 183px; }
#header #right p.uk, #top #right p.uk { 
background: url(../img/flag-uk.gif) top right no-repeat;
padding: 6px 38px 6px 0;
text-align: right;
font: normal 1.1em/1em "Verdana", Tahoma, san-serif; 
}
#header #block { 
background: url(../img/block-bg.gif) top left no-repeat;
width: 181px;
height: 104px;
margin: 100px 0 0 0;
}
#header #block p {
margin: 0 8px 0 22px;
padding: 42px 0 0 0;
font: normal 1.1em/1.3em "Tahoma", san-serif; 
}


/* tours
--------------------------------*/
#tours { 
width: 724px; 
margin: 0 auto
}
#tours div {
float: left;
width: 230px;
margin: 0 0 16px 0;
padding: 0 0 10px;
background: #e2edf8 url(../img/tours-btm.gif) bottom left no-repeat;
}
#tours div img { float: left; }
#tours div h3 {
color: #002871; 
clear: left;
font: bold 1.6em/1.2em "Tahoma", san-serif; 
padding: 10px;

}
#tours div p { color: #002871; margin-bottom: 12px;}
#tours div a img {margin-left: 10px; float: none; border: 0;}
#tours #gap {
float: left;
width: 16px;
height: 10px;
background: none;
}


/* testimonials
--------------------------------*/
#testimonials div { 
background: #e2edf8 url(../img/test-top.gif) top left no-repeat; 
margin: 0 0 10px;
}
#testimonials div div {
background: url(../img/test-btm.gif) bottom left no-repeat;
padding: 10px 0 12px;
}
#testimonials div p {
font: normal 1.2em/1.3em "Verdana", Tahoma, san-serif; 
margin: 0 15px;
}


/* fees table
--------------------------------*/
table { 
width: 98%;
margin: 10px;
font: normal 1.2em/1.3em "Tahoma", san-serif; 
border-left: 1px solid #002871;
}
thead th {
background: #002871;
color: #fff;
padding: 6px 8px;
font-size: 1.1em;
border-right: 1px solid #fff;
}
tbody th {
font-weight: normal;
padding: 8px;
background: #e2edf8;
border-right: 1px solid #002871;
border-bottom: 1px solid #002871;
}
tbody td {
padding: 8px;
border-right: 1px solid #002871;
border-bottom: 1px solid #002871;
}
tbody td span { color: #00b0e7; }


/* contact form elements
--------------------------------*/
#contactform {
font: normal 1.2em/2.5em "Verdana", Tahoma, san-serif; 
margin: 25px 10px;
}
#contactform input, 
#contactform textarea {
background: #e2edf8 ;
font: normal 1em/1em "Verdana", Tahoma, san-serif; 
border-left:  3px solid #22bbea;
border-top: 0;
border-right: 0;
border-bottom: 0;
color: #002871;
padding: 4px 8px;
margin: 0;
}
#contactform label {
float: left;
clear: left;
width: 160px;
}
#contactform select {
border:  2px solid #c8d7e5;
color: #0c2751;
font: normal 1em/1em "Verdana", Tahoma, san-serif; 
padding: 1px;
color: #002871;
}
#contactform input#send {
padding: 0;
border: 0;
background: transparent url(img/submit.gif) no-repeat;
outline: none;
margin: 0 0 0 160px;
}	
	



/* common link styles
--------------------------------*/
a { color: #d31024; text-decoration: none; }
p a:hover { text-decoration: underline; }


/* footer elements
--------------------------------*/
/* footer elements
--------------------------------*/
#footer {
margin: 0 auto;
width: 820px;
height: 58px;
background: url(../img/footer-bg.gif) 35px 0 no-repeat;
text-align: left;
float: left;
}
#footer p {
background: url(../img/footer-p-bg.gif) 0 0 no-repeat;
width: 730px;
margin: 25px auto 0;
height: 25px;
font: normal 1.1em/2.1em "Verdana", Tahoma, san-serif; 
text-align: center;
}
p#npit {
margin: 0 50px 10px 50px;
color: #86b6d7;
}
p#npit a { color: #4579ad; }

/* skyline image at bottom of all pages
--------------------------------*/
#skyline {
margin: 0;
width: 100%;
height: 122px;
clear: both;
background: transparent url(../img/skyline.gif) bottom left repeat-x;
text-align: left;
}