/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */
/* Questions about the xhtml/css are happily answered by mejobloggs at gmail dott com */
body{font-family:trebuchet ms,verdana,arial,tahoma; font-size:80%; color:#6B6B6B; background-color:white; line-height:160%; margin:0; padding:0; text-align:center}
a:active{outline:none}/*Removes annoying dotted line on links in Firefox*/
img{border:none; border-style:none}

/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer{width:90%; min-width:700px; max-width:1400px; margin:0 auto; text-align:left}
#menu-top{background:white url('../images-global/bg02-white-right.png') no-repeat right top; overflow:hidden}
#menu-top ul{background:transparent url('../images-global/bg02-white-left.png') no-repeat left top; margin:0; padding:1em 0 0 20px; list-style:none; float:left; /*letter-spacing:1px; */}
#menu-top li{display:inline}
#menu-top a, #menu-top a:visited{background:transparent url(../images-global/menuleft.png) no-repeat left top; display:block; float:left; text-decoration:none; margin:0 2px}
#menu-top a span, #menu-top a:visited span{background:transparent url(../images-global/menuright.png) no-repeat right top; padding:0 8px 0 4px; margin:0 0 0 3px; display:block}
#menu-top a:hover{background-position:0% -50px}
#menu-top a:hover span{background-position:100% -50px}

#wrapper-header{background:transparent url('../images-global/bg.png') top center repeat-x}
#header{background:#eee url('../images-global/banner_motage.jpg') no-repeat center top}
#wrapper-header2{background:transparent url('../images-global/bg02-green-left.png') top left no-repeat}
#wrapper-header3{background:transparent url('../images-global/bg02-green-right.png') top right no-repeat}
#header h1{margin:0 0 0 7%; padding:0; height:192px; line-height:3em; color:#9FAEA3; font-size:130%}
#wrapper-content{background:white url('../images-global/bg02-white-left.png') no-repeat left top}

#content{background:transparent url('../images-global/bg02-white-right.png') no-repeat right top; padding:5px 250px 3em 40px}
#content ul{ padding:0; margin:0 0 1em 4em; }
#content .quote{font-style:italic; font-size:80%; line-height:1.2em; color:#666}
abbr, acronym, span.abbr{cursor:help; border-bottom:1px dotted #000}

#menu-page{float:right; width:187px; margin:20px 30px 3em 2em; background:transparent url('../images-global/menu.png') no-repeat; text-align:center; line-height:140%; font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif}
#menu-page .community{padding:1px 12px 0 12px; background:transparent url('../images-global/menu.png') no-repeat}
#menu-page .community p{font-size:80%}
#menu-page .guarantee{color:#666; font-size:70%; line-height:0.95em; margin:-0.1em 2em 1em 2em}
#menu-page .quote{font-style:italic; font-size:80%}
#menu-page ul{ margin:0; padding:0; list-style:none; font-size:90%; line-height: 1.1em;}
#menu-page li{ margin:0; padding:0 10px 0.8em 10px }
#menu-page h3{ font-size:75%; text-transform:uppercase; margin:1em 0 0.3em 0; color:#547303; font-weight:bold; letter-spacing:0.15em; margin-top:1.3em }
#menu-page a:link, #menu-page a:visited{color:#888}
#menu-page a:hover{color:#6B9205}
/*#wrapper-footer{text-align:center}
*/
/*#footer{margin:0 20px; background-color:#e5f0fc; border:1px solid #ccc; border-bottom:0; clear:both; line-height:2.2em}
*/
h2{font-size:130%; color:#4B664F}
h3{font-size:110%; margin-bottom:0.5em; color:#4B664F}
h4{font-size:100%; margin-bottom:0; padding-bottom:0; color:#4B664F}
p{margin-top:0.4em}

a:link, a:visited{color:#547303; text-decoration:none}
a:hover{color:#666; text-decoration:underline}
/* Links Logo Tables */
table td .logobox {width:156px}
table td .logobox a img {}

/* Java Script - ToolTip*/
.ttip{cursor:inherit; /*border-bottom:1px solid #000; */}
.info{display:none; border:1px solid #457D36; background-color:#A0B562; padding:4px; width:200px; text-align:center; background-image:url(../images-global/bg_ttip.gif); background-repeat:repeat-x}/* End ToolTip CSS */

.spacer{clear:both; font-size:0; line-height:0}

/* footerStickAlt http://themaninblue.com/experiment/footerStickAlt/ */
/* This code is for the positioning of the footer. There is also an IE part in ltie7.css */
html, body{height:100%}
#nonFooter{position:relative; min-height:100%}
#wrapper-footer{position:relative; margin-top:-2.0em; text-align:center}
#footer{ margin:0; background:#EEFCCB url(../images-global/bg-footer.png) repeat-x; border:1px solid #EEFCCB; border-bottom:0px; clear:both; line-height:1.8em; padding:10px; font-size:80% }
#footer p a img.socialnetwork {margin:0 10px -9px 0}
.zixoda a:link, .zixoda a:visited{ font:bold 8px Geneva,Arial,Helvetica,sans-serif; text-transform:uppercase; color:#CCC; text-decoration:none; line-height:0.8em; letter-spacing:0.2em }
.zixoda a:hover, .zixoda a:active{color:red; text-decoration:underline}