/* CSS Document */

/* main css */
* {
margin: 0;
}
html,
body {
	margin:0;
	padding:0;
	height:100%;
	background: #C37BAB;
}
#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
#header {
	height: 120px;
	background-image: url(../images/dentist-hertfordshire_01.png);
	background-repeat: repeat-x;
}
#body {
   padding:10px;
/*   padding-bottom:54px; */  /* Height of the footer */
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:34px;   /* Height of the footer */
	/*	background:url(../images/dentist-hertfordshire_34.png);*/
	z-index:101;
	margin-top:34px;
	background: #271922;
}
#container {
   height:100%;
}

/* top row container */
#rowNav {
	position: relative;
	width: 980px;
	height: 100%;
	padding: 0px 0px 0px 10px;
}
#rowNav-index {
	position: relative;
	width: 950px;
	height: 100%;
	padding: 0px 0px 0px 40px;
}
#address-telephone {
	float: left;
	margin-left: 50px;
	margin-top: 22px;
}
#call-now {
	float: left;
}


#rowContent {
	position: relative;
	width: 980px;
}
#rowFooter {
	position: relative;
	width: 980px;
	color: #FFF;
	margin-left: 40px;
}
#rowFooterLeft {
	float:left;
	width:450px;
}
#rowFooterRight {
	float:left;
	width:490px;
	text-align: right;
	padding-top: 10px;
}
	
#logo {
	float:left;
	width:229px;}
#nav {
	float:left;
	width:657px;
	margin-left: 50px;
	padding-top: 19px;
}
.vcard {
	margin-left: 5px;
}

#index1Holder {
	float:left;
	width:760px;
	height: 241px;
	margin-top: 47px;
}
#index1 {
	float:left;
	width:720px;
	height: 375px;
	padding: 20px;
	background-image: url(../images/index-new/main-content.png);
	background-repeat: no-repeat;
	margin:auto;
	
}
#index1-index {
	float:left;
	width:720px;
	height: 375px;
	padding: 20px;
	background-image: url(../images/index-new/main-content.png);
	background-repeat: no-repeat;
	margin-left: 30px;
}
#left-text {
	float: left;
	width: 475px;
}
#video-holder {
	float: left;
	margin-left: 20px;
	width: 224px;
	height: 183px;
}

#index1a {
	float:left;
	width:760px;
	margin-top: 10px;
	margin-left: 30px;
}
#index-contact {
	float:left;
	background: url(../images/bg-form-2.png) 0 0 no-repeat;
	width:750px;
	height: 55px;
	padding: 5px 0 0 10px;
}
.formobject {
	color: #b45096;
	background-color: #e2c2d7;
	border: 1px solid #d2a2c1;
}

#cosmetic-dentistry {
	float: left;
	height: 122px;
	width: 182px;
	
}

.cosmetic-dent {
	float: left;
	height: 102px;
	width: 182px;
	margin-left:10.5px;
}

#index2 {
	float:left;
	width:162px;
	margin-left:0px;
	margin-top:47px;
}
#page1 {
	float:left;
	width:185px;
	margin-right:11px;
}
#page2 {
	float:left;
	width:494px;
	padding: 20px;
}
#page2WideA {
	float:left;
	width:783px;
	background: url(../images/scroll1Column_01.png) no-repeat left top;
	height: 10px;
}
#page2WideB {
	float:left;
	width:743px;
	min-height: 374px;
	padding: 10px 20px 20px;
	background: url(../images/scroll1Column_02.png) repeat-y left top;
}
#page2WideC {
	float:left;
	width:783px;
	background: url(../images/scroll1Column_04.png) no-repeat left top;
	height: 10px;
}
#page3 {
	float:left;
	width:222px;
	margin-left: 7px;
	padding: 20px 10px 10px;
}
.threeColumnBox {
	float:left;
	width:170px;
	margin-right:20px;
	height:164px;
	background: #B34F95;
	padding: 10px;
	margin-top: 20px;
}

.threecol{
	width:29%;
	padding: 0px 10px 0px 15px;
	float:left;
	margin:20px 0px 0px 0px;
	font-size:0.9em;
}

.imageRight {
	background: #DBACCC;
	padding: 2px;
	float: right;
	margin-left: 20px;
}

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
}
		
		
		
div#content {
	position: relative;
	width: 100%;
	margin: 0px;
	background: #fff;
		}
	
#twoColumnScrollOne {
	float:left;
	width:784px;
	height:10px;
	background: url(../images/scroll2Columns_01.png) no-repeat left top;
}
#twoColumnScrollTwo {
	float:left;
	width:784px;
	background: url(../images/scroll2Columns_03.png) repeat-y left top;
	min-height:404px;
}
#twoColumnScrollThree {
	float:right;
	width:784px;
	height:10px;
	background: url(../images/scroll2Columns_04.png) no-repeat left top;
}
#pageWide {
	float:left;
	width:783px;
}
.TeamHolder {
	float:left;
	width:121px;
	padding:10px;
	background-color:#C37BAB;
	margin-right:5px;
	margin-bottom:5px;
	height: 205px;
}
.TeamHolder img {
	margin-bottom:10px;
	border: 1px solid #873D6F;
}

.tableHeader {
	float: left;
	width: 731px;
	margin-bottom: 2px;
	background: #C37BAB;
	border: 1px solid #B05392;
	margin-top: 20px;
	padding-left: 10px;
}
.tableRowOneA {
	float: left;
	width: 547px;
	background: #C1C1C1;
	border: 1px solid #858585;
	margin-bottom: 2px;
	padding-left: 10px;
}
.tableRowOneB {
	float: left;
	width: 170px;
	background: #C1C1C1;
	border: 1px solid #858585;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-left: 10px;
}
.galleryCase {
	float:left;
	width:227px;
	margin-right:10px;
	background: #C37BAB;
	padding: 5px;
	min-height: 160px;
	margin-top: 20px;
}

#examples{
	float:left;
	width:227px;
	height: 100px;
	margin: 20px 10px 10px 10px;
	padding: 5px;
	background:#C37BAB;
}

.example-col{
	float:left;
	width:50%;
}

.text{
	text-align:center;
	padding: 10px 0px 0px 0px;
}

.formOne {
	float:left;
	width:250px;
	line-height: 30px;
	height: 30px;
	text-align: right;
	margin-right: 10px;
}
.formTwo {
	float:left;
	width:250px;
	line-height: 30px;
	min-height: 30px;
}
.formOneReview {
	float:left;
	width:250px;
	height: 40px;
	text-align: right;
	margin-right: 10px;
	margin-top: 10px;
}
.formTwoReview {
	float:left;
	width:250px;
	min-height: 40px;
	margin-top: 10px;
}
.orthoTopBox {
	float:left;
	width:723px;
	padding: 10px;
	background-color: #C37BAB;
	color: #FFF;
	margin-bottom: 20px;
}
.orthoContentBox {
	float:left;
	width:743px;
	margin-bottom: 20px;
}

.form{
	float:left;
	padding:0px;
	margin:0px;
}

.map{
	float:right;
	text-align:center;
	padding:10px 50px 10px 10px;;
	margin:0px;
}


#dentist-finder {
	float:left;
	padding-top:20px;
	
	
	}
#right-holder {
	float: left;
	width: 224px;
	margin-left: 20px;
	height: 150px;
	margin-bottom: 23px;
}


#enquiry {
	height: 70px;
	width: 224px;
}

#dentist-find {
	height: 70px;
	width: 224px;
	margin-top: 10px;
}

.image-right{
	float:right;
	margin:0px 0px 20px 20px;
	
	}