/* Reset default margins/padding for all elements to ensure cross-browser consistency.
 * http://leftjustified.net/journal/2004/10/19/global-ws-reset/
 */
* {
padding: 0;
margin: 0;
}
body {
    /* reset 1em = 10px */
    font-size: 62.5%;
}

/* --------------- general layout --------------- */

body { padding: 1em; }

#title {font-size: 185%; font-family: serif; font-weight: bold; text-align: center;}


#subtitle {font-size: 115%; font-family: serif; font-weight: bold; text-align: left; padding: 20px 20px 20px 20px;}
#subtitle2 {font-size: 115%; font-family: serif; font-weight: bold; text-align: left; padding: 10px 10px 0px 15px;}


h1, h2, h3, h4, h5, h6 { margin: 0.2em 2%; }
p, pre, blockquote, dl, fieldset, address, form { margin: 1em 2%; }

#contentA {font-size: 175%; font-family: serif;}

#contentB {font-size: 175%; font-family: serif; border-left: 1px solid #009900; margin: 0 0 0 10px;}

ul, ol { margin: 0.5em 5%; list-style-type: circle;}
li, dd { margin-left: 5%; }

#wrapper { width: 760px; margin: auto; }

#header { padding: 1em 0; clear: both; height: 5em; }
#header h1 { margin: 0 auto 0.2em 2%; }
#header #tagline { margin: 0 auto 0 2%; }

#navigation { float: left; width: 100%; }

#content-wrapper { float: left; }

#content { width: 75%; float: right; }

#sidebar { width: 20%; }

#footer { clear: both; padding: 0.6em;}
#footer p { margin: 0 2%; }


/* --------------- typography --------------- */

body { font-family: Verdana, Arial, Helvetica, sans-serif; }

#header { font-size: 1.5em; clear: both; }
#header h1 { text-align: center; font-style: italic; font-weight: normal; font-size: 2.5em; }
#header p#tagline { font-weight: bold; text-align: center; }

#main-nav { font-size: 1.2em; }
#main-nav ul li { text-align: center; }
#main-nav ul li a { text-decoration: none; font-weight: bold; }

#content { font-size: 1.1em; line-height: 1.4; }

h2 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }
h3 { font-weight: normal; margin-top: 0; margin-bottom: 0; font-size: 1.2em; }


/* --------------- colours, images, borders --------------- */

body, html { background-color: #FFFFFF; }

#wrapper { }

#header { background: #7788AA url(../images/mountains.jpg) 50% top no-repeat; color: #FFF; }
#header h1 a { color: #000000; }
#header h1 a:hover { color: #CCCC00; }

#content-wrapper { }

#content { }

#footer { background-color: #7788AA; width: 100%; margin: auto; }

#sidebar { }



/* --------------- tables --------------- */

/* ---#td { border-style: outset}--- */




/* --------------- lists --------------- */

#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li { margin: 0; float: left; width: 20%; }


/* --------------- links --------------- */

a { color: #7788AA; text-decoration: none;} 

a:visited { }
a:hover { color: #CCCC00; }
a:active { }

#header h1 a { text-decoration: none; }

#navigation ul li a { text-decoration: none; display: block; padding: 0.7em; font-size: 1.3em; font-weight: bold; text-align: center; color: #FFFFFF; background-color: #7788AA; }
#navigation ul li a:hover { color: #CCCC00; background-color: #CCCCFF; }
#navigation ul li.current a { }
#navigation ul li.current a:hover { }

body#home #navigation li#homelink a,
body#aboutus #navigation li#aboutuslink a,
body#products #navigation li#productslink a,
body#services #navigation li#serviceslink a,
body#contactus #navigation li#contactuslink a,
body#contactus #navigation li#sitemaplink a,
{ }

#sidebar a { font-size: 1.3em; margin: 1em 0; text-decoration: none; font-weight: bold; }
#sidebar a:hover { color: #000000; }

#footer a { color: #FFFFFF; }
#footer a:hover { color: #000000; }


/* --------------- forms --------------- */

form { }

form fieldset { padding: 0.5em; }
form fieldset fieldset { width: 10%; float: left; border-width: 0; margin: 0; }
form fieldset legend { font-size: 1.3em; font-weight: bold; }

form label { font-weight: bold; }
form label:hover { cursor: pointer; }

form input[type="text"] { }
form input[type="checkbox"] { }
form input[type="radio"] { }
form input[type="password"] { }
form input[type="submit"] { }
form input[type="reset"] { }

form textarea { }

form input[type="text"], form textarea {
  border-color: #556699 #111111 #111111 #556699;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
}

form input[type="text"]:focus, form textarea:focus { background-color: #CCCCCC; }