/*-- ERIC MEYER RESET RELOAD --*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-- SITE STYLES --*/

body {
	background-color:#2759B1;
	background-image:url(../images/interface/background.gif);
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

a:link {color:#4A890F;}
a:hover {color:#689400;}
a:active {color:#689400;}
a:visited {color:#4C890F;}

strong, bold {font-weight:bold;}

i, em {font-style:italic;}

h1 {
	margin-bottom:20px;
	font-size:18px;
	line-height:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
h2 {
	margin-bottom:10px;
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

h3 {
	margin-bottom:10px;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
h4 {
	margin-bottom:3px;
	font-size:14px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

div#wrapper {
	margin:auto;
	width:753px;
	padding:0px;
	}

div.clearem {
	clear:both;
	height:0;
	margin:0;
	padding:0;
	font-size:1px;
	}
	
div#header {
	width:753px;
	height:154px;
	margin-top:20px;
	background-color:#94C233;
	}

div.headerbackground {
	width:753px;
	height:154px;
	background-image: url(../images/interface/header_background_753x154.jpg);
	background-repeat:no-repeat;
}
	
div#navigation{
	width:733px;
	height:32px;
	padding:0px 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#f5f5f6;
	background-image:url(../images/interface/background-menu.gif);
	background-position: top;
	}
	
/*-- HORIZONTAL NAV MENU --*/

/* based on Son of Suckerfish menus */

ul#menu { /* all lists */
	float: left;
	padding: 0;
	margin: 0;
	width:580px;
	list-style: none;
	}

ul#menu li.first {
	border-left: 1px solid #FFF;
	}

ul#menu li.last {
	border-right: 1px solid #D4D4D4;
	}

 /* first-level lists */
ul#menu a:link, ul#menu a:visited {
	display: block;
	padding:8px 7px;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #FFF;
	text-decoration:none;
	color: #000000;
	background-image:url(../images/interface/background-menu.gif);
	background-position: top;
	background-repeat: repeat-x;
	width:auto;
	}

ul#menu a:hover {
	padding:8px 7px;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #FFF;
	background-color:#FFFF99;
	background-image:url(../images/interface/background-menu.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
/* all list items */
ul#menu li { 
	float: left;
	}
	
/* second-level lists */
ul#menu li ul { 
	position: absolute;
	background-color:#F7F7F8;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #CFD1D4;
	border-bottom: 1px solid #C9CACD;
	width:200px;
	left:-999em; 
	}
/* using left above instead of display to hide menus because display: none isn't read by screen readers */

ul#menu ul li a:link, ul#menu ul li a:visited {
	display:block;
	padding:8px 7px 8px 7px;
	border:none;
	text-decoration:none;
	color:#000000;
	width: 186px;
	background-image:none;
	}
	
ul#menu ul li a:hover {
	padding:8px 7px 8px 7px;
	border:none;
	background-image:url(../images/interface/background-menu.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
/* lists nested under hovered list items */
ul#menu li:hover ul, ul#menu li.sfhover ul { 
	left: auto;
	}
	
/* second (right) menu */
/* all lists */
ul#menu2 {
	float: right;
	width:105px;
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
ul#menu2 li {
	float: right;
	border-left: 1px solid #FFF;
	border-right: 1px solid #D4D4D4;
	}

 /* first-level lists */
ul#menu2 a:link, ul#menu2 a:visited {
	display: block;
	padding:8px 7px;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #FFF;
	text-decoration:none;
	color: #000000;
	background-image:url(../images/interface/background-menu.gif);
	background-position: top;
	background-repeat: repeat-x;
	width:auto;
	}

ul#menu2 a:hover {
	padding:8px 7px;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #FFF;
	background-color:#FFFF99;
	background-image:url(../images/interface/background-menu.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
/*-- MAIN CONTENT --*/	
	
div#main {
	width:713px;
	marging-bottom:20px;
	padding: 20px 20px;
	line-height: 18px;
	font-size:13px;
	background-color:#FFF;
	}
	
div#main p {	
	margin: 0px 0px 20px 0px;
	}
	

div#main ul {
	margin: 6px 0px 19px 0px;
	}
	
div#main li {
	list-style: disc;
	margin-left:30px;
	padding:2px 0px 2px 0px;
	text-align:left;
	}	
	
div#main ol{
	padding-left:12px;
	margin: 6px 0px 6px 36px;
	}	
	
div#main ol li {
	list-style:decimal;
	padding-left:3px;
	}

	
.quote {
	margin:60px 0px;
	font-size:16px;
	line-height:22px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5DA315;
	}
	
a.bottomlink:link, a.bottomlink:visited {
	display:block;
	padding: 6px 0px 6px 8px;
	background-position: 0px 9px;
	text-decoration:none;
	background-image:url(../images/interface/arrow-small-gren.gif);
	background-repeat:no-repeat;
	}
	
a.bottomlink:hover {
	text-decoration:underline;
	}
	
img.imageright {
	float:right;
	margin:5px 0px 5px 5px;
	}
	
div.baflash {
	float:right;
	margin:5px 0px 5px 5px;
	
	}
	
.large {
	font-size:19px;
	}
	
/*no columns */		
div#column0 {
	float:left;
	width:713px;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
	
div#column1 {
	float:left;
	width:218px;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
	
div#column2 {
	float:left;
	width:217px;
	padding:0;
	margin:0px 0px 10px 30px;
	}
	
div#column3 {
	float:left;
	width:218px;
	padding:0;
	margin:0px 0px 10px 30px;
	}

/*left wide */	
div#column4 {
	float:left;
	width:465px;
	padding:0px;
	margin:0px;
	}
	
/*right wide */
div#column5 {
	float:left;
	width:465px;
	padding:0px;
	margin:0px 0px 10px 30px
	}
	
/*-- HOME PAGE STYLES --*/	

div.group3 {
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #EFEFF0;
	}
	
div.group3 h2 {
	margin-bottom:3px;
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
	}

div.group3 h2 a:link, div.group3 h2 a:visited {
	padding-top:45px;
	display:block;
	text-decoration:none;
	color:#000000;
	}
	
div.group3 h2 a:hover {
	color:#689400;
	}

a.golink:link, a.golink:visited {
	display:block;
	margin: 0px auto;
	padding: 0px 0px 6px 0px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	}
	
a.golink:hover {
	text-decoration:underline;
	}

div#website h2 {
	background-image:url(../images/interface/icon_new.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
div#website {
	float:left;
	width:218px;
	padding:0px;
	margin:0px 0px 10px 0px;
	}

div#redesign h2 {
	background-image:url(../images/interface/icon_redo.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
div#redesign {
	float:left;
	width:217px;
	padding:0;
	margin:0px 0px 10px 30px;
	}

div#updates h2 {
	background-image:url(../images/interface/icon_pencil.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}

div#updates {
	float:left;
	width:218px;
	padding:0;
	margin:0px 0px 10px 30px;
	}
	
	
/*row or horizonal style portfolio scroller*/
	
div#portfoliorow {
	width:465px;  /*width of the box */
	height:175px;
	overflow:auto;
	}
	
div#portfoliorow ul {
	float: left;
	padding: 0;
	margin: 0;
	width:3886px; /*set this to total width of all the elements*/
	height:150px;
	background-color: #FDFDFD;
	}	

div#portfoliorow ul li{
	float: left;
	list-style: none;
	margin: 0px;
	}

/*column or vertical style portfolio scroller*/

div#portfoliocolumn {
	width:190px;
	height:354px; /*height of the box*/
	overflow:auto;
	margin-left:10px;
	}

div#portfoliocolumn ul {
	padding: 0;
	margin: 0;
	width:170px;
	background-color:#FFF;
	}

div#portfoliocolumn ul li{
	margin: 0px;
	float:inherit;
	padding-bottom:10px;
	list-style: none;
	}
	
/*web_designer_portfolio page*/

table#portfolio_table td {
	padding:5px;
	vertical-align:middle;
}

table#portfolio_table td a:link, table#portfolio_table td a:visited {
	display:block;
	text-decoration:none;
	}
	
table#portfolio_table td a:hover {
	text-decoration:underline;
	}


/*-- FOOTER --*/

div#footer { 
	color:#FFFFFF;
	width:733px;
	margin: 0px auto;
	padding: 10px;
	text-align:center;
	line-height:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
div#footer a { color:#FFFFFF; text-decoration:none;}
div#footer a:hover { color:#99CCCC; text-decoration:underline;}
div#footer a:visited { color:#FFFFFF; text-decoration:none;}