/* Hand coded by Richard E. Marsh at westenglandmedia.com */

/* --------------------------------------------- master reset */

h1, h2, h3, h4, h5, a, p, ul, ol, li, cite, blockquote, div, span, table, tr, td {margin:0; padding:0;}

img {border:none;}

/* --------------------------------------------- structure */

body {font-family:Arial, Helvetica, sans-serif; margin:0 auto; background:url(../../images/main_bg.jpg) top left repeat-x #0b0b0b; padding:0;}

#wrap {margin:0 auto; width:960px;}

#head {height:100px;}

#main {position:relative; clear:both; padding-top:20px;}


/* --------------------------------------------- header */

#head #logo {float:left;}

h1 {color:#333; position:absolute; left:-9999px;}

/* --------------------------------------------- header - navigation*/

#head #global_nav {position:relative;}

#head #global_nav ul {list-style:none; position:absolute; right:20px; top:60px;}

#head #global_nav ul li { float:left; margin-left:30px; font-size:90%; font-weight:bold; width:auto;}

#head #global_nav ul li a {text-decoration:none; color:#FFFFFF; text-transform:uppercase;}

#head #global_nav ul li a:hover { text-decoration:underline; color:#ff6600;}


/* --------------------------------------------- active link */

#index #global_nav a#navhome, #services #global_nav a#navservices, #why #global_nav a#navwhy, #contact #global_nav a#navcontact {color:#666666;}

#index #global_nav a#navhome:hover, #services #global_nav a#navservices:hover, #why #global_nav a#navwhy:hover, #contact #global_nav a#navcontact:hover {color:#ff6600;}


/* index preview */

#preview {height:200px; margin:0 0 0 0; display:block;}

#preview ul#slides {list-style:none;}

#preview ul#slides li {width:958px; height:200px;}

#preview ul#slides li strong {font-size:180%; color:#ff6600;}

#preview ul#slides li strong span {display:block; color:#FFFFFF; font-size:55%; font-weight:bold; width:350px; text-align:justify; line-height:1.5;}

#preview ul#slides li#slide1 strong {float:right; text-align:right; margin-top:40px; margin-right:30px; background-color:transparent;}
#preview ul#slides li#slide1 {background-image:url(../../images/preview1.jpg); border:1px solid #FF6600; display:none;}

#preview ul#slides li#slide2 strong {float:left; margin-top:40px; margin-left:20px; background-color:transparent;}
#preview ul#slides li#slide2 {background-image:url(../../images/preview2.jpg); border:1px solid #FF6600;}

#preview ul#slides li#slide3 strong {float:left; margin-top:40px; margin-left:20px; background-color:transparent;}
#preview ul#slides li#slide3 {background-image:url(../../images/preview3.jpg); border:1px solid #FF6600;}

#preview ul#slides li#slide4 strong {float:right; text-align:right; margin-top:40px; margin-right:30px; background-color:transparent;}
#preview ul#slides li#slide4 {background-image:url(../../images/preview4.jpg); border:1px solid #FF6600;}

/* --------------------------------------------- main */

#main .box {float:left; background-color:#222; border:1px solid #ff6600; padding:10px 15px; width:268px; height:260px; max-height:260px; position:relative;}

#main .box h3 {color:#ff6600; font-size:120%;}

#main .box p {color:#fff; font-size:90%; margin:6px 0; text-align:justify; line-height:1.5;}

#main .box a {color:#ff6600; font-size:80%; display:block;}
#main .box a:hover {color:#999999; text-decoration:none;}

#main #feat1 {margin-right:30px; background-image:url(../../images/stopclock.jpg); background-repeat:no-repeat;}
#main #feat2 {margin-right:30px; background-image:url(../../images/liferaft.jpg); background-repeat:no-repeat;}
#main #feat3 {background-image:url(../../images/clipboard.jpg); background-repeat:no-repeat;}

#main #feat1 img { float:right; margin-top:-8px;}
#main #feat3 img {float:right;}

#main #feat3 span {display:block; margin-left:20px;}

#main #feat3 p {margin-right:135px;}

/* --------------------------------------------- main - full */

#main .full {border:1px solid #ff6600; background-color:#111; margin-top:20px; padding:10px 15px; width:930px;}

/* --------------------------------------------- main - complete frame */

#main .frame {border:1px solid #ff6600; background-color:#111; padding:15px 25px; position:relative;}

/* --------------------------------------------- contact form */

#contact #main {color:#FFF;}

.left {float:left; width:600px; margin-right:60px;}
.right {float:left; width:242px;}

#contact #main #mail {font-size:80%; margin-top:24px;}

#contact #main table {}

#contact #main input, #contact #main label, #contact #main textarea {margin:5px 8px;}

#contact #main input.txt {width:200px; padding:6px 7px; border:1px solid #ff6600;}

#contact #main textarea {width:400px; height:160px; padding:6px 7px; font-family:Arial, Helvetica, sans-serif; border:1px solid #ff6600;}

input[type="text"]:focus, textarea:focus {background-color:lightyellow;}

#contact #main input.btn { padding:1px 7px; background-color:#ccc;}

#contact address {font-size:100%; font-style:normal; color:#fff; margin-bottom:18px;}

address span {display:block; font-size:90%;}

#contact #main h2 {font-size:200%;}

#contact #main h2, #contact #main h3 {color:#ff6600; margin-bottom:2px;}

#contact #main h3 {font-size:100%;}

#contact #main p {font-size:90%; margin-bottom:18px; line-height:1.5; text-align:justify;}

#contact #main a {color:#ff6600;}

#contact #main a:hover {color:#666; text-decoration:none;}

p.success {padding:12px; border:1px solid #0C0; background-color:#A8FFA8; font-weight:bold; font-size:80%; clear:both; margin:10px 0 -10px 0;}

p.success span {color:#060;}

p.error {padding:12px; border:1px solid #C00; background-color:#FFC1C1; font-weight:bold; font-size:80%; clear:both; margin:10px 0 -10px 0;}

p.error span {color:#C00;}



/* --------------------------------------------- services */

#services #main {color:#FFF;}

#services #main h2 {font-size:200%; margin:12px 0 0 0; color:#f60;}

#services #main h3, #services #main h4 {clear:both;}

#services #main h3 {border-bottom:1px dotted #f60; margin:36px 0 24px 0; color:#F60}

#services #main h4 {font-size:95%; margin:36px 0 0 0;}

#services #main p {font-size:90%; margin:6px 0 18px 0; text-align:justify; line-height:1.5;}

#services #main .prices {float:left; width:250px; margin-right:80px;}

#services #main .pricedef {float:left; width:400px; margin-top:24px;}

#services #main .pricedef ul {font-size:90%; margin:0 0 0 24px;}

#services #main .pricedef ul li { margin-bottom:6px; text-align:justify; line-height:1.5;}


#services #main .prices table {margin:24px 0; border-collapse:collapse; font-size:90%; text-align:center;}

#services #main .prices table thead tr {border-bottom:1px solid #333;}

#services #main .prices table th {padding:8px 12px;}

#services #main .prices table tbody tr {}
#services #main .prices table tbody tr.odd {background-color:#333;}

#services #main .prices table td { padding:8px 12px;}


#services #main dl {font-size:90%; padding:0;}

#services #main dl dt {float:left; width:140px; font-weight:normal; clear:left; margin:0 0 9px 0; border-bottom:1px dotted #BF6000;}

#services #main dl dd {float:left; width:40px; text-align:left; margin:0px 0 9px 0; border-bottom:1px dotted #BF6000; text-align:right;}

#services #main .subservice {width:50%; float:left;}

#services #main .subservice dl {width:240px;}

#services #main .subservice dl dt {width:210px;}

#services #main .subservice dl dd {width:30px;}

#services #main ul.companies {width:100%; display:block; list-style:none;}

#services #main ul.companies li {float:left; width:25%;}

#services #main ul.companies li em {font-size:80%; color:#999;}

#services #main ul.companies li h4 {margin:12px 0 0 0px;}

#services #main ul.companies li ul.brands { margin:12px 0 12px 24px; font-size:80%; list-style:disc;}

#services #main ul.companies li ul.brands li {margin-bottom:2px; line-height:1.5; text-align:left; width:100%;}

#services #main ul.companies li ul.brands li span {display:none;}

#services #main ul.companies li ul.brands li em {font-size:80%; color:#999999;}

/* --------------------------------------------- why msg? */

#why ul {list-style:none;}

#why ul li {float:left;}

#why ul li a img {border:1px solid #f60; margin:24px;}

#why #main {color:#FFF;}

#why #main h2 {font-size:200%; margin:12px 0; color:#f60;}

#why #main h3 {border-bottom:1px dotted #f60; margin:12px 0;}

#why #main h3, #why #main h4 {clear:both; color:#F60;}

#why #main p {font-size:90%; margin:6px 0 18px 0; text-align:justify; line-height:1.5;}

#why #main a {color:#f60;}

/* --------------------------------------------- brands */

#main #brands h4 {color:#ff6600; float:left; font-size:110%;}

#main #brands p {font-size:80%; color:#FFFFFF; float:left; margin:3px 0 0 6px;}

#main #brands ul {list-style:none; clear:both; background:url(../../images/liferaft_brands.gif) no-repeat top left; height:200px; overflow:hidden;}

#main #brands li { text-indent:-999px;}

/* --------------------------------------------- footer */

#foot {position:relative; margin-top:20px; padding-bottom:20px; margin-right:5px; clear:both;}

#foot ul#sub_nav {list-style:none; position:absolute; top:0px; right:0px;}

#foot ul#sub_nav li { font-size:70%; float:left; color:#999; margin:0 2px; text-transform:uppercase;}

#foot ul#sub_nav li a { color:#ccc;}

#foot ul#sub_nav li a:hover { color:#999;}


#foot ul#seo {float:right; font-size:70%; margin-top:30px; color:#999999; list-style:none; width:auto;}

#foot ul#seo li {float:left; margin-left:12px; width:auto;}


#foot ul#credits {list-style:none;}

#foot ul#credits li#cc {font-size:75%; color:#666;}

/* --------------------------------------------- credits */

#foot ul li#wem a {color:#FFFFFF; font-size:60%; font-weight:bold; text-transform:uppercase; text-decoration:none;}

#foot ul li#wem a:hover { border-bottom:1px dashed #666;}

#foot ul li#wem a span.logo1 {color:#ccc;}
#foot ul li#wem a span.logo2 {color:#0033ff;}
#foot ul li#wem a span.logo3 {color:#006600;}
#foot ul li#wem a span.logo4 {color:#666;}




/* --------------------------------------------- other */

abbr {border-bottom:1px dotted #ccc;}

.clear {clear:both;}