/* CSS Document */
html { margin: 0; padding: 0; width: 100%}
body {
margin: 0; padding: 0;
font-size: 72.5%;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
background: url(../images/background.gif) repeat #413732;
color: #534741;
position: relative;
line-height: 18px;
}
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img { border:none; text-decoration: none;}
div.floatBreaker {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}
/* STRUCTURE */
#maincontent{
width: 900px;
height: 630px;
margin: 0px auto 30px auto;
padding: 0;
}
#topwhiteboxlogo{
width: 900px;
height: 148px;
background-color: #fff;
}
#fbbox{
width: 300px;
height: 148px;
margin-left: 600px;
padding: 0px;
background: #fff;
}
#topwhiteboxtagline{
width: 900px;
height: 38px;
background-color: #fff;
}
#topnav {
width: 900px;
height: 42px;
background: #998675;
}
#imagebar{
width: 900px;
height: 107px;
}
#pinkbar{
width: 900px;
height: 14px;
background: #efc5d9;
}
#maintextarea{
width: 840px;/* 900 */
height: 112px;/* 152 */
margin: 0;
padding: 30px;
background: #fbe9f0;
}
#maintextarea2{
width: 840px;/* 900 */
margin: 0 0 5px 0;
padding: 30px;
background: #fbe9f0;
}
#copyrightbox{
width: 900px;
height: 30px;
margin: 0px auto 30px auto;
}
/*//////////////////*/
/* text formatting */
span {
display:none;
}
p {
margin-bottom: 10px;
text-align: justify;
font-size: 1.2em;
}
.copyright {
color: #fff;
font-size: 9px;
text-transform: uppercase;
}
ul.features {
margin-bottom: 10px;
}
ul.features li {
list-style: square;
}
ul.clients {
margin-bottom: 13px;
}
ul.clients li {
list-style: square;
margin-left: 13px;
font-size: 1.2em;
}
ul.clients li {
list-style: square;
margin-left: 40px;
font-size: 1.2em;
}
.title {
font-size: 1.4em;
font-style: italic;
margin-bottom: 5px;
margin-left: 0px;
color: #c1156b;
}
.titlesub {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 5px;
margin-left: 0px;
color: #534741;
}
/* images */
#logo{
position: absolute;
width: 458px;
height: 148px;
background: url(../images/mtl.png) no-repeat top left;
margin-top: 10px;
margin-left: 20px;
}
#tagline{
width: 380px;
height: 36px;
background: url(../images/tagline.gif) no-repeat top left;
margin-left: 36px;
}
.press{
border: 1px solid #000;
}
.melisa {
text-align: right;
margin-right: 0;
border: solid 3px #f384a9;
}
/* LINK COLORS */
.body:link {
color: #c1156b;
text-decoration: none;
}
.body:visited {
color: #ee5892;
text-decoration: none;
}
.body:hover {
color: #f7adc4;
text-decoration: none;
}
.body:active {
color: #f7adc4;
text-decoration: none;
}
.copyrightlink:link {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.copyrightlink:visited {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.copyrightlink:hover {
color: #f7adc4;
text-decoration: none;
text-transform: uppercase;
}
.copyrightlink:active {
color: #f7adc4;
text-decoration: none;
text-transform: uppercase;
}
/* LIGHTBOX LINKS */
.lightbox:link {
color: #ee5892;
text-decoration: none;
}
.lightbox:visited {
color: #ee5892;
text-decoration: none;
}
.lightbox:hover {
color: #f7adc4;
text-decoration: none;
}
.lightbox:active {
color: #f7adc4;
text-decoration: none;
}
/* TOP NAV */
ul#mainNav {
margin: 0 auto;
height: 42px;
width: 900px;
}
ul#mainNav li {
height: 42px;
list-style: none;
margin: 0;
float:left;
}
ul#mainNav li a {
display: block;
height: 42px;
}
ul#mainNav li a span {
display: none;
}
/* HOME */
ul#mainNav li#home a:link, ul#mainNav li#home a:visited {
width: 113px;
background: url(../images/nav-home.gif) left top no-repeat;
}
ul#mainNav li#home a:hover {
width: 113px;
background: url(../images/nav-home-on.gif) left top no-repeat;
}
ul#mainNav li#home a.selected {
width: 113px;
background: url(../images/nav-home-on.gif) left top no-repeat;
}
/* whoweare */
ul#mainNav li#whoweare a:link, ul#mainNav li#whoweare a:visited {
width: 164px;
background: url(../images/nav-whoweare.gif) left top no-repeat;
}
ul#mainNav li#whoweare a:hover {
width: 164px;
background: url(../images/nav-whoweare-on.gif) left top no-repeat;
}
ul#mainNav li#whoweare a.selected {
width: 164px;
background: url(../images/nav-whoweare-on.gif) left top no-repeat;
}
/* whatwedo */
ul#mainNav li#whatwedo a:link, ul#mainNav li#whatwedo a:visited {
width: 164px;
background: url(../images/nav-whatwedo.gif) left top no-repeat;
}
ul#mainNav li#whatwedo a:hover {
width: 164px;
background: url(../images/nav-whatwedo-on.gif) left top no-repeat;
}
ul#mainNav li#whatwedo a.selected {
width: 164px;
background: url(../images/nav-whatwedo-on.gif) left top no-repeat;
}
/* ourpress */
ul#mainNav li#ourpress a:link, ul#mainNav li#ourpress a:visited {
width: 140px;
background: url(../images/nav-ourpress.gif) left top no-repeat;
}
ul#mainNav li#ourpress a:hover {
width: 140px;
background: url(../images/nav-ourpress-on.gif) left top no-repeat;
}
ul#mainNav li#ourpress a.selected {
width: 140px;
background: url(../images/nav-ourpress-on.gif) left top no-repeat;
}
/* ourclients */
ul#mainNav li#ourclients a:link, ul#mainNav li#ourclients a:visited {
width: 160px;
background: url(../images/nav-ourclients.gif) left top no-repeat;
}
ul#mainNav li#ourclients a:hover {
width: 160px;
background: url(../images/nav-ourclients-on.gif) left top no-repeat;
}
ul#mainNav li#ourclients a.selected {
width: 160px;
background: url(../images/nav-ourclients-on.gif) left top no-repeat;
}
/* talktous */
ul#mainNav li#talktous a:link, ul#mainNav li#talktous a:visited {
width: 159px;
background: url(../images/nav-talktous.gif) left top no-repeat;
}
ul#mainNav li#talktous a:hover {
width: 159px;
background: url(../images/nav-talktous-on.gif) left top no-repeat;
}
ul#mainNav li#talktous a.selected {
width: 159px;
background: url(../images/nav-talktous-on.gif) left top no-repeat;
}