/* Start of CMSMS style sheet 'Default' */
/* Reset Styles */

html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, li, dt, dd, blockquote, img {
margin: 0;
padding: 0;
}

img { border: 0; }

/* Layout */

html {
background-color: rgb(238,232,9);
color: rgb(46,42,31);
font: normal 62.5%/1.5 Verdana, 'Helvetica Neue', Helvetica, serif;
}

#container {
margin: 0 auto 2.5em;
padding: 12em 0 3em;
position: relative;
width: 58.5em;
}

#content { border-bottom: 2px solid rgb(46,42,31); }

/* Typography */

h1 {
background-repeat: no-repeat;
font: bold 7.2em/1 Georgia, serif;
height: 96px;
letter-spacing: -0.08em;
margin-bottom: 0.5em;
left: -2em;
position: relative;
text-indent: -9999px;
width: 150%;
}

#home h1 { left: -165px; }

#home h1 { background-image: url('uploads/images/reality-in-branding.gif'); }

h2 {
font: bold 1.8em/1.25 Georgia, serif;
margin-bottom: 1em;
}

h3 {
font-size: 1.4em;
line-height: 1.28;
}

p {
font-size: 1.2em;
margin-bottom: 1.5em;
}

a { color: rgb(82,79,38); }

hr {
border: 2px solid rgb(46,42,31);
border-width: 2px 0 0;
clear: both;
visibility: hidden;
}

/* Columns */

.columns { float: left; }

.columns div {
float: left;
width: 28.5em;
}

#col_right { margin-left: 1.5em; }

/* Navigation */

#navigation {
border-bottom: 2px solid rgb(46,42,31);
clear: both;
float: left;
left: 0;
list-style: none;
padding-bottom: 0.3em;
position: absolute;
top: 3.6em;
}

#navigation li {
float: left;
font: normal 2.2em/1 Georgia, serif;
position: relative;
text-align: center;
list-style: none;
width: 6.64em;
}

#navigation li:last-child { margin-right: 0; }

#navigation a { text-decoration: none; }

#navigation a:hover { color: rgb(255,255,255); }

#navigation span {
background-repeat: no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.about-us span { background-image: url('uploads/images/home_yellow_off.gif'); }

.how-we-work span { background-image: url('uploads/images/howwework_yellow_up1.gif'); }

.case-studies span { background-image: url('uploads/images/casestudies_yellow_up1.gif'); }

.contact span { background-image: url('uploads/images/contactus_yellow_up1.gif'); }
/* End of 'Default' */

