/*
css styles for ancienne-gare.com

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




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




 /* basic styles */

body,td,th {
font-family:  "Helvetica 55", "Helvetica Neue", "Helvetica Neue 55 Roman", Helvetica, Arial, Trebuchet, Verdana, Geneva, sans-serif;
}

 
body {
	margin: 0;
	font-size: 0.72em;
	background: #fff;
	line-height: 150%;
	display: block;
	color: #333;}

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

a:hover { }

a:active {
	color: #333; }
	
h1 {
color: #60758e;;
	font-size: 100%;
	font-weight: normal;}
h2 {
color: #60758e;
	font-size: 100%;}
	
h3 {
color: #60758e;
	font-size: 100%;
	font-weight: bold;}
h4 {
color: #60758e;
	font-size: 0.5em;}

h2 {margin-bottom: -1em;
}

img {
	border: 0}

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

.quote {
color: #60758e;}

.credit {
color: #c5c19d;}

 /* terrible browser message */

#iesix{display: none;}

 /* hides the search enginey stuff */

#engines {
display: none;}

 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-position: 0px 0px;
margin: 0px auto;
padding-top: 0px;

}

 
#main{
width: 916px;
height: 598px;
margin: 0px auto;
text-align: left;
display: block;
background-repeat: no-repeat;
padding: 22px;
}

 /* different backgrounds based on page id */

#home #main {
background-image: url(home.png);}

#description #main {
background-image: url(description.png);}

#gallery #main {
background-image: url(gallery.png);}

#contact #main {
background-image: url(contact.png);}


 /* logo bar etc */

#topbar {
display: block;
height: 80px;
width: 916px;
font-size: 90%;
line-height: 100%;
background-image: url(topbg.png);
background-repeat: repeat-x;
}

#logo {
display: block;
width: 616px;
height: 70px;
background-image: url(agc.png);
background-repeat: no-repeat;
padding-left: 70px;
font-family: Georgia, Constantia,  Times, Times New Roman, Serif;
text-transform: uppercase;
letter-spacing: 2px;
float: left;
}
 /* imagebar */

#imagebar {
display: block;
height: 205px;
width: 916px;
}

.imagebar {
display: block;
height: 205px;
width: 916px;
margin-bottom: 15px;
}

 /* navigation */
#navbar {
width: 916px;
height: 30px;
display: block;
background-color: #fff;
margin: 0px auto;
}

 /* mainstuff */

#content {
display: block;
width: 766px;
height: 275px;
background-image: url(contentbg.png);
padding-left: 150px;
position:relative;
padding-top: 3px;

}

#contentwide {
display: block;
width: 960x;
height: 305px;
background-image: url(contentbg.png);
position:relative;

}




 /* columns */
  /* this is ok because we have a fixed height on this site */

#primary {
position:relative;

width: 280px;
display: block;
float:left; 


}
#secondary {
float:left; 
position:relative; 
width:270px; 
margin-left:10px; 
display:inline;}

#tertiary {
padding-top: 8px;
font-family: Georgia, Constantia,  Times, Times New Roman, Serif;
float:left; 
position:relative; 
width:160px; 
margin-left:20px; 
display:inline;
font-size: 110%;
line-height: 160%;}



.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 */