/* force right scrollbar in non-ie browsers to prevent horizontal jumping */
html {
height: 100%;
margin-bottom: 1px;
}

/* ~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~*/

body 
{
background: #bfe19b url('../images/bg.gif') repeat-y top center;
text-align: center;
margin: 0;
padding: 0;
color: #fff;
font-family: arial,helvetica,sans-serif;
font-size: 1em;
line-height: 1em;
}

a:link,
a:visited
{
color: #fff;
text-decoration: none;
}

a:hover,
a:active
{
color: #fff;
text-decoration: underline;
}

img
{
border: 0;
}

.clear
{
clear: both;
}

.alignright
{
text-align: right;
}

img.floatright
{
float: right;
margin-left: 16px;
margin-bottom: 10px;
}


/* ~~~~~~~~~~~~~~~~~ TYPOGRAPHY~~~~~~~~~~~~~~~~~*/

.small1
{
font-size: 0.9em;
}

.small2
{
font-size: 0.8em;
}

.small3
{
font-size: 0.7em;
}

.note
{
color: #fbc0da;
}

.spam
{
color: #fbc0da;
}

h2
{
font-size: 1.35em;
margin-bottom: 0;
}

.top
{
font-size: 0.8em;
}

.top a:link,
.top a:visited
{
color: #fbc0da;
text-decoration: none;
}

.top a:hover,
.top a:active
{
color: #fbc0da;
text-decoration: underline;
}



/* ~~~~~~~~~~~~~~~~~ STRUCTURAL ~~~~~~~~~~~~~~~~~*/

.stage
{
width: 793px; 
margin: 0 auto;
text-align: left;
background: #b74678 url('../images/bg-cont.gif') no-repeat bottom right;
}


/* ~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~*/

.header
{
position: relative;
width: 760px; 
margin: 0 16px 0 17px;
padding-top: 83px;
}

.header .info
{
position: absolute;
width: 300px;
text-align: right;
top: 105px;
right: 0px;
font-size: 0.8em;
padding: 2px 26px 0 0;
}

.header .info img
{
position: absolute;
top: 0px;
right: 0px;
}

/* ~~~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~~~*/


.linkbar
{
width: 760px;
margin: 0 16px 5px 17px;
padding: 3px 0;
background: #000;
font-size: 0.8em;
}

body#samples a.samples,
body#services a.services,
body#clients a.clients,
body#prices a.prices,
body#about a.about,
body#advice a.advice,
body#mrsb a.mrsb,
body#quote a.quote,
body#touch a.touch
{
color:#fff;
}

.linkbar a:link,
.linkbar a:visited
{
color: #e69cbd;
text-decoration: none;
}

.linkbar a:hover,
.linkbar a:active
{
color: #fbc0da;
text-decoration: underline;
}

.linkbar .left
{
padding: 3px 0 3px 7px;
margin-right: 200px;
}

.linkbar .left ul
{
margin-left: 0;
padding: 0;
display: inline;
}

.linkbar .left ul li
{
margin-left: 0;
padding: 0 7px;
border-left: 1px solid #baaa98;
list-style: none;
display: inline;
}

.linkbar .left ul li.first
{
margin-left: 0;
padding: 0 7px 0 0;
border: 0;
list-style: none;
display: inline;
}

.linkbar .right
{
float: right;
width: 190px;
padding: 3px 0;
text-align: right;
}

.linkbar .right ul
{
margin-left: 0;
padding: 0;
display: inline;
}

.linkbar .right ul li
{
margin-left: 0;
padding: 0 7px;
border-left: 1px solid #baaa98;
list-style: none;
display: inline;
font-weight: bold;
}

.linkbar .right ul li.first
{
margin-left: 0;
padding: 0 7px;
border: 0;
list-style: none;
display: inline;
font-weight: bold;
}


/* ~~~~~~~~~~~~~~~~~ SUBLINKS ~~~~~~~~~~~~~~~~~*/

.sublinks
{
width: 760px;
margin: -3px 16px 5px 17px;
padding: 3px 0;
background: #d36c99;
font-size: 0.75em;
}

.sublinks a.on
{
font-weight: bold;
}

.sublinks a:link,
.sublinks a:visited
{
color: #fec2dc;
text-decoration: none;
}

.sublinks a:hover,
.sublinks a:active
{
color: #fccbe0;
text-decoration: underline;
}

.sublinks ul
{
margin-left: 0;
padding: 0;
display: inline;
}

.sublinks ul li
{
margin-left: 0;
padding: 0 7px;
border-left: 1px solid #b74678;
list-style: none;
display: inline;
}

.sublinks ul li.first
{
margin-left: 0;
padding: 0 7px;
border: 0;
list-style: none;
display: inline;
}



/* ~~~~~~~~~~~~~~~~~ MAIN SECTION ~~~~~~~~~~~~~~~~~*/

.mainsect
{
width: 760px; 
margin: 28px 16px 27px 17px;
font-size: 0.8em;
}


/* ~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~*/

.footer
{
width: 760px; 
margin: 0 16px 0 17px;
padding-bottom: 1px;
font-size: 0.7em;
line-height: 1em;
color: #e69cbd;
}

.footer a:link,
.footer a:visited
{
color: #e69cbd;
text-decoration: none;
}

.footer a:hover,
.footer a:active
{
color: #e69cbd;
text-decoration: underline;
}

.footer p
{
margin-top: 0.5em;
}