/*========================================================

Global CSS file for JVR

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body{
/*	background:url('../cssimages/body_background.jpg') repeat-x #181818;*/
	background:#000;
	color:#fff;
}

#wrapper{
	width:853px;
	margin:0 auto;
}

/*===================================================================
BRANDING
===================================================================*/
#branding{
	text-indent:-9999em;
	width:853px;
	height:145px;
	background:url('../cssimages/branding.jpg') no-repeat;
}

/*===================================================================
NAVIGATION
===================================================================*/
#navigation{
	width:853px;
	height:41px;
	list-style:none;
	background:url('../cssimages/navigation_background.jpg');
}

#navigation li{
	float:left;
	margin:0 10px 0 0px;
}

#navigation li#home{
	margin-left:11px;
}

#navigation li#contact{
	margin:0 0 0 0;
}

#navigation li a{
	display:block;
	height:39px;
	text-indent:-9999em;
}

#navigation li#home a{
	background:url('../cssimages/nav_button_home.jpg') no-repeat;
	width:55px;
}

#navigation li#rc_wonders a{
	background:url('../cssimages/nav_button_rc.jpg') no-repeat;
	width:145px;
}

#navigation li#shk a{
	background:url('../cssimages/nav_button_shk.jpg') no-repeat;
	width:145px;
}

#navigation li#juggles a{
	background:url('../cssimages/nav_button_juggles.jpg') no-repeat;
	width:145px;
}

#navigation li#fft a{
	background:url('../cssimages/nav_button_fft.jpg') no-repeat;
	width:145px;
}

#navigation li#fft a{
	background:url('../cssimages/nav_button_fft.jpg') no-repeat;
	width:145px;
}

#navigation li#wind a{
	background:url('../cssimages/nav_button_wind.jpg') no-repeat;
	width:145px;
}

#navigation li#contact a{
	background:url('../cssimages/nav_button_contact.jpg') no-repeat;
	width:145px;
}

/*---------ie 6--------*/

*html #navigation li#home{
/*	margin:0 168px 0 0;*/
}

/*===================================================================
NAVIGATION HOVER
===================================================================*/

#navigation li#home a:hover{
	background:url('../cssimages/nav_button_home_hover.jpg') no-repeat;
}

#navigation li#rc_wonders a:hover{
	background:url('../cssimages/nav_button_rc_hover.jpg') no-repeat;
}

#navigation li#shk a:hover{
	background:url('../cssimages/nav_button_shk_hover.jpg') no-repeat;
}

#navigation li#juggles a:hover{
	background:url('../cssimages/nav_button_juggles_hover.jpg') no-repeat;
}

#navigation li#fft a:hover{
	background:url('../cssimages/nav_button_fft_hover.jpg') no-repeat;
}

#navigation li#contact a:hover{
	background:url('../cssimages/nav_button_contact_hover.jpg') no-repeat;
}

/*===================================================================
CONTENT
===================================================================*/

#content{
	width:853px;
	padding:30px 0 0 0;
	background:url('../cssimages/background_jvr_new.jpg') repeat-x #161616;
}

#content p a{
	color:#fff;
	text-decoration:underline;
}

#content ul{
	list-style:none;
}

#content li a{
	display:block;
	width:408px;
	height:269px;
	text-indent:-9999em;
}

#left_column li, #right_column li{
	margin:0 0 20px 0;
}

/*===================================================================
LEFT COLUMN
===================================================================*/

#left_column{
	width:408px;
	float:left;
}

#left_column p{
	padding:0 0 0 30px;
	margin-top:0px;
}

#left_column p.link a{
	font-size:1.6em;
	color:#fff;
	text-decoration:underline;
}

#left_column p.link a:hover{
	text-decoration:none;
	color:#8B8B8B;
}

#rc_page a{
	background:url('../cssimages/rc_wonders_screenshot.jpg') no-repeat;
}

#rc_page_test a{
	background:url('../cssimages/rc_wonders_screenshot_new.jpg') no-repeat;
}

#fft_page_test a{
	background:url('../cssimages/button_toys.jpg') no-repeat;
}

#wc_page_test a{
	background:url('../cssimages/wind_creations_screenshot_new.jpg') no-repeat;
}


#fft_page a{
	background:url('../cssimages/button_toys.jpg') no-repeat;
}

#wc_page a{
	background:url('../cssimages/button_wind.jpg') no-repeat;
}

/*===================================================================
SCREENSHOT
===================================================================*/

#rc_screen a{
	background:url('../cssimages/rc_wonders_screenshot.jpg') no-repeat;
}

#fft_screen a{
	background:url('../cssimages/button_toys.jpg') no-repeat;
}

#wc_screen a{
	background:url('../cssimages/button_wind.jpg') no-repeat;
}



/*===================================================================
RIGHT COLUMN
===================================================================*/

#right_column{
	width:408px;
	float:right;
}

#right_column p{
	padding:0 30px 0 0;
	margin-top:0px;
}

#right_column p.link a{
	font-size:1.6em;
	color:#fff;
	text-decoration:underline;
}

#right_column p.link a:hover{
	text-decoration:none;
	color:#8B8B8B;
}

#shk_page a{
	background:url('../cssimages/kites_screenshot.jpg') no-repeat;
}

#juggles_page a{
	background:url('../cssimages/juggles_screenshot.jpg') no-repeat;
}



#shk_page_test a{
	background:url('../cssimages/sky_high_kites_screenshot_new.jpg') no-repeat;
}

#juggles_page_test a{
	background:url('../cssimages/mister_juggles_screenshot_new.jpg') no-repeat;
}

/*===================================================================
SCREENSHOT
===================================================================*/
#shk_screen a{
	background:url('../cssimages/kites_screenshot.jpg') no-repeat;
}

#juggles_screen a{
	background:url('../cssimages/juggles_screenshot.jpg') no-repeat;
}

/*===================================================================
PAGE ROW
===================================================================*/

#bottom_row li a {
         text-align:middle;
}

#final_ul {
 margin-left:220px;
}

#ffta_page a{
	background:url('../cssimages/fun_filled_toys_screenshot_new.jpg') no-repeat;
}


/*===================================================================
CONTACT FORM
===================================================================*/
#contact{
	margin:0 0 0 30px;
}

#contact_form{
	width:567px;
	float:left;
	margin:20px 0 0 0;
}

#contact_form dt{
	width:200px;
	float:left;
	margin:0 0 20px 0;
}

#contact_form dd{
	width:200px;
	float:left;
	margin:0 0 20px 0;
}

#contact .warning{
	color:#FF0003;
	background:#ccc;
	padding:10px;
	margin-right:30px;
}

/*===================================================================
FOOTER
===================================================================*/
#footer h2{
	text-indent:-9999em;
	margin-bottom:20px;
}

#footer a{
	color:#fff;
}

#footer p.contact_number span{
	font-size:1.8em;
}

#footer p.contact_number a{
	font-size:1em;
}

#footer{
	clear:both;
	width:814px;
	padding:0 0px 0 39px;
	height:151px;
	background:url('../cssimages/footer.jpg') no-repeat;
}

.clearfix {
clear:both;
padding-bottom:5px;
}










