/*
Theme Name: wheemplay.com
Theme URI: wheemplay.com
Description: wheemplay.com
Version: 1.0
Author: Smart
Author URI: wheemplay.com
*/

/* Simple Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #4d4d4d;
}

ul {
	list-style: none;
}

a img {
	border: none;
}

body {
	background: #000 url('./images/background.jpg') top center no-repeat;
	font-size: 12px;
	font-family: Verdana, Helevetica, Arial, sans-serif, serif;
	color: #4d4d4d;
}

/* Classes */
.clear {
	clear: both;
}

/* Wrapper */
div#wrapper div#main-wrapper div#main div#slider-wrapper div#slider div#sliderContent a {
position: static;
}
div#wrapper {
	width: 100%;
	background: url('./images/background-bottom.jpg') bottom center no-repeat;
	min-height: 1200px;
	}
	
	/* Header-wrapper */
	div#wrapper div#header-wrapper {
		background: url('./images/header-bg.png') top left repeat-x;
		width: 100%;
		height: 33px;
		min-width: 950px;
		}
		/* Header */
		div#wrapper div#header-wrapper div#header {
			width: 950px;
			height: 33px;
			margin: 0 auto;
			}
			/* Logo */
			div#wrapper div#header-wrapper div#header div#logo {
				float: left;
				color: #b4b4b4;
				font-size: 14px;
				padding-left: 30px;
				line-height: 20px;
				margin-top: 7px;
				height: 19px;
				background: url('./images/logo.png') top left no-repeat;
			}
			/* Login */
			div#wrapper div#header-wrapper div#header form {
				float: right;
				line-height: 31px;
				}
				div#wrapper div#header-wrapper div#header form input {
					background-color: #191313;
					color: #666;
					width: 107px;
					height: 17px;
					border: 1px solid #483d3e;
					margin-top: 5px;
					margin: 5px 5px 0 0;
				}
				div#wrapper div#header-wrapper div#header form input.submit {
					background: url('./images/login.png') top left no-repeat;
					border: none;
					width: 73px;
					height: 19px;
					margin-right: 0px;
				}
				
	/* Main-Wrapper */
	div#wrapper div#main-wrapper {
		width: 950px;
		margin: 0 auto;
		}
		
		/* Main */
		div#wrapper div#main-wrapper div#main {
			width: 830px;
			margin: 0 auto;
			}
			/* Head */
			div#wrapper div#main-wrapper div#main div.head {
				width: 100%;
				height: 30px;
				margin: 43px 0 2px 0;
				}
				/* Search */
				div#wrapper div#main-wrapper div#main div.head div#search {
					float: right;
					width: 171px;
					height: 25px;
					background: url('./images/search-bg.png') top left no-repeat;
					}
					div#wrapper div#main-wrapper div#main div.head div#search input {
						float: right;
						width: 16px;
						height: 16px;
						border: none;
						margin: 5px 5px 0 0;
						background: url('./images/search.png') top left no-repeat;
					}
					div#wrapper div#main-wrapper div#main div.head div#search div.search {
						float: right;
						margin: 3px 3px 0 0;
						display: inline;
						background: url('./images/search-input.png') top left no-repeat;
						width: 137px;
						height: 19px;
						}		
						div#wrapper div#main-wrapper div#main div.head div#search div.search input {
							color: #fff;
							font-size: 12px;
							padding: 0 3px 0 9px;
							margin: 0;
							background: none;
							width: 125px;
							height: 19px;
							border: none;
						}
				/* Header classes */
				div#wrapper div#main-wrapper div#main div.head h2 {
					position: absolute;
					float: left;
					text-indent: -9999px;
					display: inline;
					margin-left: 55px;
					}
					/* Featured */ 
					div#wrapper div#main-wrapper div#main div.head h2.featured {
						background: url('./images/featured-content.png') top left no-repeat;
						width: 315px;
						height: 30px;
					}
					/* Send */
					div#wrapper div#main-wrapper div#main div.head h2.send {
						margin-left: 55px;
						background: url('./images/send.png') top left no-repeat;
						width: 306px;
						height: 27px;
					}
					/* Other */
					div#wrapper div#main-wrapper div#main div.head h2.other {
						margin-left: 55px;
						background: url('./images/other.png') top left no-repeat;
						width: 273px;
						height: 30px;
					}
			/* Slider Wrapper */
			div#wrapper div#main-wrapper div#main div#slider-wrapper {
				
				}
				/* Slider */
				div#wrapper div#main-wrapper div#main div#slider-wrapper div#slider {
					position: relative;
					width: 830px;
					height: 320px;
					background: url('./images/featured-cont.png') top left no-repeat;
					}
					/* Arrows */
					div#wrapper div#main-wrapper div#main div#slider-wrapper div#slider a {
						position: absolute;
						top: 150px;
						width: 20px;
						height: 20px;
						}
						/* ArrowLeft */
						div#wrapper div#main-wrapper div#main div#slider-wrapper div#slider a.arrowLeft {
							left: 9px;
							background: url('./images/arrowleft.png') top left no-repeat;
						}
						/* ArrowRight */
						div#wrapper div#main-wrapper div#main div#slider-wrapper div#slider a.arrowRight {
							right: 9px;
							background: url('./images/arrowright.png') top left no-repeat;
						}
				/* Slider navigation */
				div#wrapper div#main-wrapper div#main div#slider-wrapper ul#sliderNav {
					width: 600px;
					margin: 0 auto;
					}
					div#wrapper div#main-wrapper div#main div#slider-wrapper ul#sliderNav li {
						float: left;
						margin-left: 7px;
						display: inline;
						}
						div#wrapper div#main-wrapper div#main div#slider-wrapper ul#sliderNav li a {
							float: left;
							width: 142px;
							height: 26px;
							text-align: center;
							line-height: 22px;
							font-size: 12px;
							font-weight: bold;
							color: #1b1b1b;
							background: url('./images/slidernav.png') top left no-repeat;
						}
						div#wrapper div#main-wrapper div#main div#slider-wrapper ul#sliderNav li a.active {
							position: relative;
							width: 144px;
							height: 28px;
							line-height: 23px;
							background: url('./images/slidernavactive.png') top left no-repeat;
							margin-top: -1px;
						}
			/* Boxes */
			div#wrapper div#main-wrapper div#main div.boxhead {
				width: 732px;
				height: 46px;
				padding: 0px 50px;
				background: url('./images/boxhead.png') top left no-repeat;
			}
			div#wrapper div#main-wrapper div#main div.boxcont {
				width: 732px;
				padding: 0px 50px;
				background: url('./images/boxcont.png') top left repeat-y;
				}
				div#wrapper div#main-wrapper div#main div.boxcont h3 {
					position: relative;
					top: -20px;
					font-size: 18px;
					font-weight: normal;
				}
				div#wrapper div#main-wrapper div#main div.blog p {
					padding-bottom: 20px;
				}
				div#wrapper div#main-wrapper div#main div.boxcont p {
					position: relative;
					font-size: 12px;
					top: -15px;
                                        font-weight: normal
					
				}
				div#wrapper div#main-wrapper div#main div.boxcont div.spacer {
					width: 730px;
					height: 1px;
					background: url('./images/spacer.gif') top left repeat-x;
				}
				div#wrapper div#main-wrapper div#main div.boxcont div#left {
					float: left;
					width: 365px;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#left form {
						margin-top: 20px;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#left label {
						font-weight: normal;
						display: block;
						margin-bottom: 5px;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#left input {
						background-color: #ccc;
						width: 170px;
						height: 20px;
						border: 1px solid #908f90;
						display: block;
						margin-bottom: 10px;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#left textarea {
						overflow: hidden;
						width: 345px;
						height: 125px;
						background-color: #ccc;
						border: 1px solid #908f90;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#left input.submit {
						border: none;
						background: url('./images/submit.png') top left no-repeat;
						width: 108px;
						height: 27px;
						margin: 10px 0 0 0;
					}
				div#wrapper div#main-wrapper div#main div.boxcont div#right {
					position: relative;
					float: left;
					width: 365px;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#right div.img {
						position: absolute;
						top: 24px;
						left: -140px;
						width: 508px;
						height: 149px;
						background: url('./images/contact_us.jpg') top left no-repeat;
					}
					div#wrapper div#main-wrapper div#main div.boxcont div#right div#contact {
						font-size: 11px;
						position: absolute;
						top: 200px;
						width: 350px;
						height: 115px;
						border-top: 1px solid #669933;
						padding-top: 10px;
						}
						div#wrapper div#main-wrapper div#main div.boxcont div#right div#contact span.green {
							color: #669933;
						}
						div#wrapper div#main-wrapper div#main div.boxcont div#right div#contact div#col1 {
							padding: 5px 0 5px 30px;
							float: left;
							width: 135px;
							height: 115px;
						}
						div#wrapper div#main-wrapper div#main div.boxcont div#right div#contact div#col2 {
							padding: 5px 0px 5px 40px;
							float: left;
							width: 144px;
							border-left: 1px solid #669933;
							height: 115px;
						}
						div#wrapper div#main-wrapper div#main div.boxcont ul#other {
							width: 800px;
							margin-left: 40px;
							}
							div#wrapper div#main-wrapper div#main div.boxcont ul#other li {
								float: left;
								}
								div#wrapper div#main-wrapper div#main div.boxcont ul#other li a {
									text-align: center;
									float: left;
									color: #669933;
									margin-right: 110px;
									width: 80px;
									height: 60px;
								}
								div#wrapper div#main-wrapper div#main div.boxcont ul#other li a.partners {
									background: url('./images/partners.png') scroll 29px 26px no-repeat;
								}
								div#wrapper div#main-wrapper div#main div.boxcont ul#other li a.resources {
									background: url('./images/resources.png') scroll 23px 26px no-repeat;
								}
								div#wrapper div#main-wrapper div#main div.boxcont ul#other li a.theblog {
									background: url('./images/theblog.png') scroll 21px 30px no-repeat;
								}
								div#wrapper div#main-wrapper div#main div.boxcont ul#other li a.contactus {
									background: url('./images/contactus.png') scroll 23px 32px no-repeat;
								}
			div#wrapper div#main-wrapper div#main div.boxfoot {
				width: 732px;
				height: 40px;
				padding: 0px 50px;
				background: url('./images/boxfoot.png') top left no-repeat;
			}
		
		/* Footer */
		div#wrapper div#main-wrapper div#footer {
			margin-top: 30px;
			padding-bottom: 100px;
			color: #799728;
			font-size: 12px;
			font-weight: bold;
			}
			div#wrapper div#main-wrapper div#footer p {
				color: #799728;
				width: 351px;
				margin: 0 auto;
			}
			/* Footer Navigation */
			div#wrapper div#main-wrapper div#footer ul#footerNav {
				margin: 2px auto 0 auto;
				width: 290px;
				}
				div#wrapper div#main-wrapper div#footer ul#footerNav li {
					float: left;
					margin-left: 5px;
					color: #999;
					}
					div#wrapper div#main-wrapper div#footer ul#footerNav li a {
						color: #999;
					}