/*
 * Style for www.ernstconsulting.ca
 * Copyright 2008-2009 Ernst Consulting
 * and Jason Ernst
 */
 
/* Remove all margins and padding so that everything lines up right */
* {margin: 0px; padding: 0px;}

/* Adjust default behaviours for a few tags */
body {font-family: Trebuchet MS, Helvetica, sans-serif; text-align:center; background-image: url(../images/watermark.jpg); background-attachment:fixed; background-repeat: no-repeat; background-position: top right;}
form {margin-top:15px;}
form label{ color:#333333; font-size: 0.8em; float:left; clear:left; width: 200px; }
input {width: 250px; }

/* Set the page width and center */
#container {margin:auto; width: 900px;}

#header {margin-top: 15px; height:75px; border-bottom: 1px dotted #CCCCCC;}
#header img {border: 0px;}

/* Logo and Company Name information */
#brand {float:left; width: 300px; padding-bottom: 5px; margin-left: -28px;}
#brand h1, #brand h2 {font-weight:normal;}
#brand h1 {font-size:2.1em; }
#brand h2 {font-size:1.0em; margin-top: -5px;}
#brand a {color: #000000; text-decoration: none;}

/* Top Navigation Links */
#topnav {float:left; padding-left: 50px;}
#topnav p {margin-top: 25px;}
#topnav a {text-decoration:none; color:#666666;}
#topnav a:hover {color: #006699;}
#topnav .selected {color: #006699;}

/* The message that accompanies each different page, ex) Services We Offer... */
#message {border-bottom: 1px dotted #CCCCCC; text-align: left;}
#message h1 {padding: 15px 0px 15px 0px; font-weight:normal; color:#006699; font-size: 1.1em;}

/* Different page widths depending on if we want a sidebar or not */
#content-two-thirds {width: 625px; float:left; text-align: left; border-right: 1px dotted #CCCCCC; padding-right: 15px;}
#content-full {width: 900px; text-align:left;}

/* The image rotation javascript portion of the page */
#imgrotate {background-color:#006699; width: 625px; height: 163px; margin-top: 15px;}
#imgrotate .imgleft {float:left; width: 410px;}
#imgrotate .imgleft img {margin: 5px; border: 1px solid #ffffff;}
#imgrotate .imgright {float:left; width: 210px;}
#imgrotate .imgright h1 {margin-left: 5px; font-size: 1.0em; color: #ffffff;}
#imgrotate .imgright p {margin-left: 5px; font-size: 0.8em; color: #ffffff;}
#imgrotate .imgright a {color: #cccccc; text-decoration: none; border-bottom: 1px dotted #cccccc;}
#imgrotate .imgright a:hover {color: #333333; text-decoration: none; border-bottom: 1px dotted #333333;}
#imgrotate .imgright .more {position:absolute; bottom: 5px; right: 5px; font-size: 0.8em;}
#imgrotate span {display:none;}

/* Main Content Area where all the meaty stuff goes */
#main-content h1 {font-size: 1.0em; color: #333333; margin-top: 15px;}
#main-content h2 {font-size: 0.8em; color:#666666; margin-top: 10px;}
#main-content p {font-size: 0.8em; color:#333333;}
#main-content ul, #main-content ol {margin-left: 15px; margin-top: 15px; font-size: 0.8em;}
#main-content a {color:#006699; text-decoration: none; border-bottom: 1px dotted #ffffff;}
#main-content a:hover {color:#0099CC; text-decoration: none; border-bottom: 1px dotted #0099CC;}

/* External Links, adds the little sqaure icon */
#main-content .external  {background: url(../images/link.gif) no-repeat 0px 60%; padding-left: 12px;}

/* news section on the right side */
#news {width: 250px; float:right; margin-top: 15px; color:#333333;}
#news h1 {font-size: 1.0em;}
#news h2 {font-size: 0.9em; margin-top: 15px; text-align:left; font-weight: normal;}
#news p {font-size: 0.7em; text-align: justify;}
#news .more {float:right;}
#news a {color:#006699; text-decoration: none; border-bottom: 1px dotted #ffffff;}
#news a:hover {color:#0099CC; text-decoration: none; border-bottom: 1px dotted #0099CC;}
#news img {width: 240px; height: 50px; border:1px solid #cccccc;}
#news .external {background: url(../images/link.gif) no-repeat right 60%; padding-right: 12px;}

/* Map for Google Maps */
#map {margin-top: 15px; border: 1px solid #cccccc;}

/* Footer */
#footer {font-size: 0.8em; border-top: 1px dotted #CCCCCC; padding-top: 5px;}
#footer a {color:#006699; text-decoration: none; border-bottom: 1px dotted #ffffff;}
#footer a:hover {color:#0099CC; text-decoration: none; border-bottom: 1px dotted #0099CC;}

/* Various classes that allow for common formatting across all the pages */
.third {width: 30%; float:left;}
.half {width: 48%;}
.left {float:left;}
.right {float:right;}
.clear {clear:both; line-height: 1px;}
.indent {margin-left: 15px; width: 780px;}
.center {text-align:center;}
.image {padding: 15px;}