/* Key styles for: The Marketing Factor*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 21 Septemeber 2009 */


/*Reset Styles*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	}
img, div { behavior: url(iepngfix.htc) }

body{background: url(images/background.gif) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%;}


/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 760px; height: 590px;  margin-top: -70px;}
#shadow{position:relative; z-index: -2; margin-bottom: -570px;margin-top: 17px;}
#backgroundimage {position:absolute; z-index: -1; margin-bottom: -570px; margin-left: -835px; margin-top: 17px;}
#main-container{  margin-bottom: -70px;}
* html #main-container{ margin-top: 00px; margin-bottom: -70px;}
#navigation{position: relative; z-index: 1; left: -90px; height: 50px; margin-top: 150px; width: 100px; }
#transparent{position: relative; z-index: 2; float:right; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; background-color: black; width: 590px; height: 460px; margin-top: -180px; margin-right: 18px; margin-bottom: -460px; }
#transparent-home{position: relative; z-index: 2; float:right; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; background-color: black; width: 590px; height: 340px; margin-top: -180px; margin-right: 18px; margin-bottom: -460px; }
* html #transparent { margin-top: -285px;  }
* html #transparent-home { margin-top: -285px;  }
/*#content{position: relative; z-index: 3; float:right; padding-right: 20px; padding-left: 20px; width: 540px; top: -170px; left: -20px; text-align: left; height: 410px; overflow-y: auto; margin-bottom: -120px;}*/
#content{position: relative; z-index: 3; float:right; padding-right: 15px; padding-left: 15px; width: 550px; top: -170px; left: -23px; text-align: left; height: 440px; overflow-y: auto; margin-bottom: -120px;}
* html #content { margin-top: -115px;margin-bottom: 0px;}

#footer {clear: both; position: relative; top: 20px; *top: 80px; left: -35px; text-align: right; width: 820px; height: 20px;}
* html #footer {top: -50px; }

/*SUBPAGES*/
#subtransparent{position: relative; z-index: 2; float:right; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; background-color: black; width: 590px; height: 280px; margin-top: -90px; margin-right: 18px;  }
* html #subtransparent { margin-top: -225px; }

#subcontent{position: relative; z-index: 3; float:right; padding-right: 15px; padding-left: 15px; width: 550px; top: -280px; left: -23px; text-align: left; height: 440px; overflow-y: auto;}


#subfooter {clear: both; position: relative; top: -264px; *top: -200px; left: -35px; text-align: right; width: 820px; height: 20px;}
* html #subfooter { margin-top: 0px;}



/*Link Styles*/
a{color: #58a6181;}
a:link{color: #58a618;}
a:visited {color: #58a618; }
a:hover {color: white; text-decoration: none;}

#websitedeveloper {font-size: .6em; text-align: left; color: #999;}
#websitedeveloper a{color: #ccc; border-bottom: 1px dashed #ccc; text-decoration:none;}
#websitedeveloper a:hover{color: #92d050;border-bottom: 1px dashed #92d050;}


/*Navigation Styles*/
#navigation ul a{padding-left: 50px; padding-top: 3px; padding-bottom: 3px; text-decoration:none; color: #333333; font-size: 12px; display:block; text-align: left; font-weight: bold;}
#navigation li {padding: 3px; display: block; list-style:none;}
#navigation a:hover{ color: white; width: 120px;}


#menu1 a{background: #32c0de; width: 90px; }
#menu2 a{background: #82d150; width: 70px;}
#menu3 a{background: #f73381; width: 80px;}
#menu4 a{background: #f7a633; width: 85px;}
#menu5 a{background: #f75d33; width: 110px;}
#menu6 a{background: #ba1fe7; width: 100px;}
#menu7 a{background: #a6bdd2; width: 90px;}
#menu14 a{background: #ffe117; width: 110px;}
#menu15 a{background: #afde32; width: 85px;}

/*Table Styles*/
table {border: 1px solid #5e6a71; border-collapse: collapse; color:white; font-size: 11px;} 
table td{border: 1px #5e6a71; solid; padding: 4px;}
table p{color: white; font-size: 11px;}


/*Paragraph Styles*/
/*Paragraph Styles*/
/*h1 { font-size: 30px; color: #67bd49; padding-top: 5px; margin-bottom: 5px; border-bottom: 2px dotted #67bd49;}
h2 { font-size: 16px; color: #67bd49; padding-top: 5px; }
h3 { font-size: 14px; color: #67bd491; padding-top: 5px;}
h4 { font-size: 13px; color: #67bd49; padding-top: 5px; }
p { font-size: 12px; color: #ffffff; padding-bottom: 5px; padding-top: 5px;}*/

h1 { font-size: 30px; color: #999; padding-top: 5px; margin-bottom: 5px; border-bottom: 2px dotted #999;}
h2 { font-size: 16px; color: #999; padding-top: 5px; padding-bottom: 10px; }
h3 { font-size: 14px; color: #fff; padding-top: 5px;}
h4 { font-size: 13px; color: #fff; padding-top: 5px; }
p { font-size: 12px; color: #ffffff; padding-bottom: 5px; padding-top: 5px;}
#footer p{color: #58a618; font-family: Tahoma; font-size: 10px; text-align: right;}
#subfooter p{color: #58a618; font-family: Tahoma; font-size: 10px; text-align: right;}

ul, ol{color: #ffffff; font-size: 12px; margin-left: 30px; padding-bottom: 5px; padding-top: 5px;}


#content img{padding: 4px 20px 4px 0px}
#subcontent img{padding: 10px 20px 4px 0px}

.clear {clear: both;}
.featurebox { padding: 7px; background: #58a618; border: 1px solid #FFF;  float: right; margin-left: 15px; margin-bottom: 10px;}
.featurebox h2{ color: #000;  padding-bottom: 0px;}
.featurebox a { color: #000; border-bottom: 1px dotted #000; text-decoration: none; }
.fbcol { width: 240px; float: left; height: 80px; margin-top: 20px;}
.right{float: right; padding-left: 50px;}
.left {float: left;}
.imagebesidegallery{margin-top: 5px;}

img.thumbnail { padding: 0 !important; padding-left: 10px !important; }
.imagebesidegallery { padding: 0 !important; margin-left: 5px !important;}

.thumbscontainer p { display: none;}

#facebook { margin-top: 270px; margin-left: -50px; }