/* Modern World CSS Template 
   www.solucija.com      */

html,body {
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #333333;

	margin: 0;
	padding: 0;
	line-height: 140%;
	text-align: center;
	background-color: #595959;
}
#wrapper{
	  margin: 0 auto;
  width: 880px;
  text-align: left;
  	background: #595959 url(bg.gif) repeat-y top left;
}

a {
	color: #30891A;
	background-color: inherit;
	text-decoration: none
}

a:hover {
	color: #666E00;
	background-color: inherit;
}

/* LINKS */

a,a:link,a:link,a:link,a:hover {
	background: transparent;
	text-decoration: none;
	cursor: pointer
}

a:link {
	color: #30891A;
}

a:visited {
	color: #30891A;
}

a:hover,a:active {
	color: #666E00
}

/* TYPOGRAPHY */

p {
	margin: 15px 25px 1em 25px;
	line-height: 1.8em;
}

h1, h2, h3, h4, h5, h6 {
	/*letter-spacing: 0.1em;*/
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 25px 0px 1em 25px;
	color: #30891A;
	/*border-bottom: 1px solid #BD1A00;*/
padding-bottom: 0.3em;
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 125%;
	margin-top: 0.6em;
	color: #3a3d38;
	font-weight: normal;
	font-style: normal;
}

.header_title {
	padding-top: 25px;
}
.header_title span {
	padding-top: 25px;
	color: #fa0a1a;
}

.header_title h1 {
	margin: 0px 25px 0px 25px;
	font-weight: normal;
	font-style: normal;


/*text-transform: lowercase;*/
	font-size: 1.575em;
	color: #3a3d38;
}

h2 {
	font-size: 120%;
	/*color: #3a3d38;*/
	margin: 25px 25px .5em 25px;
}

h3 {
	font-size: 116%;
	margin: 25px 0 1em 10px;
}

h4 {
	font-size: 96%;
	color: #FBDE4A;
	margin: .1em 0 .1em
}

h5 {
	font-size: 106%;
	margin: .8em 0 .7em 15px
}

h6 {
	font-size: 96%
}

ul {
	margin: .3em 0 1em 0;
	padding: .3em 0 1em 0;
	list-style-type: disc;
	list-style-position: inside;
}



li {
	color: #FFFFFF;
	font: normal 1em "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: .5em;

}

.mainlists li {
	color: #333333;
	font: normal 1em "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 5px 5px 5px 25px;

}


.highlight {
	color: #390;
}

.subdued {
	color: #999
}

.error {
	color: #c00;
	font-weight: bold
}

.success {
	color: #390;
	font-weight: bold
}

.caption {
	color: #999;
	font-size: 10px
}

.date {
	font: bold 82% arial;
	color: #bbb;
	display: block;
	letter-spacing: 1px
}

small {
	font-size: 10px
}

img {
	border: none
}

.marked_green {
	background: #E8F7E6;
	color: inherit;
}

.marked_blue {
	background: #ECF3FB;
	color: inherit;
}

/* FORMS */

form {
	margin: 0 0 25px 25px;
}

input {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0
}

fieldset {
	border: none
}

label {
	display: block;
	padding: 5px 0
}

label br {
	clear: left
}

hr {
	margin: 1em 0;
	background: #f2f2f2;
	height: 1px;
	color: #ffffff;
	border: none;
	clear: both
}

/* FORMS - general classes */

form .req {
	color: #666;
	font-size: 80%;
	font-weight: normal;
	position: realtive;
	top: 1em;
	left: 25px;
	text-align: left;
	padding-bottom: 15px;
}

form .req b {
	color: #c00;
	font-size: 140%
}

fieldset {
	font: 10px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #666;
	padding: 2px;
	/*border: solid 1px #d3d3d3;*/
	width: 350px;
}

legend {
	font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #6BBD49;
	padding: 2px 6px;
	margin-bottom: 8px;
}

label {
	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 125px;
}

label.fieldLabel {
	display: inline;
	float: none;
}

textarea.formInputText {
	font-size: 10px;
	color: #666;
	background-color: #fee;
	padding: 2px;
	/*b

order: solid 1px #f66;*/
	margin-right: 5px;
	margin-bottom: 10px;
}

input.formInputText {
	font-size: 10px;
	color: #666;
	background-color: #fee;
	padding: 2px;
	/*border: solid 1px #f66;*/
	margin-right: 5px;
	margin-bottom: 10px;
/*height: 20px;*/
}

/*input.formInputText:hover {
	background-color: #ccffff;
	border: solid 1px #006600;
	color: #000;
	cursor: pointer;
	}*/

/*input.formInputText:focus {
	color: #000;
	background-color: #ffffff;
	border: solid 1px #006600;
	cursor: text;
	}*/

select.formSelect {
	font-size: 10px;
	color: #666;
	background-color: #fee;
	padding: 2px;
	border: solid 1px #f66;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

select.formSelect:hover {
	color: #333;
	background-color: #ccffff;
	border: solid 1px #006600;
}

select.formSelect:focus {
	color: #000;
	background-color: #ffffff;
	border: solid 1px #006600;
}

input.formInputButton {
	font-size: 1.2em;
	vertical-align: middle;
	font-weight: bolder;
	text-align: center;
	color: #FFFFFF;
	background: #2E8619 url(bg_button.png) repeat-x;
	padding: 1px;
	border: solid 1px #FFFFFF;
	cursor: pointer;
	float: left;
	width: 100px;
}

input.formInputButton:hover {
	background: #6BBD49 url(bg_button_hover.png);
}

input.formInputButton:active {
	background-image: url(bg_button.png);
}

input.f-submit {
	padding: 1px 3px;
	background: #666;
	color: #fff;
	font-weight: bold;
	font-size: 96%
}

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right 
	form.f-wrap-1 {width:220px;margin: 5px 0 0 20px; padding: .5em 0;background:  url("images/featurebox_bg.gif") no-repeat 100% 100%; position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;}
		
		/* hide from IE mac \
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac 
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:80%;font-weight:normal;position:absolute;top:0.4em;left:0px;width:13em;text-align:left}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 165px}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 10px}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:200px;line-height: 1.7;display:block;position:relative;padding-top:0.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
span.label_left,span.spacer,span.multiple span {float:left;font:  10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF} 
span.multiple {float:left;} 
span.button {padding-top:10px;}*/

div.clear {
	clear: both;
	padding-top: 5px;
}

#content {
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
	width: 860px;
	/*background: #595959 url(contentbg.gif) repeat-y top left;*/
	color: inherit;
}


.featurebox {
	float: right;
	width: 190px;
	color: #51B12A;
	padding: 15px 8px 15px 8px;
	margin: 5px 0px 15px 15px;
	background: #6BBD49
}
#featureboxlong.featurebox  {
float: none;
	width: 610px;
	color: #51B12A;
	padding: 15px 8px 15px 8px;
	margin: 5px 0px 15px 15px;
	background: #6BBD49
}

.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
	margin: 0 0 .3em 0;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF
}
.featurebox h4{
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 100%;
	}

.featurebox p {
	border: none;
	margin: 0 0 1em;
	color: #FFFFFF;
	/*font-size: 10px;*/
	line-height: 1.4em;
}

.featurebox a {
	font-weight: bold;
	color: #333333;
}

.thumbnail {
	margin: 0 10px 0 10px;
	position: relative;
	z-index: 9999;
	float: right;
	padding: 5px;
	background: #72BA50
}

.thumbnail img {
	border: 1px solid #000
}

.thumbnail_prod {
	margin: 0 20px 5px 10px;
	z-index: 9999;
	float: right;
	padding: 5px;
	background: #FFFFFF;
	width: 150px
}

.infobox {
	margin: 0 2px 0 2px;
	position: relative;
	z-index: 9999;
	float: left;
	padding: 5px;
}

.infobox img {
	border: 1px solid #FFFFFF
}

.infoboxtext {
	margin: 0 20px 0 180px;
	position: relative;
}

.infoboxtext p {
	font: 10px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding-bottom: 10px;
}

.infoboxtext h2 {
	margin: 0;
	padding: 0
}

.homelist {
	/*font-color: #5D5D5D;*/
}

.homelist ul {
	margin: .3em 0 1em 0;
	padding: .3em 0 1em 0;
	list-style-type: none;
}

.homelist li {
	/*color: #1b1b1b;*/
	font: normal 89% "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-bottom: .5em;
	/*list-style-type: none;*/
	/*background: url("plus.gif") no-repeat 6px 5px;*/
}

.homelist li a:link {
	padding-left: 25px;
	/*background: url("sprites.gif") no-repeat 8px -701px;*/
	background: url("plus.gif") no-repeat 6px 5px;
	
	/*color: #FFFFFF;*/
/*background:  url("sprites.gif") no-repeat 8px -698px;*/
}
.homelist li a {
	padding-left: 25px;
	/*background: url("sprites.gif") no-repeat 8px -701px;*/
	background: url("plus.gif") no-repeat 6px 5px;
	/*color: #353535;*/
}

.homelist li a:hover {
	color: #30891A;
	/*background: url("sprites.gif") no-repeat 8px -701px;*/
	background: url("plus.gif") no-repeat 6px 5px;
}
.featurelist {
	/*font-color: #5D5D5D;*/
}

.featurelist ul {
	margin: .3em 0 1em 0;
	padding: .3em 0 1em 0;
	list-style-type: none;
}

.featurelist li {
	/*color: #1b1b1b;*/
	font: normal 1em "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-bottom: .5em;
	list-style-type: none;
padding-left: 0px;
margin: 0px;
	border-bottom: 1px dotted #2e8619;
	list-style-position: outside;
}

.featurelist li a:link {
	padding-left: 25px;
	/*background: url("sprites.gif") no-repeat 8px -701px;*/
	background: url("plus.gif") no-repeat 6px 5px;
	
	color: #FFFFFF;
/*background:  url("sprites.gif") no-repeat 8px -698px;*/
}
.featurelist li a {
	padding-left: 25px;
	/*background: url("sprites.gif") no-repeat 8px -701px;*/
	background: url("plus.gif") no-repeat 6px 5px;
	color: #FFFFFF;
}

.featurelist li a:hover {
	color: #30891A;
	/*background: url("sprites.gif") no-repeat 8px -701px;*/
	background: url("plus.gif") no-repeat 6px 5px;
}


#contenttop {
	margin: 0px 0 0 10px;
	padding: 0;
	width: 860px;
	background: #595959 url(contentbgtop.gif) repeat-y top left;
	color: inherit;
}

#contentmiddle {
	clear: both;
	margin: 0px 0 0 10px;
	padding: 0;
	width: 860px;
	background: #595959 url(contentbgtop.gif) repeat-y top left;
	color: inherit;
}

td.maincontent{
	/*background-color: #ffffff;*/
}

#message {
	font-size: 170%;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 50px 0;
	background-color: inherit;
}

#navigation {
	font-size: 100%;
	text-transform: uppercase;
	background: url(navbg.gif) repeat-x bottom left;
	padding: 0 0 22px 10px;
}

#navigation a {
	color: #9f9f9f;
	display: inline;
	text-decoration: none;
	font-weight: bold;
	margin-right: 10px;
	padding-left: 5px;
	background-color: inherit;
	background-image: url(linkcorner.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#navigation a:hover {
	color: #000;
	background-color: inherit;
}

.pipelist {
	margin-bottom: 0.2em;
	overflow: hidden;
	width: 460px;
	margin-left: 85px;
}

.pipelist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pipelist li {
	border-right: 1px solid #228907;
	float: right;
	margin: 0 -.6em 0 .6em;
	padding: 0 .6em 0 .6em;
	color: #FFFFFF;
	font: 95% "Trebuchet MS", Helvetica, Arial,sans-serif;
	letter-spacing: .1em;
/*

text-transform: uppercase;*/
}

.pipelist a:link, .pipelist a:visited {
	color: #228907;
	text-decoration: none;
}

/*.pipelist a:link.active, .pipelist  a:visited.active	{
	
	color : #FBDE4A;
}*/

.pipelist li.active a:link, .pipelist li.active a:visited {
	color: #595959;
}

.pipelist a:hover {
	color: #333333;
}

/*piplist two*/

.pipelistsub {
	

/*margin-bottom: 0.5em*/;
	padding: 10px 0 5px 0;
	overflow: hidden;
	width: 630px;
}

.pipelistsub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pipelistsub li {
	border-left: 1px solid #228907;
	float: left;
	margin: 0 .6em 0 -.6em;
	padding: 0 .6em 0 .6em;
	color: #333333;
	font: 10px/1.5em "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
	display: block;
	line-height: 20px;
/*

text-transform: uppercase;*/
}

.pipelistsub a:link, .pipelistsub a:visited {
	color: #333333;
	text-decoration: none;
}

.pipelistsub li.active a:link, .pipelistsub li.active a:visited {
	color: #FFFFFF;
}

.pipelistsub a:hover {
	color: #FFFFFF;
}

/*from template*/

td.alt {
	border-right: 1px solid #FFFFFF;
}

#title {
	position: relative;
	width: 250px;
	float: left;
	font-size: 14pt;
	font-weight: bold;
	padding-top: 0px;
	padding-left: 0px;
	height: 120px;
	background: url(logo2.gif) no-repeat 0;
	right: 0;
	top: 0;
	bottom: 0;
	left: -19px;
}
#title H1{
	visibility: hidden;
}

#title_info {
	float: right;
	height: auto;
	/*padding: 8px;*/
	width: 550px;
	margin: 45px 25px 0 0;


/*border: 2px solid #fff;*/
	background: #FFFFFF;
	color: #808080;
	background-color: #FFFFFF;
}
#title_info p {
	float: right;
	text-align: right;
	font: 13px "Trebuchet MS", Helvetica, Arial,sans-serif;
	/*padding: 0px 0px 0px 0px;*/
	margin: 5px 0px 0px 0px;
	
}

#zaglavlje {
	clear: both;
	margin: 0px 0 1px 0;
	/*height: 110px;*/
	/*height: 120px;
	background: url(logo2.gif) no-repeat -15px;*/
}

#utility {
	position: absolute;
	width: 194px;
	height: 299px;
	border-top: 0px;
	/*background-color: #FFFFFF;*/
	background: url(../images/nav_bg.jpg) no-repeat 0px 0px

}

#speciallogo_hm{
	padding-top: 100px;
}

/* SECONDARY NAVIGATION - vertical navigation */

#nav-secondary, #nav-secondary ul {
	position: static;
}

#nav-secondary, #nav-secondary li {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#nav-secondary {
	padding-top: 0;
}

#nav-secondary a {
	padding: 10px 0 10px 23px;
	background: url(../images/sprites.gif) no-repeat 8px -690px;
	font: normal 105% "Trebuchet MS", Helvetica, Arial, sans-serif;
	display: block;
}

#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {
	text-decoration: none;
	cursor: pointer;
	
}

#nav-secondary a:link {
	color: #FFFFFF;
	
}

#nav-secondary a:visited {
	color: #FFFFFF
}

#nav-secondary a:hover {
	color: #FFCC33;
	background: #51AA27 url(../images/sprites.gif) no-repeat 8px -690px
}

#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {
	color: #FFCC33
}
/*not active*/


/*END not active*/

#nav-secondary li {
	border-bottom: 1px solid #FFFFFF
}

/* SECONDARY NAVIGATION - 2nd TIER */

#nav-secondary ul {
	margin: 0 0 1em 23px;
	padding: 0
}

#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {
	background: url(../images/sprites.gif) no-repeat 0 -798px;
	padding: 0 0 0 12px;
	font: normal 89% "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: auto;
	color: #FFFFFF;
	width: 140px;
	display: block;
	height: 15px;
}

#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {
	color: #FFCC33
}

#nav-secondary li.active li {
	border: none;
	margin: 0
}

#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {
	font-weight: bold;
	color: #FFCC33
}

.featurebox_left {
	padding: 15px 10px 5px 15px;
	position: relative;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #FFFFFF;
}

.featurebox_left p {
	border: none;
	margin: 0;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.4em;
	padding: 0px 0px 5px 0px
}

.featurebox_left a {
	font-weight: bold
}

#desna_rubrika {
	width: 860px;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	color: #5D5D5D;
}

#spec_offerhm p {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
}

#boxcopy p {
	margin: 0px;
	font-size: 90%;
	padding: 0px 10px 0px 15px;
	line-height: 1.7em;
}

#desna_rubrika h3 {
	font-size: 9pt;
	color: #30891A;
	padding: 0px 0px 0px 5px;
}

#boxcopy a {
	display: block;
	height: 25px;
	padding-right: 15px;
	margin-top: 8px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	/*text-align: right;*/
	/*float: right;*/
}

#leftquote {
	width: 458px;
	height: 125px;
	float: left;
	position: absolute;

}
#onequote {
	/*width: 458px;*/
	height: 125px;
	float: left;

}
#onequote h1 {
	line-height: 1.375em;
	color: #FFFFFF;
	font-size: 1.375em;
	margin-top: 35px;
	font-weight: normal;
	font-style: normal;
}

#leftquote h1 {
	line-height: 1.2em;
	color: #FFFFFF;
	font-size: 1.375em;
	margin-top: 30px;
	margin-right: 10px;
	font-style: italic;
}

#rightquote {
	/*width: 206px;*/
	height: 125px;
	float: right;
	/*padding: 0px 0px 0px 25px;*/
color: #70C256;
/*background:#333333;*/
}

#leftbox {
	width: 280px;
	float: left;
	margin-left: 25px;
	background: #6BBD49;
	padding: 10px;
}

#rightbox {
	width: 280px;
	float: right;
	margin-right: 25px;
	background: #6BBD49;
	padding: 10px;
}

.banner {
	margin: 20px 0 0 25px;
}

.banner p {
	font: 90% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding-bottom: 10px;
}

.banner h2 {
	margin: 0;
	padding-bottom: 10px;
	padding-top: 0px
}

.banner_two {
	background: #51B12A;
	height: 125px;
	margin: 20px 0 0 0;
}

.floatRight {  float: right;
}

/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #36802A;
}

.post .date {
  position: absolute;
  top: 0;
  left: 1px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #586B7A;
}

.post .date .day {
  display: block;
  margin-top: -2px;
  padding-right:5px;
  font: 700 12px arial, sans-serif;
  color: #586B7A;
}

.post .title {
  display: block;
  padding: 2px 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
	color: #3a3d38;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 1.5em 1em 1.2em;
  border-left: 1px solid #36802A;
  line-height: 1.8em;
}


.floatLeft {  float: left;
}
img.floatLeft {  margin: 5px 10px 10px 0;
}

.subnav_container {
	background: #6BBD49;
	height: 40px;
	padding-left: 15px;
	margin: 0 0 25px 0;
}

div.spacer {
	clear: both;
}

.left {
	margin-right: 500px;
	padding: 0px 10px 10px 0px;
	background: url(logo.gif) no-repeat top left;
}

.left p {
	padding: 0 0 0 10px;
}

.left h1 {
	font-size: 140%;
	letter-spacing: -1px;
	color: #74CF7A;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	background-color: inherit;
}

#logo {
	padding: 0 0 0 35px;
	width: 220px;
}

#logo h2 {
	font-size: 180%;
	letter-spacing: -1px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: inherit;
}

#logo p {
	margin: 0;
	padding: 3px 0 0 2px;
	color: #95BAE3;
	background-color: inherit;
}

.right {
	margin: 0;
	padding: 15px 10px 10px 12px;
	width: 478px;
	float: right;
	background: url(header.gif) repeat-x top left;
}

.right h1 {
	font-size: 190%;
	letter-spacing: -1px;
	font-weight: bold;
	color: #2980DE;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: inherit;
}

.quote {
	padding: 20px;
	background: #ECF3FB url(quotebg.gif) no-repeat center left;
	font-size: 90%;
	color: inherit;
}

#footer {
	clear: both;
	background: #FFF url(footerbg.gif) repeat-x bottom left;
	color: #808080;
	border-top: 1px solid #eee;
	padding: 4px 10px 4px 4px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	
	font-size: 90%;
	text-align: right;
	text-transform: uppercase;
}

#footer a {
	color: #228906;
	background-color: inherit;
}

#footer a:hover {
	background: #FEFDD6;
	color: inherit;
}

#footer_left {
	clear: both;
	float: left;
	position: absolute;
	margin-left: 10px;
	padding: 0px;
}

 ul#example2 {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#example2 li {
color: #000;
font-size: 14px;
}