/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 11/01/2008																						*/

/* Broadway Dental Care																																*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

html, body {
	height:610px;
	min-width: 702px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: "Times New Roman", verdana, sans-serif;
	background-image: url(../images/background.gif); background-repeat:repeat-x;
	color: #404040;
}

#wrapper {
	margin:0 auto;
	position:relative;
	width: 702px;
	height: auto;
	padding-bottom:0px;
/*	border: solid 1px red;*/
}

#header {
	position: relative;
	margin:10px 0px 0px 0px;
	height: 100px;
	width: 702px;
	left: 0px;
	float: left;
}

#logo { position: relative; top:5px; margin-left:7px; float: left; }

#top_links {
	position: relative;
	top: 80px;
/*	left: 237px;*/
	left: 275px;
	margin:0px 0px 0px 0px;
	height: 12px;
	width: 130px;
	float: left;
	font-weight: normal;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	color: #a1a1a1;
}

#menu {
	position: relative;
	top: 0px;
	width: 702px;
	height: 41px;
	float: left;
	background-image: url(../images/header/menu_back.gif);
	z-index: 100;
}

#main_content {
	position: relative;
	top: 0px;
	width: 680px;
/*	min-height: 320px;
	height: auto;*/
	float: left;
	background-image: url(../images/main_back/middle_border.gif);
	padding: 0px 0px 0px 20px;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #7c0041;
/*	border: solid 1px red;*/
}

#header_spacer {
	position: relative;
	top: 0px;
	width: 700px;
	height: 20px;
	float: left;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
}

/*#left_col {
	position: relative;
	width: 535px;
	height: auto;
	float:left;
	border: solid 1px red;
}

#right_col {
	position: absolute;
	top: 0px;
	left: 560px;
	width: 135px;
	min-height: 300px;
	height: 100%;
	float:left;
	background: #7c0041;
	text-align: right;
	padding: 0px 5px 0px 0px;
	border: solid 1px red;
}*/

#contact_details {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 135px;
	height: 168px;
	float:left;
/*	background: #7c0041;*/
	text-align: right;
	padding: 0px 0px 0px 0px;
/*	border: solid 1px black;*/
}

.main_table_height { height:398px; }

#welcome_box {
	position: relative;
	top: 0px;
	left: 0px;
	width: 178px;
	height: 116px;
	float:left;
	background: #7c0041;
	padding: 20px 0px 0px 10px;
}

#home_image {
	position: relative;
	top: 0px;
	left: 0px;
	width: 178px;
	height: 116px;
	float:left;
	background: #7c0041;
}

#page_content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 520px;
	height: auto;
	float:left;
	padding-bottom: 10px;
}

.img_right {
	float:right;
	margin-left: 15px;
	border: solid 1px #7c0041;
}

.img_left {
	float:left;
	margin-right: 15px;
	border: solid 1px #7c0041;
}

#home_purple_button {
	position: relative;
	top: 0px;
	left: 0px;
	width: 118px;
	height: 23px;
	float:left;
	background: #7c0041;
	padding: 5px 0px 0px 40px;
}

#home_grey_button {
	position: relative;
	top: 0px;
	left: 15px;
	width: 142px;
	height: 23px;
	float:left;
	background: #848484;
	padding: 5px 0px 0px 16px;
	margin-bottom: 20px;
}

/* ---------------------------------------------------------------------------------- */
/* Footer properties																																	*/
/* ---------------------------------------------------------------------------------- */

#purple_footer_line {
	position: relative;
	top: 0px;
	width: 702px;
	height: 1px;
	float: left;
	border-top: solid 1px #7a0040;
}

#bottom_border {
	position: relative;
	top: 0px;
	width: 702px;
	height: 6px;
	float: left;
	background-image:url(../images/footer/drop_shadow.gif);
}

#footer {
	position: relative;
	top: -1px;
	width: 690px;
	height: 34px;
	float: left;
	background-image:url(../images/footer/footer_back.gif);
	padding: 6px 0px 0px 10px;
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
	color: #848484;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
}

/* ---------------------------------------------------------------------------------- */
/* Form style properties																															*/
/* ---------------------------------------------------------------------------------- */
.row {
	width: 560px;
	padding: 3px;
	height: 20px;
	margin: 2px 0px 2px 0px;
}

input.two_column {
	display: block;
	float: left;
	width: 250px;
	height: 15px;
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	color: #404040;
}

.submit_button {
	position: absolute;
	top: 398px;
	left: 425px;
	float:left;
}

.comment_back {
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	color: #404040;
}


/* ---------------------------------------------------------------------------------- */
/* Form style properties																															*/
/* ---------------------------------------------------------------------------------- */
.row {
	width: 500px;
	padding: 3px;
	height: 20px;
	margin: 2px 0px 2px 0px;
}

#left_col {
	position: relative;
	width: 270px;
	float:left;
}

#left_col2 {
	position: relative;
	width: 500px;
	height: 275px;
	float:left;
}

#right_col {
	position: relative;
	width: 260px;
	float:left;
}

label.two_column {
	display:block;
	float:left;
	width:140px;
	padding-right:20px;
/*	border: solid 1px red;*/
}

input.two_column {
	display: block;
	float: left;
	width: 250px;
	height: 15px;
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	color: #404040;
/*	border: solid 1px black;*/
}

.submit_button {
	position: absolute;
	top: 389px;
	left: 425px;
	float:left;
}

.comment_back {
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	color: #404040;
}