body {
background: #3366cc url("../images/bg-main.jpg") repeat-x top center;
margin: 0;
}

a:link { color: #3366cc; text-decoration: none;}
a:visited { color: #3366cc; text-decoration: none;}
a:hover { color: #0033cc;}
a:active { color: #6699ff; }

img{
border: 0;
}

#container {
font-family: Georgia, serif;
color: #003366;
font-size: 18px;
text-align: center;
background: url("../images/grass.jpg") repeat-x bottom center;
padding-right: 1px;
}

#header {
width: 100%;
margin: 0 auto;
padding-top: 250px;
}
.headermain{
background: url("../images/sabina-world.jpg") no-repeat top center;
}
.headercolors{
background: url("../images/sabina-colors.jpg") no-repeat top center;
}
.headerseo{
background: url("../images/sabina-seo.jpg") no-repeat top center;
}

#designer{
width: 1000px;
padding-top: 10px;
margin: 0 auto;
background: #f1e6d7 url("../images/bg-papertop.jpg") no-repeat top center;
color: #715325;
font-size: 13px;
}
#designer .contents{
width: 700px;
float: left;
padding: 30px 10px 15px 25px;
text-align: justify;
min-height: 100%;
font-size: 15px;
}
#designer .box{
width: 700px;
}
#designer .navigation{
width: 245px;
float: right;
margin-top: 12px;
padding: 13px 7px 0 10px;
text-align: left;
border-left: 1px dotted #3f1728;
}

.navigation ul {
list-style-position: inside;
margin: 0;
padding: 0;
font-size: 10px;
}
.navigation li{
margin: 0;
padding: 0;
margin-bottom: 7px;
}
.navigation li a{
font-size: 14px;
}
.navigation ul ul {
margin-left: 20px;
font-size: 11px;
}
.navigation li li{
margin: 0;
}
.navigation li li a{
font-size: 11px;
}
.current a{color: #000000;}
.current a:visited{color: #000000;}
.current a:hover{color: #0033cc;}

.navigation .recommendations {color: #993333; font-size: 10px; font-weight: bold;}
.navigation .recommendations a{color: #835a47; font-size: 13px; font-weight: normal;}
.navigation .recommendations a:visited{color: #835a47;}
.navigation .recommendations a:hover{color: #663300;}

.inquiry p{
margin: 6px 0 1px 0;
padding: 0;
}

.inquiry .field{
color: #200b0b;
padding: 2px;
border:1px solid;
border-top: #65390a;
border-left: #65390a;
border-bottom: #ffffff;
border-right: #EDDCCD;
background: #ffffff url("../images/bg-input.jpg") no-repeat top center;
}
.inquiry .field2{
color: #200b0b;
padding: 2px;
border:1px solid;
border-top: #65390a;
border-left: #65390a;
border-bottom: #ffffff;
border-right: #EDDCCD;
background: #ffffff url("../images/bg-textarea.jpg") no-repeat top center;
}
.inquiry label{
display: block;
margin: 2px 0 5px 0;
padding: 0;
}

#footer{
width: 1000px;
margin: 0 auto;
color: #3f1728;
line-height: 140%;
font-size: 15px;
}
#footer .box1{
float: left;
width: 380px;
height: 220px;
background: url("../images/footerbox1.jpg") no-repeat top center;
color: #7d4f3d;
}
#footer .box2{
float: left;
width: 380px;
height: 220px;
background: url("../images/footerbox2.jpg") no-repeat top center;
}
#footer .pad{
padding: 25px 20px 20px 20px;
text-align: justify;
line-height: 125%;
}
#footer .inspiration{
float: left;
width: 145px;
margin-right: 15px;
color: #cc5e33;
}
#footer .box a{color: #cc5e33;}
#footer .box a:visited{color: #cc5e33;}
#footer .box a:hover{color: #ccff66;}

#footer .copyright{
font-size: 10px;
color: #8c5a47;
}
#footer .copyright a{color: #8c5a47;}
#footer .copyright a:visited{color: #8c5a47;}
#footer .copyright a:hover{color: #7d4f3d;}

#accessibility{
width: 246px;
}

#accessibility img{
float: left;
margin: 2px 0 10px 0;
}

h1 {
padding: 0;
margin: 0;
color: #b09778;
font-size: 32px;
font-weight: normal;
text-align: center;
}

h2 {
padding: 0;
margin: 0;
color: #996600;
font-size: 23px;
font-weight: normal;
text-align: center;
}
.navigation h2 {
padding: 0;
margin: 0 0 5px 0;
color: #9e9793;
font-size: 22px;
font-weight: normal;
text-align: center;
}
h3 {
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
font-size: 16px;
color: #996666;
font-weight: normal;
width: 100%;
border-top: 1px dotted #3f1728;
border-bottom: 1px dotted #3f1728;
}
.navigation h3 {
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
font-size: 11px;
color: #9e9793;
font-weight: normal;
width: 100%;
border-top: 1px dotted #3f1728;
border-bottom: 1px dotted #3f1728;
text-align: center;
}
h4 {
margin: 0 0 5px 0;
font-size: 12px;
color: #663300;
font-weight: normal;
text-align: center;
}

hr  {
color: #f1e6d7;
background-color : transparent;
border : 1px dotted #3f1728;
border-style : none none dotted;
margin-bottom : 8px;
}

.u{
text-decoration: none;
border-bottom: 1px dotted #612b2b;
}

.black{
color: #000000;
}
.blue{
color: #6699ff;
}
.bordeaux{
color: #4b1f33;
}
.brown{
color: #835a47;
}
.burlywood{
color: #deB887;
}
.gold{
color: #cc9933;
}
.green{
color: #336633;
}
.greenlight{
color: #99cc66;
}
.lilac{
color: #9b669b;
}
.red{
color: #993333;
}

.small{
font-size: 12px;
}
.medium{
font-size: 16px;
}
.important{
font-size: 20px;
}
.large{
font-size: 22px;
}
.l20{
line-height: 20px;
}
.l26{
line-height: 26px;
}

.fleft{
float: left;
}
.fright{
float: right;
}

.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
}
.justify{
text-align: justify;
}

.clearleft{
clear: left;
}
.clearright{
clear: right;
}
.clearboth{
clear: both;
}

#screenshot{
position:absolute;
border:1px solid #c6bcb8;
background:#f1e6d7;
padding:5px;
display:none;
color:#fff;
}