/**
 *	Global
 *  Base Screen Styles
 *	
 *	@author:	natzdoh
 *	@date:		20/06/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */
html,body {
	background:					#fff;
}

body {
	color:						#444444;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

body.home {
	background:					#fff url(../images/bg-body-home.png) repeat-x;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					#fff url(../images/bg-wrapper.png) repeat-x;
}

div#container {
}

div#navigation {
	height:						49px;
}

div#header {
	height:						137px;
}

div#content {
	background:					url(../images/bg-content.jpg) 50% bottom repeat-x;
	min-height:					370px;
	height: 					auto !important;
	height: 					370px;
}

div#content-inner {
}

div#content-main {
	float:						left;
	width:						580px;
}

div#content-main-forum {
	float:						left;
}

div#content-main-inner {
	padding:					34px 34px 17px 34px;
}

div#content-side {
	margin-left:				600px;
/*
	float:						left;
	width:						332px;
*/
}

div#content-side-inner {
	padding-top:				21px;
}

div#search,
div#related {
	margin-bottom:				20px;
	overflow:					hidden;
	background:					url(../images/bg-box-top.gif) no-repeat;
	border-bottom:				1px dotted #ccc;
width:317px;
}

div#search-content {
	padding:					20px 23px 15px 27px;
}

div#related-content {
	padding:					20px 23px 10px 27px;
}

div#search div#search-icon {
	position:					absolute;
	background:					url(../images/icons/icon-search.gif) no-repeat;
	width:						78px;
	height:						41px;
	margin-left:				210px;
}

div#related div#related-icon {
	position:					absolute;
	background:					url(../images/icons/icon-related.gif) no-repeat;
	width:						78px;
	height:						41px;
	margin-left:				210px;
}

div#footer {
	background:					url(../images/bg-footer.jpg) 50% 0 repeat-x;
	min-height:					244px;
	height:						auto !important;
	height:						244px;
}

div#footer-inside {
	margin:						0 auto;
	width:						200px;
	float:						right;
	font-size:					11px;
	padding:					35px 0 15px 0;
	text-align:					right;
}

div#footer-mango {
	margin:						0 auto;
	width:						920px;
	padding-top:				180px;
	
}


div.center {
	margin:						0 auto;
	overflow:					hidden;
	width:						920px;
}

div#index {
	margin:						0 auto;
}

div#index-ad {
	margin:						0 auto;
	margin:						130px 0 0 0;
}

div#content-index {
	margin:						0 auto;
	overflow:					hidden;
	width:						920px;
	margin-top:					40px;
}

div#content-index div#index-text {
	width:						440px;
	margin:						15px 0 0 30px;
	font-size:					11px;
	line-height:				18px;
}

div#content-index div#index-text p {
	margin-bottom:				9px;
	color:						#8b8f94;
}

div#content-index div#index-text li p {
	display:					none;
}


/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

small {
	font-size:					11px;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	font-weight:				bold;
}

div#content-main {
	font-size:					1.2em;
	line-height:				150%;
}

div#content-main h2 {
	color:						#4a4949;
	font-size:					30px;
	font-weight:				normal;
	margin-bottom:				20px;
}

div#content-main h3 {
	color:						#dd2525;
	font-size:					18px;
	font-weight:				normal;
	line-height:				1.5em;
	padding:					22px 0 8px 0;
	margin:						7px 0 7px 0;
	border-top:					1px dotted #cdd2d7;	
	border-bottom:				1px dotted #cdd2d7;	
}

div#content-main h4 {
	color:						#dd2525;
	font-size:					18px;
	line-height:				1.5em;
	font-weight:				normal;
	margin:						1em 0 0 0;
	padding:					0;	
}

div#content-main h5 {
	color:						#FC6C00;
	font-size:					18px;
	font-weight:				normal;
	line-height:				1.5em;
	padding:					22px 0 8px 0;
	margin:						7px 0 7px 0;
	border-top:					1px dotted #cdd2d7;	
	border-bottom:				1px dotted #cdd2d7;	
}

div#content-main h6 {
	color:						#FC6C00;
	font-size:					18px;
	line-height:				1.5em;
	font-weight:				normal;
	margin:						1em 0 0 0;
	padding:					0;	
}

div#content-main p {
	margin-bottom:				1.5em;
}

div#content-side h3 {
	color:						#dd2525;
	font-size:					18px;
	line-height:				1.5em;
	font-weight:				normal;
	margin:						0;
	padding:					0;	
}

div#content-side {
	font-size:					1.1em;
	line-height:				165%;
}

div#content-side p {
	margin-right:				21px;
	text-align:					right;
}

div#content-side p span {
	color:						#c2c2c2;
}

div#content-side div#content-side-inner div p {
	padding-left:				22px;
	margin-bottom:				0.25em;
	text-align:					left;
}

div#content-side div#content-side-inner p.button {
	padding:					0;
	margin:						0;
}

p.align-center {
	text-align:					center;
}

p.align-left {
	text-align:					left;
}

p.align-right {
	text-align:					right;
}

p.no-margin {
	margin:						0;
}

span {
	color:						#c2c2c2;
}

span.required {
	color:						#ff0000;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#container a {
	color:						#CD0000;
	text-decoration:			none;
}

div#container a:hover {
	color:						#920000;
	text-decoration:			none;
}

div#content-main-inner ul {
	margin-left:				12px;
	margin-bottom:				1.25em;
}

div#content-main-inner ul li {
	background:					url(../images/icons/icon-ca.gif) no-repeat;
	margin-bottom:				0.5em;
	padding-left:				25px;
}

div#related-menu {
}

div#related-menu ul {
margin:0 0 10px 0;
}

div#related-menu ul li {
display:					block;
	background:					url(../images/bg-box-side.gif) repeat-y 0 0;
	height:						26px;
	padding:						10px 0 1px 28px;
}

div#related-menu ul li.last {
	height:						26px;

}

div#related-menu ul li a.mango {
	color:						#F60;

}

/** images
------------------------------------------------------------------ */
img.float-right {
	float:						right;
}
img.float-left {
	float:						left;
}
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

input.text {
	border:						0; 
	height:						12px;
	padding:					5px;
}

input.search {
	width:						115px;
	background:					url(../images/bg-field.gif) no-repeat;
}

.searchbutton {
	background:					url(../images/buttons/btn-search.gif) no-repeat;
	border:						0;
	height:						22px;
	width:						50px;
	padding:					4px 10px 5px 6px;
	color:						#474749;
}

input.large {
	background:					url(../images/bg-large-field.gif) no-repeat;
	width:						160px;
}

input.medium {
	background:					url(../images/bg-medium-field.gif) no-repeat;
	width:						97px;
}