/* CSS Document */

/* main css */

body {
	background-color: #404040;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* top container */
#topContainer {
	position: relative;

	width: 100&;
	margin: auto;
	top: 0px;
	background-color: #FFF;
	height: 111px;
	background-image: url(../images/havant-orthodontics_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#rowTop {
			position: relative;
			width:980px;
			margin: auto;
			top: 0px;
}
#logo {
	float: left;
	height: 111px;
	width: 167px;
}
#text {
	float: right;
	height: 86px;
	width: 624px;
	text-align: right;
}
#nav {
	float: right;
	height: 25px;
	width: 624px;
}
/* middle container */
#middleContainer {
	position: relative;
	width: 100%;
	margin: auto;
	top: 0px;
	background-color: #1A4A58;
	background-image: url(../images/havant-orthodontics_14-16.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	/*	min-height:490px;*/
	overflow:hidden;
}
#rowMiddle {
			position: relative;
			width:980px;
			margin: auto;
			top: 0px;
}
#footerImageContainer {
	position: relative;
	width: 100%;
	margin: auto;
	top: 0px;
	background-image: url(../images/havant-orthodontics_19.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#footerImage {			position: relative;
			width:980px;
			margin: auto;
			top: 0px;}

#add {
	float: left;
	height: 211px;
	width: 216px;
	background-image: url(../images/havant-orthodontics_16.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#image {
	float: right;
	height: 211px;
	width: 764px;
	background-image: url(../images/havant-orthodontics_17.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content {
	float: right;
	width: 980px;
/*	min-height:279px;*/
/*	background-image: url(../images/havant-orthodontics_17-19.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	color: #FFF;
}
/* bottom container */
#bottomContainer {
	position: relative;
	width: 100%;
	margin: auto;
	top: 0px;
}
#rowBottom {
			position: relative;
			width:980px;
			margin: auto;
			top: 0px;
}
#copyright {
	float: left;
	width: 216px;
	color: #666;
	margin-top: 10px;
}
#copyright1 {
	float: left;
	width: 300px;
	color: #666;
	margin-top: 10px;
}
#links {
	float: right;
	width: 714px;
	text-align: right;
	margin-top: 10px;
}
#links1 {
	float: right;
	width: 654px;
	text-align: right;
	margin-top: 10px;
}
/* end */
/* changeable content stuff*/
#indexFlash {
	float: left;
	width: 549px;
}
#indexText {
	float: left;
	width: 411px;
	color: #FFF;
	padding-top: 20px;
	padding-left: 20px;
}
#columnText {
	float: left;
	width: 306px;
	margin-top: 20px;
}
#columnText1 {
	float: left;
	width: 306px;
	margin-top: 20px;
}
#columnText2 {
	float: left;
	width: 306px;
	margin-top: 20px;
}
#columnTextpad {
	float: left;
	width: 306px;
	margin-left:30px;
	margin-top: 20px;
}
.columnTextpad {
	float: left;
	width: 306px;
	margin-left:30px;
	margin-top: 20px;
}
#columnTextpad1 {
	float: left;
	width: 306px;
	margin-left:23px;
	margin-top: 20px;
}
#columnTextpad1a {
	float: left;
	width: 320px;
	margin-left:23px;
	margin-top: 20px;
}
#columnTextpadLarge {
	float: left;
	width: 642px;
	margin-left:30px;
	margin-top: 20px;
}
#divider {
	float: left;
	width: 980px;
	margin-top: 5px;
	background-image: url(../images/divider.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 10px;
}
#divider1 {
	float: left;
	width: 980px;
	margin-top: 5px;
	background-image: url(../images/divider.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 10px;
}