/*
#ede9ac -- yellow (beground)
#eb9710 -- orange (fore)
#31302c -- dark grey
#bfbd87 -- light yellow grey
#1f88be -- dark blue
#e94043 -- dark red
 * 
 */



body { font-family: "Ubuntu","Segoe UI","Tahoma", Arial, sans-serif; font-size: 10pt; }
#page { clear: both; width: 934px;  margin: 0 auto 0 auto; padding: 50px; height: 100% }

a { outline: none; text-decoration: none; font-weight: bold; color: #844 }
a:hover { text-decoration: none; color: red }


#logoimg { float: left }

#header { padding: 20px 0; }
#header ul.menu { list-style: none; margin: 42px 0 0 20px; float: right }
#header ul.menu li { float: left; display: block; padding: 5px 0 0 20px}

#header ul.menu li a { height: 16px; display: block; background: url("/img/ccmine-topmenu.png"); text-indent:-9000px }
 
#header ul.menu li.features a { width: 106px; background-position: 0 0 }
#header ul.menu li.features a:hover { background-position: 0 -17px; } 
#header ul.menu li.about a { width: 72px; background-position: -140px 0 }
#header ul.menu li.about a:hover { background-position: -140px -17px; } 
#header ul.menu li.blog a { width: 56px; background-position: -238px 0 }
#header ul.menu li.blog a:hover { background-position: -238px -17px; } 


#steps { width:954px }
#steps h2 { font-family: "Open Sans", "sans-serif"; font-size: 20pt; font-weight:400; letter-spacing: 1px; color: #1c7ea1; line-height: 26px; padding: 0 0 16px 0 }
#steps p.desc { float: right; text-align:right; width: 560px; font-size: 11pt; font-weight:800; color: #d07443; line-height: 21px; }
#steps input#email { font-size: 12pt; margin: 0; padding: 5px; margin: 10px 0; width: 250px; border: 2px solid #966331; font-family: "Ubuntu","Segoe UI","Tahoma", Arial, sans-serif; font-weight: bold; color: #966331; }

#steps .step { float: left; height: 150px; margin: 0 10px 10px 0; padding: 20px; color: #744110 }
#steps .short { width: 264px; background: #edd2b5; border: 2px solid #966331; }
#steps .long { width: 582px; background: #d2e2ef; border: 2px solid #1c7ea1; }

#steps .step.contact div.icon { display: block; float: right; background: url("/img/icons/business_contact.png"); width: 48px; height: 48px   }
#steps .step.email div.icon { display: block; float: right; background: url("/img/icons/convo.png"); width: 48px; height: 48px   }
#steps .step.workspace div.icon { display: block; float: right; background: url("/img/icons/document_library.png"); width: 48px; height: 48px   }


div.msg { display: block; background: #fff; padding: 20px; margin: 20px }
div.msg ul {  }

div.msg div.header { background: #1f88be; color: white; padding: 5px; vertical-align: middle  }

div.attach { background: #31302c; vertical-align: middle; color: white }
div.attach a>span { display: block; width: 100%  }
div.attach a:hover span { background:  #eb9710;  }
div.attach a b.extn { font-size: 1.2em; color: red  }

div.msglist div { outline: 1px dotted #eb9710 }