/*
css styles for rustlings surgery

.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
 */

@import "nav.css";
@import "sub.css";
@import "forms.css";

 /* basic styles */

body,td,th {
	font-family: Helvetica, Arial, Corbel Lucida, sans-serif;
}

 
body {
	margin: 0;
	font-size: 0.75em;
	background: #fff;
	line-height: 200%;
	display: block;
	color: #666;
	background-image: url(bg.png);}
	


	
a:link, a:visited {
	color: #320b58;
	text-decoration: none;
	}

a:hover { }

a:active {
	color: #333; }
	
h1 {
	color: #666;
	font-size: 130%;
	font-weight: roman;}
h2 {
	color: #666;
	font-size: 100%;}
	
h3 {
color: #666;
	font-size: 100%;
	font-weight: bold;}
h4 {
color: #666;
	font-size: 0.5em;}

h2 {margin-bottom: -1em;
}

img {
	border: 0}

.clear {float: none; clear: both;}


 /* terrible browser message */

#iesix{display: none;}

 /* hides the search enginey stuff */

#engines {
display: none;}

 /* centres the layout whatever the resolution */

#home #centreing {
text-align: center;
background-image: url(band.png);
background-repeat: repeat-x;
margin: 0px auto;
}
#centreing {
text-align: center;
background-image: none;
margin: 0px auto;
}

 
#main{
width: 900px;
margin: 0px auto;
text-align: left;
display: block;
background-color: #fff;
padding: 16px;
padding-bottom: 0px;
padding-top: 0px;

}


 /* top bar etc */

#emergency {
font-weight: bold;
width: 900px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
display: block;
height: 10px;
padding: 0px 0px 10px 0px;}

#emergency a { color: #c00;}

#topbar {
display: block;
height: 253px;
width: 900px;
background-image: url(homebg.png);
background-repeat: no-repeat;
}

#brand {
display: block;
width: 220px;
height: 110px;
background-image: url(strap.png);
background-repeat: no-repeat;
float: left;
}

#brand2 {
display: block;
width: 220px;
height: 110px;
background-image: url(logo.png);
background-repeat: no-repeat;
float: left;
}

#nhs {
display: block;
width: 60px;
height: 110px;
float: right;

}

 /* navigation */

#navigation {
background-color #fff;
background-image: url(navbg.png);
background-repeat: repeat;
width: 900px;
height: 124px;
display: block;
border-top: 1px solid #fff;
color: #fff;
}

 /* homepage brand bar */

#homebar {
background-color: #d8f2f2;
width: 932px;
height: 122px;
display: block;
position: relative; left: -16px;}

#homelogo {
position: relative;
float: left;
left: 10px;}


 /* mainstuff */

/* main 3 columns */

#content {
margin: 0;
display: block;
width: 480px;
padding-top: 15px;
padding-left: 10px;
border-right: 400px solid transparent;
min-height: 370px;}

#contentwide {
display: block;
width: 900px;
}

#primary {
display: block;
width: 480px;
}

#secondary {
float:right; position:relative; width:285px; margin-right:-400px; display:inline-block; color: #333;
padding: 10px 10px; 0px 0px;
min-height: 400px;}

#primary h1 {font-family: Georgia, Constantia,  Times, Times New Roman, Serif; 
font-weight: normal;
font-size: 160%;}

#secondary {
font-size: 90%;
padding-top: 20px;
}



#footer {
color: #fff;
font-size: 110%;
position: relative;
width: 880px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
background-color: #999;
display: block;
background-image: url(footerbg.png);
background-repeat: repeat-x;
margin-top: 30px;

}




#footer a {color: #fff;}
#footer a:hover {color: #fff;}


#shoutbox {
width: 285px;
position: relative;
display: block;
background-image: url(shout.png);
background-repeat: repeat-y;
left: -10px;
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 10px;
}

#shoutheader {
display: block;
height: 28px;
margin: 0;
padding: 0;
}

#shouttint {

font-size: 120%;
width:245px;
position: relative;
display: block;
background-image: url(shouttint.png);
background-repeat: repeat;
background-position: 0px 50px;
padding: 20px;
min-height: 200px;

}


.promo {width: 325px;
display: block;
min-height: 270px;}

.promo a {color: #ccc; padding: 3px; background-color: #320b58;}

.promo img {border:  2px solid #fff;}

.serif {
font-family: Georgia, Constantia,  Times, Times New Roman, Serif;
font-size: 130%; line-height: 200%;}

#galleryphotos {margin-top: 15px; width: 570px; background: #222; padding: 4px;}

.gallery {width:75px; height:75px; display: inline;
overflow: hidden;
line-height: 100%;

}
.gallery img{
overflow: hidden;


}

 /* that's your lot - jamesatkinsdesign.com */