/* CSS Document */

html, body {
	height: 100%;	
}

body {
/*	margin: 0; */
	margin:0px auto 0px auto;
	padding: 0;
	background-color: #6365C9;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	color:#FFFFFF;
}

h1 {
	font-size:120%;
	color:#6365C9;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0px;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 0px;
}

.clearall {
  clear: both;
}
br.clearall {
  clear: both;
  height: 0em;
  line-height: 0em;
}

#container {
/*	min-height: 100%;*/
	background: #FFFFFF;
	text-align:center;
	height:auto;
}

#header {
	background: #6365C9;
	height:30px;
	text-align:center;
	color:#FFFFFF;	
}

#header-inner {
	background:#909BC9;
	height:30px;
	width:992px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	width:992px;
	background-color:FFFFFF;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#menu {
	width:992px;
	height:100px;
}

#menu-left {
	float:left;
	height:100px;
	width:300px;
	background: url(/graphics/logo.png) no-repeat;
}

#menu-right {
	float:right;
	height:70px;
	width:630px;
	padding-top:30px;
	padding:left20px;
}

#main-image {
	float:left;
	width:666px;
	padding-left:17px;
}

#enquiry-form {
	float:right; 
	width:247px;
/*	height:564px;
	background-color:#66CC00; */
	margin-right:17px;
	vertical-align:top;
	background: url(/graphics/enquiry-form/enquiry.png) no-repeat; 
}

#enquiry-form-header {
	width:245px;
	height:34px;
/*	background: url(/graphics/enquiry-form/header.png) no-repeat; */
	font-size:50%;
}

#enquiry-form-main {
	width:225px;
/*	height:490px;*/
	height:390px
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	text-align:left;
/*	background: url(/graphics/enquiry-form/main.png) no-repeat; */
/*	font-size:50%; */
	color:#FFFFFF;
}

.enquiry-form-main-small {
	font-size:75%;
}

.enquiry-form-main-large {
	font-size:150%;
}

.enquiry-form-main-form {
	font-size:75%;
	color:#000000;
}

#enquiry-form-footer {
	width:245px;
	height:34px;
/*	background: url(/graphics/enquiry-form/footer.png) no-repeat; */
}

#ciCzgL {
	width:245px;
/*	height:34px;*/
/*	float:right;*/
}

#main {
	float:left; 
	width:639px;
/*	margin-right:17px; */
	text-align:left;
	padding-top:20px;
	padding-left:27px;
/*	color:#848E95; */
	color:#000000;
	font-size:90%;
	position:relative;
}

#footer {
	background: #6365C9;
	height:77px;
	text-align:center;
	color:#FFFFFF;
	font-size:80%;
}


#footer-inner {
	background:#909BC9;
	height:77px;
	width:992px;
	margin-left:auto;
	margin-right:auto;
/*	position:absolute;
	background: url(/graphics/footer-logo.png) no-repeat;
	background-position:left;*/
}

#footer-inner-left {
	float:left;
	width:250px;
	height:77px;
	background: url(/graphics/footer-logo.png) no-repeat;
/*	position:absolute; */
}

#footer-inner-right {
	float:right;
	width:700px;
	height:57px;
	text-align:right;
	padding-top:20px;
	padding-right:10px;
/*	position:absolute; */
}

#footer-inner-right ul {
	padding-top:0px;
	padding-left:0px;
	margin-top:0;
	margin-bottom:0;
}

#footer-inner-right ul li {
	display: inline;
	padding-left: 10px;
}


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   .roundedbox {
      background: #6365C9;
      float: left;
      margin: 0 0 0 1em;
      width: 500px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   .roundedbox #top, .roundedbox #bottom {
      font-size: 1px;
      height: 5px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   .roundedbox #topleft {
      background: url(/graphics/corners.png) no-repeat top left;
      float: left;
      height: 5px;
      width: 5px;
   }
   .roundedbox #topright {
      background: url(/graphics/corners.png) no-repeat top right;
      float: right;
      height: 5px;
      width: 5px;
   }
   .roundedbox #bottomleft {
      background: url(/graphics/corners.png) no-repeat bottom left;
      float: left;
      height: 5px;
      width: 5px;
   }
   .roundedbox #bottomright {
      background: url(/graphics/corners.png) no-repeat bottom right;
      float: right;
      height: 5px;
      width: 5px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   .roundedbox #boxcontent {
   	  padding-top:12px;
      margin: -1em 1em;
	  margin-bottom:0px;
	  font-size:18px;
	  color:#FFFFFF;
	  font-weight:bold;
   }
   
   .roundedbox #boxcontent2 {
   	  padding-top:12px;
      margin: -1em 1em;
	  margin-bottom:0px;
	  font-size:14px;
	  color:#FFFFFF;
	  font-weight:bold;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   .roundedbox p {
      margin: .5em 0;
   }
   
   .home-text {
   
   
   }
   
   .home-text-bullet {
   background-image:url(/graphics/carehome.gif);
   background-repeat:no-repeat;
   color:#FFFFFF;
   font-size:14px;
   height:45px;
   width:45px;
   text-align:center;
   padding-top:10px;
   float:left;
   }
   
   .home-text p{
   margin-left:50px;
   margin-top:10px;
   padding-top:5px;
   }
   
