/* Key styles for: Northern Conquest Charters*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 17th July 2009 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: url(images/blue-background.gif) repeat #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333;}

/*Container Styles*/
#outerwrapper {position: absolute; top: 20px; width: 100%; left: 0; }
#wrapper { margin-left: auto; margin-right: auto; width: 960px; clear: both;}

/*Banner*/
#banner {margin-left: auto; margin-right: auto; width: 100%;}
#logo{margin-left: auto; margin-right: auto; width: 960px;}
#banner-images {float: right; margin-right: 40px; top: 0; right: 0; position: absolute;}
#byline {font-size: 2.4em; color: #002a5c; border-bottom: 4px solid #1d456d; padding-bottom: 2px; text-align: right;}

/*Main Container*/
#main-container{border-top: 8px solid #0371ac;}
.bgcolor{height: 244px; background: #1d456d; }
#navigation{width: 200px; background: #1d456d; float: left; height: 244px;}
#slideshow {float: left; padding-right: 20px;}
#content-container{background: url(images/white60.png); float:right; width: 760px;}
*html #content-container{ margin-bottom: -9px;}
.topcontent {padding: 10px; }

/*Subage Columns*/
#subpage-container { float: left; background: #fff; padding-bottom: 0px; border: none; width: 960px;}
#inner { float: left; overflow: hidden; }
#inner .menu { float: left; background: #1d456d; border: none; margin-right: 5px; width: 200px; margin-bottom: -5000px; padding-bottom: 5000px; }
#inner .col2 {float: right; background: none; width: 700px; border: none; margin-left: 20px; margin-right: 20px; margin-top: 20px;}


/*Home Page Features*/
#features {clear: both; background: url(images/white60.png) repeat; overflow: hidden;}

#features .col {position: relative; float: left; }
#left {width: 280px;}
#right {width: 600px;}
*html #left{width: 260px;}

/*Footer Details*/
#footer {clear: both; background: #002a5c; padding: 10px 5px; font-size: 1.3em; color: #949494; overflow: hidden;}
#contact-details {float: left;}
#webdeveloper{text-align: right; float: right;}

/*Navigation Styles*/
#navigation  ul {padding: 0; margin: 0;list-style: none; padding-top: 20px;}
#navigation  li {background: #1d456d; margin:0;}
#navigation li a{text-decoration: none; color: #fff; font-size: 1.5em; padding: 5px 20px; display: block; width: 160px; border-top: 1px solid #16537a;}
#navigation ul li a:hover {color: #fecf14; background: #0e263e;}

/*Subnavigation Styles*/
#navigation ul ul{padding-top: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
#navigation ul ul li{background-color: #696e84;}
#navigation ul ul li a{color: #fff; border-top: none; padding: 5px 30px; width: 140px;}
#navigation ul ul li a:hover{background: #1d456d; color: #fff;}

/*Link Styles*/
a {color: #0e263e; text-decoration: none;}
a:link{color: #0e263e; text-decoration: none;}
a:visited {color: #0e263e; }
a:hover {color: #006699;}

#footer a{color: #949494; text-decoration: none;}
#footer a:link {color: #949494; text-decoaration: none;}
#footer a:visited {color: #949494; text-decoaration: none;}
#footer a:hover {color: #fff;}

/*Paragraph Styles*/
h1 {font-size: 2.6em; color: #0e263e; padding-bottom: 2px;}
h2 {font-size: 2.2em; color: #1d456d; padding-bottom: 2px;}
h3 {font-size: 1.5em; color: #333; padding-bottom: 2px;}
h4 {font-size: 1.3em; color: #0e263e; padding-bottom: 2px;}
p {margin-bottom: 10px; font-size: 1.3em; line-height: 1.3em;}
#left p{font-size: 1.2em;}
.mini-feature p{color: #fff; font-size: 1.2em; padding: 2px 10px;}


/*Table Styles*/
table {background-color: #696e84; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 5px; background-color: #696e84; color: #fff; border: 1px solid #fff; font-size: 1.3em;}


/*List Styles*/
.col2 ul, .col2 ol, #features ul, #features ol, .content ul, .content ol {font-size: 1.3em; margin-left: 30px; margin-bottom: 10px;}

/*Image Styles*/
#bg {width: 100%; left: 0px; top: 0px; height: 100%; z-index: -1; margin: 0}
img {padding: 0px; margin: 10px;}
#banner-images img {border: 4px solid #fff; margin: 2px;}
img .title {padding: 0; margin: 0;}
#logo img{margin: 10px 0;}

#slideshow img{margin: 0;}
.col2 img.left, #features img.left, .content img.left {margin: 10px 10px 10px 0px;}
.col2 img.right, #features img.right, .content img.right {margin: 10px 0px 10px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.content {padding: 20px;}
.mini-feature{width: 280px; float: left; margin-right: 20px; background: #333; margin-bottom: 20px; height: 260px;}
.title{margin: 0 0 15px 0; }
.readmore{text-align: right; margin-top: -10px; font-size: 1.1em; margin-bottom: 10px;}

/*Image Gallery*/
.thumbs li{height: 150px; width: 165px;}
.thumbnail {margin: 0; padding: 0}
.thumbs p {display: none;}
.thumbs img{padding: 0; margin: 0;}


.thumbscontainer{margin-left: 0px !important; width: 700px !important;}
.thumbscontainer ul{padding-bottom: 30px !important;}

#slideshow p {font-size: 1.2em; line-height: 1.3em; padding: 5px}
.slideInfoZone{padding-bottom: 10px;}

#myGallery3 {margin-bottom: 20px; margin-top: 10px; margin-left: 10px;}
#myGallery5 {margin-left: 116px; margin-bottom: 20px;}

.pagenumbers {font-size: 1.2em; text-align: right; padding-right: 10px;}

.galleryv2 {clear: both; padding-bottom: 20px; overflow: hidden; padding-top: 20px;}
.galleryv2 .picturecontainer {float: left; width: 500px; height: 375px; overflow: hidden}
.galleryv2 .thumbscontainer {float: right; width: 180px !important; padding-top: 5px;}
.galleryv2 .thumbscontainer img {width: 120px;}
.galleryv2 .thumbscontainer .thumbs li {height: 65px; width: 65px;}
.galleryv2 p.morev2 {clear: both; padding: 0px 0 0 12px;}
.galleryv2 p.morev2 a {background: #002A5C; color: #fff; padding: 5px 5px;}
.galleryv2 p.morev2 a:hover {background: #1D456D;}