/*
	CSS
*/

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, br, tr, td, th, a, img, input, form, textarea {
	border:					0;
	margin:					0;
	padding:				0;
}

body {
	background-color:		#f3f3f3;
	background-image:		url(background.gif);
	text-align:				center;			/* IE Hax :( */
}

#container {
	text-align:				left;
	width:					717px;
	margin:					0 auto 0 auto;
}

/*
	Shoo!
*/

.hidden {
	display:				none;
}

/*
	Layout
*/

.image_left {
	display:				inline;
	float:					left;
	clear:					left;
	margin:					0 14px 2px 0;
}

.image_right {
	display:				inline;
	float:					right;
	margin:					0 0 2px 14px;
}

.image_left_border {
	display:				inline;
	float:					left;
	clear:					left;
	margin:					0 10px 0 0;
	border:					1px #ddd solid;
}

.image_right_border {
	display:				inline;
	float:					right;
	clear:					right;
	margin:					0 0 0 10px;
	border:					1px #ddd solid;
}


/*
	Menu
*/

#menu {
	background-image:		url(head.gif);
	background-repeat:		no-repeat;

	margin:					31px auto 0 auto;

	width:					717px;
	height:					124px;
}

#menu li {
	list-style-type:		none;
	float:					left;
	width:					86px;
	height:					73px;
}

#menu li a {
	display:				block;
	width:					86px;
	height:					73px;
}

#menu #dotcafe {
	display:				inline;
	background-image:		url(menu_dotcafe.gif);
	margin:					24px 0 0 330px;
}

#menu #services {
	background-image:		url(menu_services.gif);
	margin:					24px 0 0 0px;
}

#menu #gaming {
	background-image:		url(menu_gaming.gif);
	margin:					24px 0 0 0px;
}

#menu #contact {
	background-image:		url(menu_contact.gif);
	margin:					24px 0 0 0px;
}

#breadcrumb {
	background-image:		url(breadcrumb.gif);
	margin-top:				12px;
	width:					717px;
	height:					47px;
}

#breadcrumb #dotcafe_internet {
	display:				inline;
	float:					left;
	background-image:		url(bread_dotcafe_internet.gif);
	margin:					15px 0 0 32px;
	width:					211px;
	height:					18px;
}

#breadcrumb #googleform {
	background-image:		url(google_search.gif);
	background-repeat:		no-repeat;
	background-position:	0 3px;

	float:					left;
	margin:					11px 0 0 225px;
	padding:				0 0 0 75px;
	height:					30px;
}

#breadcrumb #googleform .text {
	background-image:		url(searchbox.gif);
	background-repeat:		no-repeat;

	padding:				3px 0 0 5px;

	width:					154px;
	height:					19px;
}

#content {
	background-image:		url(body_middle.gif);
	background-repeat:		repeat-y;
	margin-top:				12px;
}

#content #top {
	background-image:		url(body_top.gif);
	background-repeat:		no-repeat;
	padding:				20px 0 0 32px;
}

#content #bottom {
	background-image:		url(body_bottom.gif);
	background-repeat:		no-repeat;
	background-position:	0 100%;
}

/*
	Right Quick Links
*/

#right_links {
	list-style-type:		none;
	float:					right;
	width:					145px;
	padding-right:			18px;
}

#right_links_games {
	list-style-type:		none;
	float:					right;
	width:					145px;
	padding-right:			18px;
}

#right_links li {
	background-repeat:		no-repeat;
	float:					left;
	width:					145px;
	padding:				80px 0 50px 0;
}

#right_links_games li {
	background-repeat:		no-repeat;
	float:					left;
	width:					145px;
	padding:				25px 0 50px 0;
}

#right_links #healthcheck {
	background-image:		url(right_healthcheck.gif);
}

#right_links #webdesign {
	background-image:		url(right_webdesign.gif);
}

#right_links #forum {
	background-image:		url(right_forum.gif);
}

#right_links_games #shopping {
	background-image:		url(shoppingonline.png);
}

#right_links #bored {
	height:					145px;
	width:					143px;
	background-image:		url(boredhighstreet.png);
}

#right_links_games #genie {
	height:					85px;
	width:					145px;
	background-image:		url(genie.png);
}

#right_links_games #bouncy {
	height:					85px;
	width: 					145px;
	background-image:		url(bouncy.png);
}


#right_links li p {
	padding-bottom:			10px;
}

#right_links_games li p {
	padding-bottom:			10px;
}

/*
	Format Content
*/

#content h3 {
	float:					left;
	background-repeat:		no-repeat;
	clear:					right;

	padding-bottom:			15px;

	width:					490px;
	height:					23px;
}

#content .h3_welcome {		background-image:		url(h3_welcome.gif); }
#content .h3_opening {		background-image:		url(h3_opening_hours.gif); }
#content .h3_services {		background-image:		url(h3_services.gif); }
#content .h3_gaming {		background-image:		url(h3_gaming.gif); }
#content .h3_games {		background-image:		url(h3_games.gif); }
#content .h3_all_night {	background-image:		url(h3_all_night.gif); }
#content .h3_contact {		background-image:		url(h3_contact.gif); }
#content .h3_contact_form {	background-image:		url(h3_contact_form.gif); }
#content .h3_healthcheck {	background-image:		url(h3_healthcheck.gif); }

h4 {
	background-repeat:		no-repeat;
	height:					30px;
}

#moreitems h4 {
	width:					150px;
}

#list_services h4 {
	width:					220px;
}

.h4_internet_cafe {			background-image:		url(h4_internet_cafe.gif); }	
.h4_fast_access {			background-image:		url(h4_fast_access.gif); }
.h4_open_seven_days {		background-image:		url(h4_open_seven_days.gif); }

.h4_room_hire {				background-image:		url(h4_room_hire.gif); }
.h4_internet_access {		background-image:		url(h4_internet_access.gif); }
.h4_gaming {				background-image:		url(h4_gaming.gif); }
.h4_healthchecks {			background-image:		url(h4_repairs.gif); }
.h4_web_design {			background-image:		url(h4_web_design.gif); }


#content #wrapper {
	float:					left;
	width:					490px;
}

#content #wrapper p {
	margin-bottom:			15px;
}

#content #moreitems {
	list-style-type:		none;
	width:					490px;
	padding:				0 0 15px 0;
	float:					left;
	clear:					left;
}

#content #moreitems p {
	margin-bottom:			15px;
}

#content #moreitems li {
	float:					left;
	width:					150px;
}

#content #moreitems .pad {
	padding-right:			18px;
}

/*
	Game Page
*/

.gamelogo {
	float:					left;
	padding:				10px 34px 10px 34px;
}

#gamelist {
	float:					left;
	width:					490px;
	padding-bottom:			20px;
	list-style-type:		none;
}

#gamelist li {
	display:				inline;
	float:					left;
	width:					235px;
	border:					1px #ddd solid;
	padding:				2px;
	margin:					2px;
}


/*
	Pricing Table
*/

.pricing {
	float:					left;
	clear:					left;
	width:					240px;
	margin-bottom:			15px;
}

.pricing .price {
	text-align:				right;
}

.pricing th {
	border:					1px #ccc solid;
}

/*
	Services List
*/

#list_services .right_service {
	float:					right;
}


#list_services .left_service {
	float:					left;
}

#list_services {
	list-style-type:		none;
	width:					490px;
}

#list_services li {
	width:					225px;
	height:					200px;
}

#list_services p {
	padding-bottom:			15px;
}

/*
	Copyright
*/

#copyright {
	width:					717px;
	margin:					10px auto 50px auto;
}

#copyright #left {
	text-align:				left;
	float:					left;
	width:					350px;
}

#copyright #right {
	text-align:				right;
	float:					right;
	width:					350px;
}

/*
	Contact Form
*/

#contact_form {
	width:					475px;
}

#contact_form th {
	width:					115px;
}

#contact_form th, #contact_form td {
	vertical-align:			top;
	padding-bottom:			4px;
}

#contact_form .textbox {
	border:					1px #aaa solid;
	margin-right:			10px;
	width:					120px;
	height:					15px;
}

#contact_form textarea {
	margin-top:				4px;
	border:					1px #aaa solid;
	width:					368px;
	height:					80px;
}

#contact_form .submit {
	background-image:		url(button_submit.gif);
	float:					left;
}

#contact_form .reset {
	background-image:		url(button_reset.gif);
	float:					right;
}

#contact_form .reset, #contact_form .submit {
	background-color:		#f8f8f8;
	background-repeat:		no-repeat;

	margin-top:				10px;

	width:					70px;
	height:					20px;
	color:					#f8f8f8;
	vertical-align:			bottom;
	font-size:				1pt;
}



/*
	Fonts
*/

body {
	font-family:			'Trebuchet MS';
}

#content #right_links .link {
	text-align:				right;
}

#content #right_links_games .link {
	text-align:				right;
}

#content #moreitems .link {
	text-align:				right;
}

#content a {
	color:					#545454;
}

.link {
	text-align:				right;
	font-style:				italic;
	font-weight:			bold;
}

.link a {
	color:					#545454;
	text-decoration:		none;
}

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

#content #wrapper p {
	font-size:				10pt;
	line-height:			18pt;
	text-align:				justify;
	color:					#545454;
}

#content #wrapper .aup {
	float:					right;
	font-size:				7pt;
	font-style:				italic;
}

#content #wrapper .aup a {
	color:					#545454;
}

#content #right_links p {
	font-size:				9pt;
	line-height:			16pt;
	text-align:				justify;
	color:					#545454;
}

#content #right_links_games p {
	font-size:				9pt;
	line-height:			16pt;
	text-align:				justify;
	color:					#545454;
}

#content #moreitems p {
	font-size:				9pt;
	line-height:			15pt;
	text-align:				justify;
	color:					#545454;
}

#googleform .text {
	color:					#545454;
}

#copyright {
	font-size:				8pt;
	color:					#545454;
}

#copyright a {
	color:					#545454;
	text-decoration:		none;
}

#copyright a:hover {
	text-decoration:		underline;
}

.pricing td {
	font-size:				9pt;
	color:					#545454;
}

.pricing th {
	font-size:				10pt;
	font-weight:			bold;
	text-align:				center;
	color:					#545454;
}

#list_services li p {
	color:					#545454;
	font-size:				9pt;
	line-height:			16pt;
	text-align:				justify;
}

#gamelist li {
	font-size:				10pt;
	font-weight:			bold;
	text-align:				center;
	color:					#545454;
}

#contact_form th {
	font-weight:			normal;
	font-size:				9pt;
}

/*
	Clearfix
*/

.clearfix:after {
    content:				""; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {			
	height:					1%;
}
/* End hide from IE-mac */