/* CSS Document for Collingwood Management  by eNotions*/

BODY {background-color:#faf9f9; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#333333; margin:0; padding:0; background-image:url('../imgs/bg.jpg'); background-repeat:repeat-x;}

img {border:0;}

a:link, a:visited {color:#cc3333;}

#page {background-color:#FFFFFF; width:862px; margin:auto; margin-top:20px; margin-bottom:50px;}

#top {border-top:6px solid #333333; border-left:6px solid #333333; border-right:6px solid #333333; padding:10px 10px 0px 10px; height:100px; margin:0px; background-image:url('../imgs/topbg.jpg'); background-repeat:no-repeat;}

#header {border-left:6px solid #cc3333; border-right:6px solid #cc3333; padding:0px 10px 0px 10px; margin:0px;}

#header .logo {float:left; margin:50px 0px 0px 50px;}
#header .splash {margin-left:70px;}

#middle {width:830px;border-left:6px solid #7a7a7a; border-right:6px solid #7a7a7a; padding:10px 10px 0px 10px;}

#content {width:560px; margin-left:20px; float:left;}
#contentSide {width:250px; float:left;}

#clear {clear:both; background-color:#ff0000;}

#footer {border-left:6px solid #7a7a7a; border-right:6px solid #7a7a7a; border-bottom:6px solid #7a7a7a; height:50px; padding-top:20px;}

#readabout {background-color:#cc3333; width:250px; margin-bottom:30px; color:#ffffff; font-size:12px; padding-bottom:20px;}
#readabout a:link, #readabout a:visited {color:#ffffff;}
#readabout a:hover {color:#333333;}
#readabout ul {margin:5px; padding:0;}
#readabout li {list-style:none; margin-bottom:5px;}

h1 {font-size:20px; color:#cc3333; font-weight:normal;}
h1 strong {font-size:20px; color:#660000; font-weight:normal;}

h2 {font-size:12px; color:#333333; font-weight:bold;}
h2 strong {font-size:12px; color:#cc3333; font-weight:bold;}
h2 .unbold {font-size:12px; color:#333333; font-weight:normal;}

h3 {font-size:12px; color:#cc3333; font-weight:bold;}

/* top navigation */

#navigation {width:560px; height:80px; margin:0px; padding:0px; float:right;}

#navigation li {list-style:none; float:left;}
#navigation a {height:80px; display:block;}

#navigation .home a {background-image:url('../imgs/nav_home.jpg'); width:57px;}
#navigation .who a {background-image:url('../imgs/nav_who.jpg'); width:92px;}
#navigation .how a {background-image:url('../imgs/nav_how.jpg'); width:105px;}
#navigation .client a {background-image:url('../imgs/nav_client.jpg'); width:116px;}
#navigation .experience a {background-image:url('../imgs/nav_experience.jpg'); width:126px;}
#navigation .contact a {background-image:url('../imgs/nav_contact.jpg'); width:64px;}

body#home .home a, body#who .who a, body#how .how a, body#client .client a, body#experience .experience a, body#contact .contact a {background-position:0px -80px;}
/* top navigation end */

/* bottom navigation */

#btmnavigation {float:right; font-size:11px; color:#999999; margin:10px 20px 0px 0px;}
#btmnavigation  a, #btmnavigation  a:visited {color:#999999;}
#btmnavigation  a:hover  {color:#cc3333;}
body#home .home, body#who .who, body#how .how, body#client .client, body#experience .experience, body#contact .contact {color:#cc3333; text-decoration:none;}
/* bottom navigation end */

.cB {clear:both;}
.fL {float:left;}
.fR {float:right;}

.copyright {font-size:10px; float:left; margin-left:20px;}
.copyright a {text-decoration:none;}