@import "reset.css";

body { background-color: #fff; color: #000; font: .75em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #b60d13; text-decoration: underline; }
a:hover { color: #b60d13; text-decoration: none; }

.star { display: inline; float: right; margin: -10px 0 1em 10px; }
.port { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; }

p img { vertical-align: middle; }

img.frame { border: solid 3px #d8d8d8; }

.reset { margin: 0 0 1em; padding: 0; }
.resetpos { clear: both; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }
h1,h2,h3 { font-weight: normal; }

h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 140%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Form modelling */

input { vertical-align: middle; }
input.text, input.smalltext, input.tinytext, textarea, select { padding: 3px; border: solid 1px #e0d5d7; color: #5a5a5a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #a30a20; outline: none; }
input.button { border-style: solid; border-width: 2px; border-color: #f9f8f3 #828177 #828177 #f9f8f3; background-color: #e3e3e3; color: #555; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }
textarea { overflow: auto; height: 100px; }
input.checkbox { width: 15px; height:24px; }

em.required { color: #b00a26; font-weight: bold; margin-left:5px; }

.quote .label {height:22px; display: inline; width: 250px; float: left; margin: .5em 7px 0 0; text-align: right; }
.quote .small { width: auto; float: none; margin: 0 .5em 0 0; vertical-align: middle; }
.quote input.text { margin: .25em 0; }
.quote .check { display: inline; height:auto; display: block; width: 320px; margin: .25em 0 1em; text-align:left !important;}
.quote input.smalltext, .quote input.checkbox {margin:0.25em 0.25em 0.25em 0; }
.quote input.submit { width: 75px; height: 24px; }

.quote #contact { display: inline; float: left; margin: .25em .5em .25em 0; }


/* Column group model */

.outwards { width: 100%; text-align: center; }
.inwards { width: 880px; margin: 0 auto; text-align: left; }
.section { margin-bottom: 2em; }

.colgroup { position: relative; clear: both; }
.colgroup .colset { clear: both; width: 100%; }
.colgroup .col { clear: none !important; display: inline; float: left; width: 49.9%; }
.colgroup .port { float: left; }
.colgroup .star { float: right; }
#colgroup1_full .colA { width: 100%; }

/* Story section */

.story p, .story blockquote, .story ul, .story ol { margin-bottom: 1em; }
.story h1, .story h2, .story h3, .story h4, .story h5, .story h6 { margin-bottom: 1em; color: #616161; font-weight: normal; }
.story h4, .story h5, .story h6 { color: #b00a26; font-weight: bold; }
.story h1.homebox { margin-bottom:0; color: #616161; font-weight: normal; }
.story h3 { border-bottom: solid 1px #e8e8e8; }
.story h4 { border-bottom: solid 1px #e8e8e8; }
.story img { display: inline !important; }


/* Box models */

.box { clear: both; margin-bottom: 1em; }

.boxA { overflow: hidden; position: relative; width: 893px; margin: 0 -7px 1em; background: url(../images/box1-bg.png) repeat-y; color: #838383; }
.boxA .before { background: url(../images/box1-top.png) 50% 0 no-repeat; }
.boxA .after { padding: 30px 30px 18px; background: url(../images/box1-bottom.png) 50% 100% no-repeat; }

.boxB { width: 237px; background: url(../images/box5-bg.png) repeat-y; }
.boxB .before { background: url(../images/box5-top.png) 50% 0 no-repeat; }
.boxB .after { padding: 20px 20px 15px; background: url(../images/box5-bottom.png) 50% 100% no-repeat; }


/* List models */

.listA { width: auto; margin: 0; font-family: Arial, Helvetica, sans-serif; }
.listA li { display: inline; float: left; width: 207px; margin: 0 6px 13px; }
.listA li .header { overflow: hidden; position: relative; z-index: 1; height: 63px; border-bottom: solid 2px #707070; }
.listA li .header img { float: left; }
.listA li .header .before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 63px; background: url(../images/box2-top.png) 50% 0 no-repeat; }
.listA li .body { overflow: hidden; width: 190px; height: 110px; padding: 10px 5px 10px 12px; background: url(../images/box2-bottom.png) 0 100% no-repeat; color: #555; }

.listB { text-align: center; }
.listB li { display: inline; }
.listB li img { vertical-align: middle; }

.listC { font-family: Georgia, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  display:block;}
.listC li blockquote { padding-left: 30px; background: url(../images/bg-quotes-left.png) 0 0 no-repeat; }
.listC li blockquote p { margin-bottom: .5em; color: #807f7f; font-style: italic; }
.listC li blockquote p .w { padding: 2px 30px 2px 0; background: url(../images/bg-quotes-right.png) 100% 100% no-repeat; display: inline-block; }
.listC li blockquote cite { color: #302f2f; font-weight: bold; }

.tabsA { float: left; width: 100%; border-bottom: solid 1px #943145; }
.tabsA li { display: inline; float: left; margin-right: 5px; }
.tabsA li a { float: left; padding-left: 8px; background: url(../images/tabs1.png) no-repeat; }
.tabsA li a span { float: left; padding: 5px 10px 4px 2px; background: url(../images/tabs1.png) 100% 0 no-repeat; cursor: pointer; }
.tabsA li a, .tabsA li a:visited { color: #ac8990; text-decoration: none; }
.tabsA li a.on, .tabsA li a.on:visited { position: relative; margin-bottom: -1px; background-position: 0 -50px; color: #943145; }
.tabsA li a.on span { padding-bottom: 5px; background-position: 100% -50px; }


/* Table models */

table { margin-bottom: 1em; }

table.tableA th, table.tableA td { vertical-align: top; }
table.tableA thead th { color: #ab0a23; text-align: right; }
table.tableA tbody th { font-weight: bold; text-align: right; }


/* Custom headings */

#logo { display: inline; float: left; margin: 10px 0 0; width: 200px; }
#pagetitle { clear: both; padding-top: 5px; border-bottom: solid 1px #e8e8e8; color: #616161; font-size: 200%; font-weight: normal; }


/* Single layers */

#header { height: 110px; margin-bottom: 1px; border-bottom: solid 8px #f8e4e8; background: #c1183c url(../images/grad1.png) repeat-x; }
#content { background: #fff url(../images/grad2.png) repeat-x; }
#content2 { padding: 20px 0 30px; background: url(../images/grad3.png) 0 100% repeat-x; }


/* Custom column groups */

#colgroup1 { position: relative; }
#colgroup1 .colA { float: left; width: 615px; }
#colgroup1 .colB { float: right; width: 240px; padding-bottom: 2em; }

#col1 { float: right; width: 240px; margin-left: 20px; }

#sidebar .back { text-align: right; }
#back-bottom { position: absolute; bottom: 0; right: 0; z-index: 10000; }


/* Navigation */

#navbar { display: inline; float: right; height: 54px; margin-top: 26px; }
#nav { height: 54px; margin: 0; text-transform: lowercase; }
#nav li { float: left; height: 36px; padding: 9px 0; background: url(../images/bg1.png) 50% 0 no-repeat; }
#nav li.first { background-position: 0 0; }
#nav li.last { background-position: 100% 0; }
#nav a { float: left; height: 36px; padding: 0 6px; border-right: solid 1px #fefefe; border-left: solid 1px #e0d5d7; line-height: 36px; white-space: nowrap; }
#nav a, #nav a:visited { color: #49131e; text-decoration: none; }
#nav a:hover, #nav a.on { background: url(../images/bg1.png) 50% -63px no-repeat; }
#nav li.first a { padding-left: 25px; border-left: none; }
#nav li.last a { padding-right: 25px; border-right: none; }
#nav li.first a:hover, #nav li.first a.on { background-position: 0 -63px; }
#nav li.last a:hover, #nav li.last a.on { background-position: 100% -63px; }

#subnavbar { margin-bottom: 2em; }
#subnavbar .after { padding: 7px; }
#subnav { margin: 0; font-size: 120%; text-transform: lowercase; }
#subnav li { padding: .75em 22px; background: url(../images/grad6.png) 50% 100% no-repeat; font-weight: bold; }
#subnav a, #subnav a:visited { color: #943145; text-decoration: none; }
#subnav a:hover, #subnav a.on { color: #a30a20; }

#subnav2 { float: left; margin-bottom: 2em; text-transform: lowercase; }
#subnav2 li { display: inline; float: left; padding: 0 7px; border-right: solid 1px #f8e4e8; line-height: 1.2em; white-space: nowrap; }
#subnav2 li.first { padding-left: 0; }
#subnav2 li.last { padding-right: 0; border: none; }
#subnav2 li a, #subnav2 li a:visited { color: #943145; text-decoration: none; }
#subnav2 li a:hover, #subnav2 li a.on { text-decoration: underline; }


/* Welcome section */

#welcome { margin-bottom: 0; padding-bottom: 1em; }
#welcome h2 { margin-bottom: .5em; }
#welcome img.star { margin-bottom: 0; }


/* Quick Info */

#quick-info li { margin-bottom: 0; }
#quick-info h3 { letter-spacing: -1px; }
#quick-info p.more { margin-right: 10px; text-align: right; }
#quick-info li .body { height: auto; min-height: 110px; } * html #quick-info li .body { height: 110px; }


/* Team List */

.team-list li.colgroup { position: relative; margin: 0 -6px 0 -5px; margin-bottom: 1em; background: url(../images/box3-bg.png) 50% 0 repeat-y; }
.team-list li.colgroup .before { background: url(../images/box3-top.png) 50% 0 no-repeat; }
.team-list li.colgroup .after { padding: 15px; background: url(../images/box3-bottom.png) 50% 100% no-repeat; }
.team-list li.colgroup .colA { width: 292px; background: url(../images/pattern1.png) 100% 0 repeat-y; }
.team-list li.colgroup .colB { width: 551px; margin-left: -2px; padding-left: 20px; background: url(../images/pattern1.png) 0 0 repeat-y; }
.team-list .preview { float: left; width: 72px; height: 83px; margin-right: 15px; padding: 5px; background: url(../images/box4.png) 50% 50% no-repeat; }
.team-list .preview img { float: left; }
.team-list h3 { margin-top: .5em; font-size: 120%; color: #b00a26; text-transform: uppercase; }
.team-list p { margin: 0; }


/* Contact Form */

#contact-information { min-height: 300px; padding-bottom: 1em; } * html #contact-information { height: 300px; }
#contact-information table { margin: 0; }
#contact-information .colA { width: 400px; }
#contact-information .colB { float: right; width: 440px; }


/* Footer */

#footer { clear: both; margin-top: 1px; border-top: solid 8px #f8e4e8; background: #c5153a url(../images/grad4.png) 0 100% repeat-x; color: #fff; }
#footer .inwards { padding: 1em 0 1px; }
#footer .colA { width: 63%; }
#footer .colB { width: 36%; margin-top: 1.2em; }
#footer a, #footer a:visited { color: #fff; }
#footer ul.nav { text-transform: lowercase; }
#footer ul.nav li { float: left; margin-bottom: 1em; border-right: solid 1px #dd516c; line-height: 1.2em; white-space: nowrap; }
#footer ul.nav li.last { border: none; }
#footer ul.nav li a { margin: 0 5px; }
#footer ul.nav li a, #footer ul.nav li a:visited { text-decoration: none; }
#footer ul.nav li a:hover { color: #fff; text-decoration: underline; }
#footer ul.nav li.first a { margin-left: 0; }
#footer ul.nav li.last a { margin-right: 0; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .colset:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .colset, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .colset, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .colset, .section, .after { display: block; }
/* end hide */