/*
Theme Name: Harlequin Fun Casino WordPress Theme
Theme URI: http://99designs.com/people/djr/
Description: WordPress theme created my djr
Version: 0.1
Author: djr
Author URI: http://99designs.com/people/djr
*/



	html, body {
		height: 100%;
	}

	body {
		background-image: url("images/header_bg.png");
		background-position: 0px 0px;
		background-repeat: repeat-x;
		background-color: #0B1228;
		text-align: center;
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
		color: #333;
	}


	#header {
		background-image: url("images/header.png");
		background-position: 50% 0px;
		background-repeat: no-repeat;
		height: 500px;
	}

	h1#logo {
		position: absolute;
		left: 50%;
		top: 0px;

		margin-left: -400px;
		display: block;
		width: 322px;
		height: 232px;
	}

	h1#logo a {
		display: block;
		width: 100%;
		height: 100%;

		overflow: hidden;
		line-height: 99999px;

		background-image: url("images/logo.png");
		background-repeat: no-repeat;
	}

	#mainmenu {
		display: block;
		height: 77px;
		width: 960px;
		margin: -190px auto 0px;
		overflow: hidden;
	}

	#mainmenu li {
		display: block;
		float: left;
		margin: 0px !important;
		padding: 0px !important;
		height: 77px;
		list-style: none;
		overflow: hidden;
		text-indent: 0px !important;
		background-image: none !important;
	}

	#mainmenu li a {
		display: block;
		height: 77px;
		text-decoration: none;
		line-height: 9999px;
		overflow: hidden;
		background-image: url('images/menu.png');
		background-repeat: no-repeat;
		
	}

	#mm_home { width: 75px; background-position: 0px 0px; }
	#mm_home:hover { background-position: 0px -77px; }
	.current #mm_home { background-position: 0px -77px; }

	#mm_fun { width: 107px; background-position: -75px 0px; }
	#mm_fun:hover { background-position: -75px -77px; }
	.current #mm_fun { background-position: -75px -77px; }

	#mm_wedding { width: 107px; background-position: -182px 0px; }
	#mm_wedding:hover { background-position: -182px -77px; }
	.current #mm_wedding { background-position: -182px -77px; }

	#mm_christmas { width: 108px; background-position: -289px 0px; }
	#mm_christmas:hover { background-position: -289px -77px; }
	.current #mm_christmas { background-position: -289px -77px; }

	#mm_corporate { width: 130px; background-position: -397px 0px; }
	#mm_corporate:hover { background-position: -397px -77px; }
	.current #mm_corporate { background-position: -397px -77px; }

	#mm_funtables { width: 105px; background-position: -527px 0px; }
	#mm_funtables:hover { background-position: -527px -77px; }
	.current #mm_funtables { background-position: -527px -77px; }

	#mm_blog { width: 67px; background-position: -632px 0px; }
	#mm_blog:hover { background-position: -632px -77px; }
	.current #mm_blog { background-position: -632px -77px; }

	#mm_faq { width: 62px; background-position: -699px 0px; }
	#mm_faq:hover { background-position: -699px -77px; }
	.current #mm_faq { background-position: -699px -77px; }

	#mm_events { width: 81px; background-position: -761px 0px; }
	#mm_events:hover { background-position: -761px -77px; }
	.current #mm_events { background-position: -761px -77px; }

	#mm_contacts { width: 118px; background-position: -842px 0px; }
	#mm_contacts:hover { background-position: -842px -77px; }
	.current #mm_contacts { background-position: -842px -77px; }



	#content {
		text-align: left;
		margin: 0px auto 0px;

		width: 960px;
		height:auto !important;
		height:250px;
		min-height:250px;

		background-color: #ffffff;
		background-image: url("images/content_bg_top.gif");
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}


	#footer {
		background-image: url("images/footer_bg.png");
		background-position: 50% 100%;
		background-repeat: no-repeat;
		background-color: #0B1228;

		height: 513px;
	}

	#footer_content {
		height: 276px;
		width: 960px;
		margin: 0px auto;

		overflow: hidden;

		background-color: #E7E7E7;
		background-image: url("images/footer_bg_top.gif");
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}

	#footer_contacts {
		float: left;
		margin: 15px 5px 10px;
	}

	#title_contactus {
		width: 135px;
		height: 25px;
		background-image: url("images/title_contactus.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		line-height: 9999px;

		margin: 10px 0px 20px 20px;
	}


	#footer_contacts .contact {
		display: block;
		background-image: url("images/footer_contacts.gif");
		background-repeat: no-repeat;
		height: 58px;
		width: 330px;
		line-height: 9999px;
		overflow: hidden;
	}

	#footer_contacts .contact_phone {
		background-position: 0px 0px;
	}


	#footer_contacts .contact_email {
		background-position: 0px -58px;
	}


	#footer_contacts .contact_facebook {
		float: left;
		width: 180px;
		height: 65px;
		background-position: 0px -115px;
	}


	#footer_contacts .contact_twitter {
		float: left;
		width: 150px;
		height: 65px;
		background-position: -180px -115px;
	}


	#enquiry_form {
		display: block;
		float: right;
		width: 590px;
		height: 259px;

		margin: 15px 15px 0px 0px;

		background-image: url("images/enquiryform_bg.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	#bottommenu {
		display: block;
		height: 43px;
		width: 960px;
		overflow: hidden;
		margin: 0px auto 0px;
	}

	#bottommenu li {
		display: block;
		float: left;
		margin: 0px !important;
		padding: 0px !important;
		height: 43px;
		list-style: none;
		background-image: none !important;
		text-indent: 0px !important;
	}

	#bottommenu li a {
		display: block;
		height: 43px;
		text-decoration: none;
		line-height: 9999px;
		overflow: hidden;
		background-image: url('images/bottommenu.png');
		background-repeat: no-repeat;		
	}

	#bm_home { width: 50px; background-position: 0px 0px; }
	#bm_home:hover { background-position: 0px -43px; }
	.current #bm_home { background-position: 0px -43px; }

	#bm_fun { width: 109px; background-position: -50px 0px; }
	#bm_fun:hover { background-position: -50px -43px; }
	.current #bm_fun { background-position: -50px -43px; }

	#bm_wedding { width: 138px; background-position: -159px 0px; }
	#bm_wedding:hover { background-position: -159px -43px; }
	.current #bm_wedding { background-position: -159px -43px; }

	#bm_christmas { width: 147px; background-position: -297px 0px; }
	#bm_christmas:hover { background-position: -297px -43px; }
	.current #bm_christmas { background-position: -297px -43px; }

	#bm_corporate { width: 176px; background-position: -444px 0px; }
	#bm_corporate:hover { background-position: -444px -43px; }
	.current #bm_corporate { background-position: -444px -43px; }

	#bm_funtables { width: 121px; background-position: -620px 0px; }
	#bm_funtables:hover { background-position: -620px -43px; }
	.current #bm_funtables { background-position: -620px -43px; }

	#bm_blog { width: 44px; background-position: -741px 0px; }
	#bm_blog:hover { background-position: -741px -43px; }
	.current #bm_blog { background-position: -741px -43px; }

	#bm_faq { width: 36px; background-position: -785px 0px; }
	#bm_faq:hover { background-position: -785px -43px; }
	.current #bm_faq { background-position: -785px -43px; }

	#bm_events { width: 53px; background-position: -821px 0px; }
	#bm_events:hover { background-position: -821px -43px; }
	.current #bm_events { background-position: -821px -43px; }

	#bm_contacts { width: 86px; background-position: -874px 0px; }
	#bm_contacts:hover { background-position: -874px -43px; }
	.current #bm_contacts { background-position: -874px -43px; }


	#footermenu {
		margin: 5px auto 0px;
		width: 960px;
		text-align: center;

		font: normal normal bold 10px/14px arial, sans-serif;
		color: #3C3D44;
	}

	#footermenu a {
		text-decoration: none;
		color: #808698;
	}

	#footermenu a:hover {
		color: #D3D5DB;
	}


	#copyright {
		margin: 5px 0px 0px;
		text-align: center;
		font: normal normal bold 10px/16px arial, sans-serif;
		color: #ffffff;
	}



	p {
		margin: 5px 0px 10px;
	}

	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left;
		}
	/* End Images */




	#content {
		font-size: 1.2em;
		line-height: 1.4em;
		padding-bottom: 20px;
	}

	#content h2 {
		color: #0A477D;
		margin: 0px;
		font-size: 30px;
		line-height: 1em;
	}

	#content h3 {
		font: normal normal normal 20px arial, sans-serif;
		color: #0A477D;
		margin: 20px 0px 0px;
		padding: 0px;
	}


	#content h4 {
		background-image: url("images/subheading_bg.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		font: normal normal normal 20px/45px arial, sans-serif;
		color: #0A477D;
		margin: 15px 0px 0px;
		padding: 0px;
		text-indent: 50px;
	}


	.home_left {
		float: left;
		width: 615px;
		padding: 15px 0px 0px 20px;
	}

	.home_right {
		float: right;
		width: 310px;
	}


	.newsbox {
		width: 307px;
	}

	.newsbox_top {
		width: 307px;
		height: 67px;
		background-image: url("images/newsbox_top.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		display: block;
		line-height: 9999px !important;
		overflow: hidden;
		margin: 0px !important;
		padding: 0px !important;
	}

	.newsbox_middle {
		width: 307px;
		background-image: url("images/newsbox_middle.gif");
		background-position: 50% 0px;
		background-repeat: repeat-y;
	}

	.newsbox_bottom {
		width: 307px;
		height: 33px;
		background-image: url("images/newsbox_bottom.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	.btn_readmore {
		display: block;
		width: 93px;
		height: 18px;
		background-image: url("images/btn_readmore.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		overflow: hidden;
		line-height: 9999px;
		text-decoration: none !important;
	}

	.newsbox_bottom .btn_readmore {
		float: right;
		margin: 4px 15px 0px 0px;
	}

	.latestnews_item {
		margin: 0px 15px 0px 30px;
		padding: 7px 0px;
		border-bottom: 1px solid #eaeaea;
	}

	.latestnews_item a {
		font: normal normal bold 1em/1.3em arial, sans-serif;
		color: #BA0000;
		text-decoration: none;

		background-image: url("images/bullet1.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 18px;
	}

	.latestnews_item a:hover {
		text-decoration: underline;
	}

	.latestnews_item p {
		font: normal normal normal 1em/1.3em arial, sans-serif;
		margin: 0px;
	}


	.homesvc {
		width: 960px;
		background-image: url("images/homesvc_bg.gif");
		background-position: 50% 0px;
		background-repeat: no-repeat;
	}

	.homesvc_top {
		width: 960px;
		height: 52px;
		background-image: url("images/homesvc_top.gif");
		background-position: 50% 0px;
		background-repeat: no-repeat;
	}

	.homesvc_middle {
		width: 960px;
		background-image: url("images/homesvc_middle.gif");
		background-position: 50% 0px;
		background-repeat: repeat-y;
		margin-top: -8px;
		margin-bottom: -4px;
	}


	.homesvc_bottom {
		width: 960px;
		height: 14px;
		background-image: url("images/homesvc_bottom.gif");
		background-position: 50% 0px;
		background-repeat: no-repeat;
	}


	.homesvc_topcontainer {
		margin-left: 32px;
		width: 898px;

		background-repeat: no-repeat;
		background-position: 0px 100%;
		background-image: url("images/homesvc_topcontainer_bg.gif");
	}

	.homesvc_topcontainer h3 {
		margin: 0px !important;
		padding: 0px !important;
	}

	.homesvc_tl {
		width: 299px;
		float: left;
	}

	.homesvc_tc {
		width: 300px;
		float: left;
	}

	.homesvc_tr {
		width: 299px;
		overflow: hidden;
		float: left;
	}

	#homesvc_weddingpic,
	#homesvc_christmaspic,
	#homesvc_additionalpic,
	#homesvc_charitypic,
	#homesvc_corporatepic,	
	#homesvc_themedpic {
		width: 299px;
		height: 243px;
		overflow: hidden;
		display: block;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		line-height: 9999px;
	}


	#homesvc_weddingpic { background-image: url("images/homesvc_weddingpic.png"); }
	#homesvc_christmaspic { margin-left: -2px; background-image: url("images/homesvc_christmaspic.png"); }
	#homesvc_themedpic { margin-left: -4px; background-image: url("images/homesvc_themedpic.png"); }

	#homesvc_corporatepic { background-image: url("images/homesvc_corporatepic.png"); }
	#homesvc_charitypic { margin-left: -2px; background-image: url("images/homesvc_charitypic.png"); }
	#homesvc_additionalpic { margin-left: -4px; background-image: url("images/homesvc_additionalpic.png"); }


	.homesvc_topcontainer p {
		margin: 0px 15px 15px;
		font-size: 0.95em;
		line-height: 1.4em;
		text-align: justify;
	}



	.p20 {
		padding: 20px;
	}






	ul {
		list-style-type: none;
		list-style-position: inside;
		margin: 10px 10px 10px 10px;
	}

	ul li {
		background-image: url("images/bullet1.gif");
		background-repeat: no-repeat;
		background-position: 0px 1px;
		padding-left: 25px;
		margin: 8px 0px;
	}





	.ef_container {
		margin: 70px 40px 0px 190px;
		text-align: left;
	}

	.ef_container input,
	.ef_container textarea {
		margin: 6px 0px;
		border: 1px solid #2B3048;
		padding: 0.3em;
		font: normal normal normal 12px arial, sans-serif;
		background-color: #EBF6FF;
		display: block;

		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		width: 100%;
	}

	.ef_container textarea {
		height: 45px;
	}

	.ef_container p {
		margin: 8px 0px;
		font: normal normal normal 1em/1.3em arial, sans-serif;
	}

	.ef_left {
		float: left;
		width: 200px;
	}


	.ef_right {
		float: right;
		width: 135px;
	}

	.ef_submit {
		display: block;
		padding: 0px !important;
		margin: 4px 0px 0px !important;
		border: 0px !important;
		outline: 0px !important;
		width: 108px !important;
		height: 27px !important;
		background-color: transparent !important;
		background-image: url("images/btn_submit.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		float: right;
		cursor: pointer;
	}

	.loading {

		background-image: url("images/loading.gif");
		background-repeat: no-repeat;
		background-position: 50% 20px;

		padding-top: 80px;
		text-align: center;
		font: normal normal bold 12px arial,sans-serif;

	}
	
	
	
	
	
	a {
		color: #C61E14;
	}
	
	
	a:hover {
		color: #0265A2;
	}