/* CSS for Hart and Co by Digitalhand */

/* zero everything */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	padding: 0;
	border: 0;
	margin: 0;
}

/* Genereal page styling */

body {
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	/*font-size: 0.8em;*/
	color: #333333;
	line-height: 1em;
	}

p {
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0.5em;
	margin: 0.5em;
	}

h1 {
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	font-size: 1.5em;
	color: #6ba819;
	line-height: 1em;
	padding: 0em;
	margin: 0.25em;
	}

h2 {
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	font-size: 1.5em;
	color: #B30000;
	line-height: 1em;
	padding: 5px;
	}

h3 {
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	font-size: 1em;
	color: #FF8000;
	line-height: 1em;
	padding: 5px;
	}

h4 {
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	font-size: 1em;
	color: #996644;
	line-height: 1.5em;
	}

a:link {
	color: #FF8000;
	}

a:visited {
	color: #FF8000;
	}

a:hover {
	color: #B35900;
	}

a:active {
	color: #FF8000;
	}
	
.breaker {
	clear: both;
	}


/* Main area page structuring */

#header {
	width: 815px;
	height: 155px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../graphics/header.jpg);
	background-repeat: no-repeat;
	}

.menulist {
	color: #FF8000;	
	line-height: 1.5em;
	padding: 0em;
	margin: 0.5em;
	}

#mainnav {
	width: 200px;
	float: right;
	margin-top: 20px;
	margin-right: 40px;
	text-align: right;
	}

#mainnav a:link {
	font-size: 1.5em;
	color: #FFFFFF;
	}
	
#mainnav a:visited {
	font-size: 1.5em;
	color: #FFFFFF;
	}

#mainnav a:hover {
	font-size: 1.5em;
	color: #FFFFFF;
	}

#mainnav a:active {
	font-size: 1.5em;
	color: #FFFFFF;
	}
	

#wrapper {
	width: 815px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../graphics/wrapper_bg2.gif);
	background-repeat: repeat-y;
	}

#container {
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	}

#contleftcol {
	width: 160px;
	float: left;
	/*border: solid 1px #93bee5;*/
	padding-top: 10px;
	}

#contrightcol {
	width: 580px;
	margin-left: 180px;
	border-left: solid 1px #FF8000;
	padding-left: 10px;
	padding-top: 10px;
	}

.prodimleft {
	float: right;
	padding-left: 5px;
	padding-right: 10px;
	}

#emlrcont {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border: dashed 1px #FF8000;
	}

/* Footer structuring */

#footer {
	width: 815px;
    height: 25px;
    margin-top:-7px;
    padding-top:0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../graphics/wrapper_bg2.gif);
	background-repeat: repeat-y;
	}

#footerbase {
	width: 815px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../graphics/wrapbot.jpg);
	background-repeat: no-repeat;
        height: 22px;
	}

#digicont {
	width: 815px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	text-align: center;
	}