
/* This is the core style sheet of passagemakerlite, version 2 */
body {margin: 0; padding:  0;background: #132239;  color: #575757;font-size: 82.5%; line-height:1.4;font-family:"Helvetica","Arial", sans-serif;}
/* colours */
body {border-top: solid 1px  #b96631; }
.breadcrumbs,.article-image .caption{background: #f6f6f6;}
#branding-container,#site-information {background: #08244c ;  color: #E6DBD3;overflow: hidden;}
#site-information {background: #132239;  }
#branding {}
#visual-content-container ,#content-container,#container {border-bottom: solid 6px #eee;}
.home #branding-container  {border-bottom: none;}
#branding-container {border-bottom: solid 6px #eee;}
#visual-content-container {background:#08244c;background-image:-moz-linear-gradient(100% 100% 90deg, #132239, #08244c);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#132238), to(#08244c));
}
#visual-content  {background: transparent ;border: solid 0px #b96631 ;color: #E6DBD3;
 -moz-border-radius : 3px;border-radius : 3px;}           
#content-container,#container {background:#fff;}
#content {background: #fff; position: relative;}
#content {border-left: solid 1px #eee;border-right: solid 0px #eee;}
#content, #sub-content { color: #686660;background: #fff;}
#main-content,#column-1 {background:#fff; color: #686660;}
h2, h3, h4, h5, strong, .designs #main-content ul {color: #575757;}
h2,#main-content .menu, .home #main-content h2   { border-bottom: solid 8px #eee;}
#main-content h2 {border-bottom: solid 0px #eee;}
#visual-content  li h2,#visual-content  li h3 {color: #E6DBD3;border-bottom: solid 0px #b96631;}
#visual-content  li h2 {color: #E6DBD3;border-bottom: solid 4px #E6DBD3;}
h2, #sub-content li:hover {}
.copyright li a {color: #E6DBD3;border-bottom: solid 1px #E6DBD3;}
.copyright li a:hover {background: transparent} 
body.designs #content #main-content {border-right: none;}
#content em {color: #020F23;}
#visual-content-container {margin:0; padding:0;overflow: hidden;}
#gallery {background: #08244c ;background-image:-moz-linear-gradient(100% 100% 90deg, #132239, #08244c);border-bottom: solid 2px #E6DBD3 }
#gallery img,#gallery a {background: #08244c ;border:none;}
#latest {background:#08244c   ;background-image:-moz-linear-gradient(100% 100% 90deg, #132239, #08244c);opacity:0.9;}
#latest ul.specs  li{color: #E6DBD3;border-bottom: dotted 1px #E6DBD3}
#latest ul.specs  li strong {color: #eee;}
#latest ul.customisation  li:last-child {border: none;}
#branding{display: block; position: relative;}
.menu strong{color:#132239}

/* typography */

h1 {margin:0; padding:0;}
#main-content p, h2, h3 { margin: 1em 1.1em 1em 1em; padding:0;}

#main-content h2, #sub-content h2 {font-size: 1.48em;padding: 0.5em 0.5em;margin:0 ;}
#main-content h2 {padding-right: 0;padding-top: 0.9em;text-transform: uppercase;}
#main-content h3, #main-content h4 {font-size: 1.36em;padding: 1.0em 1em 0 0.5em;margin:0 ;font-weight:normal;}
body.news #sub-content h3 {font-size: 1.46em;padding-left: 0;margin-left:0.5em;}
#main-content p {margin:1em 1.2em 1em 1.0em;line-height: 1.6;text-align: justify; }
ul li, ul li p {line-height: 1.6;}

#sub-content p {padding-left: 1em;text-align: justify;}
#sub-content p  {line-height: 1.6;}
#sub-content .vcard {line-height: 1.6;}
#sub-content h2 {margin: 0 0.8em 0.6em 0;padding: 0.5em 1em 0.5em 0.5em;}
body.contact #sub-content #column-1 h2 {}
#sub-content h2 + h2, #sub-content p {margin: 0.9em 0.8em 0.6em 0; text-align: left;}
#content abbr {border-bottom: solid 1px #cfcfcf;padding-bottom: 2px;}
#gallery .caption {position: relative; top: 4px; left:10px; }
.article-image .caption {padding: 0.3em 0.6em ;display: block;font-style: italic;width: 480px;}
.designs #main-content ul,#site-information ul li,.article-image .caption   {font-weight: bold;}
#site-information ul li a {font-weight: normal;}
/* anchors */
a, a:visited, a:visited:hover, a:hover, a:focus {color: #020F23;text-decoration:none;border-bottom: solid 1px #00275e;background: #f8f8f8;}
a:hover, a:focus {color: #020F23;background: #f6f6f6;border-bottom: solid 1px #020F23;}
a:visited {color: #020F23;background: #f8f8f8; text-decoration:none; border-bottom: solid 1px #00275e;}
a:visited:hover {background: #fff;border-bottom: solid 1px #00275e;}
ul li a:visited, h3 a:visited, p a:visited {color: #020F23;background: #f6f6f6; text-decoration:none; border-bottom: solid 1px #020F23;} 
/* images */
* a img, * li a:visited img {border:none;}

#main-content p img { float:left;  padding: 0.4em; margin-top: 0.1em;margin-right: 1.8em;margin-bottom: 1em;border: solid 4px #eee;border-radius : 3px;
 -moz-border-radius : 3px; /* Will not validate */background: #f8f8f8;}
#sub-content #image {margin-bottom:1em;}
#sub-content .image span.caption {position: relative; left: 1.4em;}
body.designs #sub-content .image {margin: 4.6em 0 2em 0;padding-bottom: 3em;}
body.designs #sub-content #plus.image {margin: 4.6em 0 2em 0;padding-bottom: 0;}
#sub-content #slide-show ul li {list-style: none;margin:0; padding:0; }
#sub-content  #slide-show ul.slides {margin: 0.4em 0 1em 0.4em;}
#sub-content  #slide-show ul.slides li {margin: 0 ;list-style:none; display:inline; padding:0 0.98% 0.3em 0; }
#sub-content #slide-show ul.slides li a:hover, #sub-content  #slide-show ul.slides li a:visited {padding:0; border:none;background: #fff;}
#sub-content #slide-show ul.slides li a img {padding-bottom: 0.4em;   width:86px; height:86px;  min-width: 80px; min-height: 80px; border-bottom: solid 2px #ccc; border-top: none; border-left: none; border-right: none;}
#sub-content #slide-show ul.slides li a:hover img,  #sub-content  #slide-show ul.slides li a:focus img {background-color: #fff; border-bottom: solid 2px #00275e;border-top: none; border-left: none; border-right: none;}
.article-image:first-child {margin-top: 5.6em;}
.article-image {margin-bottom: 1.8em;padding-bottom: 1.2em;}
/* layout */
#branding-container,#container,#visual-content-container,  #content-container,#container, #site-information-container{width: 100%;margin:0; padding:0;overflow: hidden; }

#branding,#visual-content {text-align:left; position:relative;margin: 0 auto; padding:2em 0 0 0;width: 96%; max-width: 1024px;}
#visual-content {margin: 0 auto 2em auto;padding: 0.4em;overflow: hidden;height: 403px;}
#gallery {width: 66%;height: 390px; float:left;margin: 0; padding: 0;position: relative;z-index:0; }
#gallery img {text-align: center; margin: 0;padding:0;width: 680px;height: 357px}
#latest { width: 336px;margin: 0;position: absolute; top: 0.4em; right:0.2em;z-index: 1000;display: block;}
 #content {position:relative;width: 96%;max-width: 1024px;
margin: 0 auto; padding: 0;text-align:left;}
#content #main-content {position:relative;width: 47.6%;float:left;clear:left;margin:0 0  2em 0;padding: 0;}
#content #sub-content {clear:right; float:right;width: 50%;position: relative; top: 0;margin: 0 0 2em auto; padding: 0.6em 0 1% 0;}
#sub-content #column-1 {float:left;clear:left;width: 50%;}
#sub-content #column-2 {clear:right; float:right;width: 49%;}
#branding .vcard {float : right; }
#sub-content .vcard {margin:1em 0 0 0.8em;}
#sub-content .vcard p {margin-left: 0;}

body.thankyou #content #sub-content {padding-bottom: 3.6%;}
#site-information {text-align: center;clear:both;margin: 0 auto; padding:1.6em 0 1.6em 0;width: 96%;max-width: 1024px;}
span.more-information, h2.more-information, #branding ul.navigation li h2.more-information, form#contactform-passagemakerlite textarea#honey, form#commentform-passagemakerlite textarea#honey {position:absolute;left: -9999px;border-right:0; margin:0; padding:0;width:0; height:0; }
/* list-styles */
* ul, ul li,ul li ul, ul ul li {list-style:  none;  margin: 0; padding:0;}
#latest {list-style:  none;  margin: 0 ; padding:0;}
#latest li h2,#latest li h3,#latest li ul  {list-style:  none;  margin: 0 0.6em; padding:0;}
#latest li h3,#latest li ul  {margin: 0 0.4em;}
#latest li h2 {margin-bottom: 0.3em;}
#latest li.email {padding-top: 0.3em;}
#latest li ul  li {padding-bottom: 0.2em;}
#latest ul.specs  li{padding-top: 0.2em;}
#main-content ul, main-content ol {margin: 1em;}
#main-content ul  {margin-left: 1.4em;}
 #main-content ul li {display:inline;margin-right: 0.75em;}
main-content ol {list-style-position:inside;font-weight:bold;}
#main-content ol li.comment_odd {background:#f8f8f8;}
#main-content .menu {padding-bottom: 0.8em;margin:0 0 0 0.6em;}
#main-content .menu,#main-content .menu li{display: block;list-style-type: square;list-style-position: outside;list-style-image: none;}
#main-content .menu li {margin-bottom:0.4em;list-style-type: square;list-style-position: outside; }
#main-content ol li.comment_even {background:#fff;}
#main-content ol li.comment_odd, #main-content ol li.comment_even {padding: 0.26em;margin: 1em 1em 1em 0;} 
#main-content ol ul li.comment_name {display:block;}
#main-content  ol ul li.comment_name, #main-content  ol ul li.comment_name, #main-content  ol ul li.comment_time, #main-content  ol ul li.comment_time {font-weight:bold;}
#main-content  ul#errors, #sub-content  ul#errors {margin: 1em 2em;}
#main-content  ul#errors li, #sub-content  ul#errors li {display:block;background: transparent url(/images/tango-warning-icon.png) no-repeat center left ;padding-left:2.2em;line-height: 1.5;font-weight:bold;margin-bottom: 0.5em;margin-left: 2em;}
#main-content  ul#errors li.heading, #main-content  ul#errors li.heading h3, #sub-content  ul#errors li.heading, #sub-content  ul#errors li.heading h3  {display:block;padding:0;color:#000;background: #fff; }
.breadcrumbs {width:99%; margin:  0 0 -1.2em 0;position: relative;top: -1.2em; left:-1em;  float: left;padding: 0 0.1em; border: solid 0px #eee; border-top-width: 0; }

.breadcrumbs li{float:left;display: inline; margin:0  5px 0 0;padding:0 0  0.6em 0;}
.breadcrumbs  li a{display:block;background: transparent;padding:0; text-decoration: none; border-bottom: 0px none;text-transform: uppercase;}
body.designs #main-content ul {margin-bottom: 5em;}
 body.designs #main-content ul.breadcrumbs {margin-bottom: 1em;}
#sub-content ul  {margin: 0; padding:0;}
#sub-content ul li {margin:0 0.98em 0.8em 0; padding:0.3em 0 0.3em 0.4em;}
body.contact #sub-content ul li {margin-bottom:0;}
#sub-content ul li h3 {margin: 0 0.98em 0.6em 0; padding:0 0 0.4em 0.2em;}
 #sub-content ul li p {margin: 0 0.98em 0.6em 0; padding:0.4em 0 0.4em 0.2em;}
#sub-content ul li span.pub-title {font-weight: bold;}
.copyright li{ display:inline;margin-right: 5px;}
.copyright li a {margin-left: 15px;}
/* navigation */
#branding ul.navigation {list-style: none;margin:   0;padding: 0 0.9em 0 0;float: right;clear: right;display: block;width: 60%;text-align: left; position:relative; top:-0.3em;}
#branding ul.navigation  li {text-transform:uppercase; }
#branding ul.navigation ul li {float:left;display: inline; margin-right: 1.8em;}
#branding ul.navigation ul li.last {margin-right: 0; }
#branding ul.navigation ul li a {display:block;background: transparent;padding: 5px 0 0 0;border-bottom:0;color: #E6DBD3; }
#branding ul.navigation ul li a:visited {color: #eee;}
#branding ul.navigation ul li a:visited:hover {color: #fff;opacity:0.5;filter:alpha(opacity=50);/* Will not validate */border-bottom: solid 0px #fff;text-decoration:none;}
#branding ul.navigation ul li a:hover, #branding ul.navigation ul li a:focus {color: #686660;opacity:0.5;filter:alpha(opacity=50);/* Will not validate */}
body.home #branding ul.navigation ul li a.home, body.news #branding ul.navigation ul li a.news, body.about #branding ul.navigation ul li a.about, body.links #branding ul.navigation ul li a.links, body.contact #branding ul.navigation ul li a.contact, body.articles #branding ul.navigation ul li a.articles, body.designs #branding ul.navigation ul li a.designs {border-bottom: solid 2px #eee;text-decoration:none;text-shadow: 1px 1px 1px #b96631;}
/* branding */
 #logo { position: relative;z-index: 1000;margin: 0; padding: 0;float:left;clear: left;width: 38% } 
 #logo h1 a, #branding #logo h1 a:visited {color: #fff;text-decoration: none;padding-bottom:3px;}
#logo h1 a:hover {color: #fff;opacity:0.5;filter:alpha(opacity=50);text-shadow: 2px 2px 1px #eee;/* Will not validate */}
 #logo h1 {display:block;letter-spacing: -1px;font-weight: normal;color:#fff;text-shadow: 1px 1px 1px #b96631;font-size: 2.2em;margin: 0;padding: 0; text-transform: uppercase;line-height: 1em; }
 #logo h1 span {position: relative;top:0;margin: 0;padding: 0 ; font-weight: normal;font-size: 1.0em;color: #fff;text-transform: uppercase;}
#branding a {background: transparent;}
#branding a:hover, #branding a:visited {color: #260e7b;background: transparent;}
#branding a#skip, #branding a#skip:visited{color:#fff;position:absolute;top:0; right: 1em;margin: 0;padding: 0.1em 0 0 0;border:none;text-decoration:none;}
#branding a#skip:hover,#branding a#skip:focus {color:#fff;opacity:0.9;filter:alpha(opacity=90);/* Will not validate */}
#branding  blockquote  {display:block;color: #E6DBD3;border-top: double 6px #E6DBD3;
text-shadow: 3px 4px 4px #020F23; font-size: 1.6em;line-height: 1.2;letter-spacing: 1px;font-weight: normal; margin: 0.6em 0 0 0; padding:0.4em 0 0.6em 0.6em;float: left;clear: left;width: 100%;}
#branding  blockquote p {margin:0;padding:0;}
body.home #branding blockquote {margin-bottom: 0;}
.brand {text-transform: uppercase;letter-spacing: -1px;font-weight: normal;color:#fff;font-size: 0.8em}
.brand em {font-style: normal;}
 {
 -moz-box-shadow: inset  -5px -5px -5px #000;  
 -webkit-box-shadow: inset 0 0 4em #1B3020;   
 box-shadow: inset 0 0 4em #1B3020;
 position: absolute;
 top: 0em;

 left: 0;
 width: 100%;
 height: 100%;
 z-index: 100;
 content: "";
}
/* forms */
form { width: 90%;margin: 0 0.8em 1.2em 0; padding:0.4em  0 1.0em 0.8em;background: #f6f6f6 ;background-image:-moz-linear-gradient(100% 100% 70deg, #eee, #f6f6f6);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#f6f6f6));
}
fieldset {border: none;margin: 0;  padding: 0 1em; }
label {display: block;border: none; padding: 0.38em 0 0.2em 0.2em;font-size:1.3em;font-weight: bold;}
input[type=text], textarea {background:#fff; border: solid 4px #eee;padding: 0.4em;}
input#submit { }
input[type=text]:focus, textarea:focus {color:#575757;  background:#ffe;   }
input[type=text]:focus:hover, textarea:focus:hover {background:#ffe;}
button {color:#020F23;margin:0 0 -2em 1em;position: relative; top: -1em;padding:0 5px;}
/* footer */
#site-information ul {text-align:left; position:relative;margin: 0; padding: 0;width: 100%; }
#site-information ul li {list-style: none; margin-right:  1.05em;padding:0;}
#site-information ul li a {text-decoration:none;border-bottom: solid 1px #08244c;padding:3px 4px; margin:0 0 0 5px;}
#site-information ul li a, #site-information ul li a:visited {background: #020F23}  

