/* ==========================================================
Master Stylesheet

website:   www.paulbritton.com
version:   B011 with html headers instead of image-replacement
updated:   January 25 2011
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
url:       http://www.chromadesign.co.uk

============================================================ */

/* Reset and General Architecture */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {margin:0; padding:0;}
a{outline: none; text-decoration: none;}
a IMG{border: none;}
html, body{height: 101%;}
ul{list-style-type: none; margin: 0px 0px 24px 0px;}
ul span{position: relative; left: -5000px;}
.clearfix:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
body{background: #fff url(../i/str/bdbg02.pg) top center repeat-y; /*color: #4d5667;*/ color: #000; font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; line-height: 24px; text-align: center;}

#ienotice{display: none;}
.wrapper {width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; z-index: 99; background: url(../i/str/containerbg02.pg) top center no-repeat;}
#header{width: 100%; height: 79px; margin: auto;}
body.servicepage #header{height: 75px;}
body.profilepage #header{height: 79px;}
IMG#banner{width: 560px; float: left; clear: right; margin: 30px 0px 0px 0px;}

#navigation{width: 241px; height: 40px; float: right; margin: 27px 33px 0px 0px; background: url(../i/str/navbg01.jpg) top center no-repeat;}
#navigation ul, #navigation ul li{width: 100px; text-transform: uppercase; font-size: 11px;}
#navigation ul li{display: block; height: 20px; line-height: 20px; text-align: center;}
#navigation ul#left{float: left;}
#navigation ul#left li{float: left;}
#navigation ul#right{float: right;}
#navigation ul#right li{float: right;}

#navigation ul li a{display: block; width: 100px; height: 20px; background-image: url(../i/str/navigation03.jpg); background-repeat: no-repeat;}

#navigation ul li.about a, a:link a:visited a:active{display: block; background-position: -130px 0px;}
#navigation ul li.about a:hover{background-position: -250px 0px;}
#navigation ul li.about a.crt{}

#navigation ul li.services a, a:link a:visited a:active{background-position: -130px -20px;}
#navigation ul li.services a:hover{background-position: -250px -20px;}
#navigation ul li.services a.crt{}

#navigation ul li.profile a, a:link a:visited a:active{background-position: -130px -40px;}
#navigation ul li.profile a:hover{background-position: -250px -40px;}
#navigation ul li.profile a.crt{}

#navigation ul li.contact a, a:link a:visited a:active{background-position: -130px -60px;}
#navigation ul li.contact a:hover{background-position: -250px -60px;}
#navigation ul li.contact a.crt{}

#content{width: 960px; height: auto; margin: auto; text-align: left;}
#text{width: 560px; margin-top: 39px;}



.image{float: right; width: 300px; margin-top: 28px;text-align: center;}
.image div{width: 270px; margin: auto; text-align: left;}
body.profilepage .image{margin-top: 75px;}

.image IMG{margin-bottom: 5px;}
#text ul span{display: block; left: 0px; font-size: 11px; margin-left: 10px; color: #333333;}

/* imported from tabs.css */

a{color: #000; text-decoration: none;}
a:hover{color: #660000;}
p{margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; line-height: 18px; text-align: left;}
a.email, a:link a:visited a:active{color: #353b47; border-bottom: 1px dotted #353b47;}
a.email:hover{color: #000; border-bottom: 1px solid #000;}
body.homepage p{margin-bottom: 20px;}
#text p{width: 558px; text-align: justify;}
p, ul, dl{font-weight: 500; font-size: 13px;}
p.caption{color: #4d5667; font-size: 11px;}
ul{font-weight: 500; }
ul, dl{line-height: 22px;}
ul li{color: #363131;}
ul li span{display: block; font-weight: 500;}
ul li p{font-size: 11px; color: #4d5667;}
#image p{font-size: 12px;}
dl{margin-bottom: 24px;}
dt{font-weight: 500; margin-top: 4px; /*color: #363131;*/}
dt.first{margin-top: 0px;}
dd{margin: -4px 0px 0px 0px; font-size: 12px;line-height: 16px;}

.tabs{height: auto; margin-top: 24px;}
.tab{display: block; height: 22px; position: relative;}
.tab span{position: relative; left: -5000px;}
.tab#two{top: -22px;}
.tab#three{top: -44px;}
.tab#four{top: -66px;}
.tab a{display: block; height: 22px; width: auto; font-size: 10px; background-repeat: no-repeat;}

.boxholder{margin-top: -45px;}
body.profilepage .boxholder{margin-top: -23px;}
.boxholder p{width: 560px; text-align: justify;}

.tabtxt{margin: 0; color: #fff; font-size: 12px; font-weight: bold; padding: 0px 0px 0px 0px;}

h2, h3, ul{text-align: left; color: #000;}
ul#member, ul#member li span{color: #4d5667;}
h2, h3{with: 530px; height: 24px; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; color: #4d5667;}
h2{font-size: 17px;}
h3{font-size: 16px;}


#lists{width: 560px; height: 100px;}
#lists ul{float: left; width: 180px; margin-bottom: 0px;}

.footer, .push {height: 50px;}
.footer{font-size: 10px;}
#inner_footer{width: 960px; margin: auto; margin-top: 0px; text-align: left;}
#address{width: 453px; float: left;}

body.homepage #inner_footer{margin-top: -65px;}
.footer p{width: 960px; color: #4d5667; font-size: 12px; }
.footer p#email{width: 135px; position: absolute; top: 18px; right: 0px;}
body.contactpage #inner_footer{text-align: left;}
body.contactpage .footer p{float: right; width: 285px; text-align: left;}
.footer p a, a:link a:visited a:active{color: #4d5667; border-bottom: 1px dotted #fff;}
.footer p a:hover{color: #000; border-bottom: 1px solid #000;}


/* Sundries */
.backwards {unicode-bidi:bidi-override; direction: rtl;}