html {font-size: 125%;}
body {margin:60px 0 0 40px ; padding:0; font-family: Verdana, Helvetica, sans-serif; font-size: 50%; line-height:1.3em;  background-color: #fff;}

p {font-size: 1.1em; color:#666; line-height: 1.5em;}
h1 {color:#b31e3a; font-size: 1.2em}
.blueText{color:#0099cc; font-size: 1.0em;}
.blackText{color:#000; font-size: 1.0em;}

#clear{clear:both;}

#container { width:800px; margin: 0; padding:0; text-align: left; position: relative;}
#leftNav {width:170px; margin:0; padding:0; float:left;}
#leftNav img {margin-bottom: 47px;}

#mainContent {width:600px; margin:0 0 0px 0; padding:0 0 0px 224px; text-align: left}
#mainContent img {}

#portfolioThumbs{width:550px; margin:0; padding-top:80px;}
#portfolioThumbs img{margin:0 6px 6px 0}
#portfolioImages{position:absolute; top:85px; padding-bottom:50px;}

#subPageText{padding-top:85px;}

#textContent{margin:0; padding:0; width:530px;}

ul {list-style-type: none; margin:0; padding:0; line-height: 1.75em;}
li {margin:0; padding:0;}
li ul{list-style-type: none; margin:5px 0 30px 0 ; padding:0;line-height: 1.75em;}

a:link, a:visited, a {color:#666; text-decoration: none; font-size: 1.1em}
a:hover {color:#0099cc}

#mainContent a:link, #mainContent a:visited, #mainContent a {color:#000; text-decoration: none; font-size: 1.0em}
#mainContent a:hover {color:#0099cc}


/* ------------------------- these are for the nav down states ------------------------------- */

#leftNav.portfolio #portfolio a,#leftNav.about #about a, #leftNav.client #client a, #leftNav.contact #contact a  {color:#0099cc;}


#leftNav.annex #annex a,
#leftNav.botl #botl a,
#leftNav.hob #hob a,
#leftNav.ice #ice a,
#leftNav.in #in a,
#leftNav.marble #marble a,
#leftNav.molson #molson a,
#leftNav.ofa #ofa a,
#leftNav.simply #simply a,
#leftNav.sunny #sunny a,
#leftNav.seduction #seduction a,
#leftNav.theatre #theatre a,
#leftNav.timeTiger #timeTiger a,
#leftNav.identities #identities a {color:#0099cc;}