/* CSS Document */

/*   
Description: Design Created by Longevity Graphics
Author: Development by Lindsay Viscount of Longevity Graphics
Author URI: http://www.longevitygraphics.com

Color used:
black: #000;
red:#456730;
grey:#f1f0f6;
*/

 
body {
 margin: 0;
 background:url(/images/stamped-concrete-menu-bg.jpg) top repeat-x; 
 text-align:center; 
 min-width:792px;
 width:792px;
 margin-left:auto; 
 margin-right:auto;
 font: 12px Arial, Helvetica, sans-serif;
}

a {
  font: 12px Arial, Helvetica, sans-serif; 
  text-decoration:none;
  color:#000;
}

a:hover {
  font: 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#666;
}

b {
  color:#666;
  font-weight:bold;
}

strong {
  color:#000;
  font-weight:bold;
}

h1 {
  color:#000;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:12px; 
  text-decoration:none; 
  font-weight:strong;
  margin-top: 0; 
  margin-bottom: 0;
}

h1 a{
  color:#000;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:12px; 
  text-decoration:none; 
  font-weight:strong;
  margin-top: 0; 
  margin-bottom: 0;
}
  
h2 {
  color:#990000;
  font-family: Arial, Helvetica, sans-serif; font-size:14px;
  text-decoration:none; 
  font-weight:normal;
  margin-top: 0; 
  margin-bottom: 0;
}

h3 {
  color:#000;
  font-family: Arial, Helvetica, sans-serif; font-size:14px;
  text-decoration:none; 
  font-weight:normal;
  margin-top: 0; 
  margin-bottom: 0;
}

#header {
  width:792px;

}

#headerText {
  position:relative;
  text-align:left;
  top:.2em;
  left:.1em;
}

#cmdtLogo {
  margin-top:-1.15em;
  height:186px;
  width:792px;
  background:url(/images/cmdt-logo.jpg) top no-repeat;
  text-indent:-2000px; 

}

#content {
    width:792px;
	background:url(http://www.cmdt.ca/images/content-bg.gif) top repeat-y;
	margin-top:.2em;

}

#topSection {
 width:792px;
 margin-top:1.7em;
 background: #000;
}

#rotating-movie {
  position:relative;
  display:inline;
  float:left;
  margin-top:-.2em;

}

#getAQuote {
  background:url(/images/stamped_concrete_quote_bg-menu.jpg) no-repeat;
  width:190px;
  height:159px;
  display:inline;
  float:right;
  position:relative;
  top:2.5em; 
  left:-.7em;
}

#getAQuoteContent {
  padding:1.5em;
}

#getAQuoteContent b{
  color:#363e9d;
  font-size:18px;
}

#arrow{
  margin-left:6em;
  margin-top:-.5em;
}

#quote {
  background:url(/images/stamped_concrete_quote_bg.jpg) no-repeat;
  position:relative;
  display:inline;
  float:right;
  width:208px;
  height:177px;
  text-align:right;
}

#quote h2 {
  margin-top:2em;
  margin-right:1.5em;
  font: 16px Verdana, helvetica, sans-serif;

}

#quote b {
  color:#a10000;

}

#quote h1 {
  margin-top:.5em;
  margin-right:1.5em;
}

#quote a {
  margin-top:1em;
  margin-right:.5em;
  color:#a10000;
  text-decoration:none;
}

#quote a:hover {
  margin-top:1em;
  margin-right:1em;
  color:#a10000;
  text-decoration:underline;
}

#quote img {
  margin-top:1em;
  margin-right:1.5em;
}

#main {
  width:546px;
  display:inline;
  float:left;
  text-align:left;
  padding:1em;
  margin-bottom:25em;
}

hr {
  color:#666;
  margin-top: 1.5em; 
  margin-bottom: 1.5em;
}

#subMenu {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:2em;
}

#bottomMenuLeft {
  width:270px;
  display:inline;
  float:left;
  text-indent:1em;
}

#bottomMenuRight {
  width:270px;
  display:inline;
  float:left;
  text-indent:1em;

}

li {
  list-style:square inside url(/images/grey-bullet.gif);

}

#rightSideNav {
  font-family: Arial, Helvetica, sans-serif; font-size:12px;
  text-decoration:none; 
  font-weight:normal;
  margin-top: 0; 
  margin-bottom: 0;
  text-align:left;
  margin-right:.2em;


}

#rightSideNav a {
  font-family: Arial, Helvetica, sans-serif; font-size:12px;
  text-decoration:none; 
  font-weight:normal;
}

#rightSideNav a:hover {
  font-family: Arial, Helvetica, sans-serif; font-size:12px;
  text-decoration:none; 
  font-weight:normal;
  color:#666;
}

#rightSideNav li{
  font-family: Arial, Helvetica, sans-serif; font-size:12px;
  margin-left:1em;
  text-indent:1em;
  padding-bottom:.2em;


}

#movieClip {
  display:block;
  float:right;
  position:relative;
  top:1em; 
}

#rightSideNavTop {
  display:block;
  float:right;
  background:url(/images/concrete-links-bg.jpg) no-repeat 0 0;
  width:208px;
  height:389px;
  position:relative;
  top:2.5em;
}


#rightSideNavTopContent {
  margin-left:-3em;
  margin-top:1.4em;
}

#rightSideNavTopContent h3 {
  margin-left:5em;
}

#rightSideNavTopContent b {
    font-family: Arial, Helvetica, sans-serif; font-size:14px;
}

#rightSideNavBottom {
  display:block;
  float:right;
  background:url(/images/concrete-links-bg.jpg) no-repeat 0 0;
  width:208px;
  height:389px;
  position:relative;
  top:-.1em;
}

#rightSideNavBottomContent {
  margin-left:-3em;
  margin-top:1.4em;
}

#rightSideNavBottomContent h3 {
  margin-left:5em;
}

#rightSideNavBottomContent p {
  margin-left:5em;
}

#footer {
  width:792px;
  height:90px;
  background:#000;
  margin-top:-1.1em;
  z-index:300;
  text-align:center;
  margin-left:auto;
  margin-right:auto;

}

#footer span {
  color:#fff;
} 

#footer p {
  color:#fff;
}

#footer address {
  color:#fff;
}

#footer a {
  color:#a10000;
}

#bottomLinks {
   font-family: Arial, Helvetica, sans-serif; font-size:11px;
     color:#ccc;
}

#bottomLinks a {
   font-family: Arial, Helvetica, sans-serif; font-size:11px;
     color:#ccc;
}

#rightSideNavBottomContent b {
    font-family: Arial, Helvetica, sans-serif; font-size:14px;
}

#weather {
 display: inline;
 float:right;
 margin-right: 1.2em;
 margin-top:-.6em;
}

#companyName {
  background:url(/images/concrete-masonry-design-team.jpg) no-repeat 0 0;
  align:center;
  text-indent:-2000px;
  height:78px;
  width:550px;
  margin-left:5em;
  margin-bottom: 1em;
}

#subContent {
  width:550px;
  display:inline;
  float:left;
  margin-top:2.5em;
}

#subContent h1 {
  font-weight:bold;
  font-size:22px;
  margin-bottom:2em;
}

#subContent h2 {
  font-weight:bold;
  font-size:18px;
}