/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						03/06/2009

						Version 1.0

						Project: Premier Physio

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    background:#E8E9EA;
}
img{
    border:none;
}
/*-------------------------------------------------------------------*/
#wrapper{
    width:1006px;
    margin: 10px auto 100px auto;
}
#banner{
    width:1006px;
    height:150px;
}
#content{
    width:1006px;
    padding-top:5px;
}
#contenttop{
    width:1006px;
    height:255px;
    background:url("../images/bg_content_top.gif") no-repeat;
}
#contentmiddle{
    width:1006px;
    padding:14px 0 25px 0;    
    background:url("../images/bg_content_middle.gif") repeat-y;
}
#flashmenu{
    float:left;
    width:750px;
    height:219px;
    padding-top:22px;
}
#bannerimg{
    float:left;
    width:750px;
    height:221px;
    padding-top:22px;
}
#indexitems{
    width:950px;
    height:573px;
    margin-left:38px;
}
.indexitem, .indexitemright, .offerindex, .offerindexright{
    height:236px;
}
.indexitem, .indexitemlong, .indexitemright{
    float:left;    
    width:280px;    
    padding:25px 10px 15px 10px;    
}
.offerindex{
    float:left;    
    width:300px; 
	margin:21px 20px 0 0;      
}
.offerindexright{
    float:left;    
    width:300px;  
    margin-top:21px;     
}


.offerindex h3, .offerindexright h3{
    margin-top:12px;
}
.indexitem{    
    background:url("../images/bg_indexitem_clinic.gif") no-repeat;
}
.indexitemright{    
    background:url("../images/bg_indexitem_blank.gif") no-repeat;
}
.indexitemlong{
    height:533px;
    background:url("../images/bg_indexitemlong.gif") no-repeat;
}
.indexitem, .indexitemlong{
    margin-right:21px;
}
.indexitem h3, .indexitemlong h3, .indexitemright h3, .offerindex h2, .offerindexright h2{
    padding-bottom:10px;
    border-bottom:1px dotted #A9BBD7;
}
.welcometext, .narrowtext{
    margin-top:15px;
    line-height:1.6;
}
.welcometext{
    width:250px;
}
.narrowtext{
    width:240px;
}
.clinicimg{
    padding-top:8px;
    float:right;
}
.narrowtext ul{
    margin-top:0px;
    list-style:none;
}
.narrowtext li{
	margin-bottom:9px;
}
.indexitemright img{
    float:right;
}
.indexitemright p{
    margin-top:5px;
    width:280px;
    line-height:1.4;
}
.indexitemright p a{
    text-decoration:none;
}
.indexitemright p a:hover{
    text-decoration:underline;
}
#contentmiddletop, #contentmiddlebody{
    width:908px;
    padding:0 24px 0 24px;    
    margin-left:26px;    
}
#contentmiddletop{
    height:113px;
    background:url("../images/bg_contentmiddle_top.gif") no-repeat;
}
#contentmiddletop h2{
    padding:33px 0 30px 0;
    border-bottom:1px dotted #A9BBD7;
}
#contentmiddlebody img{
    margin-bottom:20px;
}
#bodycolleft, #bodycolmiddle, #bodycolright{
    width:275px;
    float:left;
}
#bodycolwide{
    width:590px;
    float:left;
}
#bodycolleft p, #bodycolwide p, #bodycolmiddle p, #bodycolright p, #bodycolleft ul, #bodycolwide ul, #bodycolmiddle ul, #bodycolright ul{
    margin-bottom:20px;
    line-height:1.6;
}
#bodycolleft ul, #bodycolwide ul, #bodycolmiddle ul, #bodycolright ul{
    list-style:none;
}
#bodycolleft, #bodycolwide, #bodycolmiddle{
    margin-right:40px;
}
#inthepress, #photogallery, #photogalleryClinic, #photogalleryGait{
	width:255px;
	height:198px;
	padding:10px;
	margin-bottom: 10px;
}
#inthepress{
    background:url("../images/bg_in_the_press.jpg") no-repeat;
}
#photogallery{
    background:url("../images/bg_photo_gallery.jpg") no-repeat;
}
#photogalleryGait{
    background:url("../images/bg_gait_analysis.jpg") no-repeat;
}
#photogalleryClinic{
    background:url("../images/bg_gallery_clinic.jpg") no-repeat;
}
#inthepress h2, #photogallery h2, #photogalleryClinic h2, #photogalleryGait h2, #contentmiddlebody h2, #contentmiddlebody h4{
    padding-bottom:10px;
    border-bottom:1px dotted #A9BBD7;
}
#bodycolleft h2, #bodycolwide h2, #bodycolmiddle h2, #bodycolmiddle h4, #bodycolwide h4, #bodycolleft h4{
    border:none;
}
#contentmiddlebody h2{
    margin:0 0 20px 0;
}
.bodyh2{
	padding-top:20px;
	line-height: 25px;
}
#inthepress h2{
    width:175px;
}
#photogallery h2, #photogalleryClinic h2, #photogalleryGait h2{
    width:220px;
}
#inthepress p{
    margin:25px 0 40px 0;
}
#photogallery p, #photogalleryClinic p, #photogalleryGait p{
    margin:25px 0 25px 0;
}
#buttoninthepress, #buttonphotogallery{
    width:97px;
    height:27px;
    background:url("../images/btn_small.gif") no-repeat;
}
#buttoninthepress a, #buttonphotogallery a{
    display:block;
    width:87px;
    height:22px;
    padding:5px 0 0 10px;
    text-decoration:none;
}
#buttoninthepress a:hover, #buttonphotogallery a:hover{
    text-decoration:underline;
}
#pressimage{
    margin-top:10px;
    width:259px;
    height:202px;
    padding:8px;
    background:url("../images/bg_pressimage.gif") repeat-x;
}
.longphoto{
    width:259px;
    height:362px;
    padding:8px;    
    margin-bottom:10px;
    background:url("../images/bg_longphoto.gif") repeat-x;
}
.button{
    width:259px;
    height:44px;   
    padding:8px;    
    margin-bottom:10px;
    background:url("../images/bg_longphoto.gif") repeat-x;
}
#offer{
    width:243px;
    height:346px;
    padding:16px;
    margin-bottom:10px;
    background:url("../images/bg_offer.gif") repeat-x;
}
#offerShort{
    width:243px;
    height:170px;
    padding:16px;
    margin-bottom:10px;
}
#offerShort{
    background:url("../images/bg_specialoffer01.jpg");
	background-repeat:no-repeat;
}
#offer h2, #offerShort h2{
    border-bottom-color:#FFFFFF;
}
#offer h3, .offerindex h3, .offerindexright h3{
	margin-bottom:20px;
	line-height: 25px;
}
#offerShort h3{
	margin:20px 0 5px 0;
	line-height: 25px;
	color:#FFFFFF;
}
.longphoto img{
    width:259px;
    height:362px;
}
#contentmiddlebody a{
    text-decoration:none;
}
#contentmiddlebody a:hover{
    text-decoration:underline;
}
textarea, .input{
    padding:4px;
    width:225px;
    border:none;
    background:#B2DFE5;
}
textarea{
    height:85px;
}
.input{
    height:17px;
}
#contentbottom{
    clear:both;
    width:1006px;
    height:40px;
    background:url("../images/bg_content_bottom.gif") no-repeat;
}
#footer{
    width:956px;
    padding-top:10px;
    margin-left:25px;
    border-top:1px dotted #B7E1E6;
}
#cocreate{
    float:right;
    width:200px;
    text-align:right;
}
#cocreate a{
    text-decoration:none;
}
#cocreate a:hover{
    text-decoration:underline;
}
#copyright{
    width:260px;
    float:left;
}
.spacer{
    clear:both;
    width:1px;
    height:1px;
}
/*----------------------------------
              Menu
----------------------------------*/
#menu{
    float:left;
    width:182px;
    height:181px;
    padding:45px 10px 0 38px;
}
#menu ul{
    list-style:none;
}
#menu ul li{
    width:182px;
    height:32px;
    margin-bottom:5px;
    background:url("../images/btn_menu.gif") no-repeat;
}
.last{
    margin-bottom:0px;
}
#menu ul li a{
    width:164px;
    height:25px;
    display:block;
    padding:7px 0 0 18px;
    text-decoration:none;
}
#menu ul li a:hover{
    text-decoration:underline;
}
/*----------------------------------
          Menu - bottom
----------------------------------*/
#bottomlinks{
    float:left;
    width:300px;
    margin-left:110px;
}
#bottomlinks ul{
    list-style:none;
}
#bottomlinks ul li{
    float:left;
    padding:0 0.6em 0 0.6em;
}
#bottomlinks ul li a{
    text-decoration:none;
}
#bottomlinks ul li a:hover{
    text-decoration:underline;
}
/*----------------------------------
       Menu - Picture Links
----------------------------------*/
#picturelinks{
    padding:20px 0 0 1px;
}
#picturelinks ul{
    list-style:none;
}
#picturelinks ul li{
    float:left;
    width:148px;
    height:100px;
}
#picturelinks ul li a{
    padding:75px 0 0 8px;
    width:140px;
    height:25px;
    display:block;
    text-decoration:none;
}
#picturelinks ul li a:hover{
    text-decoration:underline;
}
.physio{
    background:url("../images/menu_physio.jpg") no-repeat;
}
.acupuncture{
    background:url("../images/menu_acupuncture.jpg") no-repeat;
}
.podiatry{
    background:url("../images/menu_podiatry.jpg") no-repeat;
}
.pilates{
    background:url("../images/menu_pilates.jpg") no-repeat;
}
.sportsmassage{
    background:url("../images/menu_sports_massage.jpg") no-repeat;
}
.headaches{
    background:url("../images/menu_headaches.jpg") no-repeat;
}
.physio, .acupuncture, .podiatry, .headaches, .sportsmassage{
    margin-right:3px;
}
/*----------------------------------
           Google Map
----------------------------------*/
#mapcontainer{
    width:259px;
    height:434px;
    padding:8px;
    background:url("../images/bg_map.gif") no-repeat;
}
#googlemap{
    width:259px;
    height:434px;
    
}
/*----------------------------------
            Gallery
----------------------------------*/
#gallery{
    background:#FFFFFF;
    height:690px;
}
#mainimage{
    width:590px;
    height:400px;
    padding:50px 50px 10px 50px;
}
#thumbs{
    width:650px;
    padding:0 0 0 50px;
}
#thumbs img{
    float:left;
    width:50px;
    height:50px;
    margin:0 10px 10px 0;
}
/*----------------------------------
           Typography
----------------------------------*/
#wrapper{
    font-family:Helvetica,Arial,sans-serif;
}
.indexitem h3, .indexitemright h3, .indexitemlong h3, .indexitemright p ,.indexitemright p a, #contentmiddletop h2, #inthepress h2, #photogallery h2, #photogalleryClinic h2, #photogalleryGait h2, #contentmiddlebody h2, #contentmiddlebody h4, #contentmiddlebody h4 a, #contentmiddlebody h3, .cyan{
    font-weight:100;
    color:#57A3D7;
}
#contentmiddlebody h3, .cyan{
    font-weight:100;
    color:#57A3D7;
	line-height:17px;
}
#footer, #bodycolleft p, #bodycolwide p, #bodycolmiddle p, #bodycolright p, #bodycolleft ul, #bodycolwide ul, #bodycolmiddle ul, #bodycolright ul, #inthepress p, .welcometext, .narrowtext{
    font-size:0.8em;
    color:#17396D;
}
#menu ul li a, .offerindex h2, .offerindexright h2, #buttoninthepress a, #buttonphotogallery a, #picturelinks ul li a, #offer h2, #offer h3, #offerShort h2, #offerShort h3, #offer p, #largetel p, .offerindex h3, .offerindexright h3{
    color:#FFFFFF;
}
.offerindex h2, .offerindexright h2, .offerindex h3, .offerindexright h3{
    font-weight:100;
}
#bottomlinks ul li a, #cocreate a, #bodycolleft a, #bodycolwide a, #photogallery p a, #photogalleryClinic p a, #photogalleryGait p a, #inthepress p a, #bodycolleft p a, #bodycolwide p a, #bodycolmiddle p a, #bodycolright p a{
    color:#17396D;
}
#contentmiddlebody h3, .offerindex h3, .offerindexright h3{
    font-size:0.85em;
}
#offer h3{
    font-size:1.1em;
}
#offer p{
    font-size:1em;
}
#largetel{
    font-size:1.7em;
}
.tel, #largetel{
    font-family:Georgia,'Times New Roman',times,serif;
}
#buttoninthepress a, #buttonphotogallery a{
    font-size:0.8em;
}
.bold{
    font-weight:bold;
}