/**********************************************************
CSS-file for Orams Marine Services
Developed by Phosphor Essence Ltd.
Typography Styles
**********************************************************/

/**************************
HEADER
**************************/
#header strong {
font-weight: 100;
}
#header a:hover strong {
color: #FFCC80;
text-decoration: none;
}

/**************************
NAV
**************************/


/**************************
SUBNAV
**************************/
#subnav li a {
font-size: 1.0em;
color: #AAA;
text-decoration: none;
display: block;
padding: 0 0 0 22px;
margin: 0 1px 7px 0;
background: url(../media/images/bullet_rope.gif) 0px 3px no-repeat;
}
#subnav li a:hover {
color: #FFF;
background: url(../media/images/bullet_rope_f2.gif) 0px 3px no-repeat;
text-decoration: none;
}
#subnav li a.selected {
color: #FFF;
background: url(../media/images/bullet_rope_f2.gif) 0px 3px no-repeat;
}

/**************************
CONTENT
**************************/
#content p, #right p {
line-height: 140%;
}

/**************************
navBox - HOME
**************************/
.navBox .heading h1 {
color: #FFF;
font-size: 180%;
line-height: 120%;
font-weight: normal;
margin: 0;
padding: 0;
}
.navBox .heading h1 a {
color: #CCC;
display: block;
padding: 7px 0 0 0;
border-top: solid 6px #BBB !important;
position: relative;
}
.navBox .heading h1 a:hover {
color: #FFF;
border-top: solid 6px #FFF !important;
text-decoration: none;
}
.navBox .heading h2 {
color: #C33733;
font-size: 120%;
line-height: 120%;
font-weight: normal;
text-transform: none;
margin: 0;
margin: 0 35px 0 0;
}
.navBox .pgnav ul {
list-style: none;
}
.navBox .pgnav li {
color: #FFF;
font-size: 120%;
font-weight: bold;
line-height: 100%;
margin: 0 0 7px 6px;
padding: 0;
}
.navBox .pgnav li a {
color: #AAA;
background: url(../media/images/bullet_arw.gif) 0px 3px no-repeat;
padding: 0 0 0 18px;
}
.navBox .pgnav li a:hover {
color: #FFF;
background: url(../media/images/bullet_arw_f2.gif) 0px 3px no-repeat;
text-decoration: none;
}

/**************************
sectionFrontpage
**************************/

.bottomFrontpage .heading p {
color: #CCC;
margin: 0 0 0 40px;
padding: 0;
}
.bottomFrontpage a {
color: #AAA;
text-decoration: none;
}
.bottomFrontpage a:hover {
color: #FFF;
text-decoration: underline;
}

/**************************
sectionFrontpage
**************************/
.sectionFrontpage .heading .stripes {
color: #FFF;
margin: 0;
padding: 21px 0 0 0;
background: url(../media/images/bkgd_lines.gif) top left repeat;
border-top: 6px solid #FFF;
}
.sectionFrontpage .heading h1 {
color: #FFF;
font-size: 200%;
line-height: 120%;
font-weight: normal;
margin: 0;
padding: 11px 0 0 0;
}

/**************************
textpage
**************************/
.textpage .heading h1 {
color: #C33733;
font-size: 130%;
line-height: 120%;
font-weight: normal;
margin: 0;
padding: 0;
}
.textpage .heading h2 {
color: #FFF;
font-size: 200%;
font-weight: normal;
line-height: 125%;
margin: 0;
padding: 16px 0 0 0;
height: 2.6em;
}
.textpage .heading h1 a {
color: #C33733;
display: block;
margin: 0;
padding: 11px 0 0 0;
border-top: solid 6px #C33733 !important;
position: relative;
text-decoration: none;
}
.textpage .heading h1 a:hover {
color: #FFF;
display: block;
border-top: solid 6px #FFF !important;
text-decoration: none;
}

#textContent p.block {
width: 290px;
float: left;
display: block;
}

/**************************
FOOTER
**************************/
#footer a {
text-decoration: none;
margin-top: 6px;
}
#footer a:hover {
text-decoration: none;
}

#footer p.footleft {
position: relative;
float: left;
margin-right: 220px;
}
#footer p.footright {
color: #555;
position: relative;
float: right;
}

.img {
margin: 5px 0 8px 0;
}
.img-border {
border: solid 1px #858993;
}