/*
css styles for gm_landing

.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
 */
@import "/css/reset.css";
@import "/css/nav.css";

/* good browser - good to go */

#unsupported {display: none;}
 /* basic styles */

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

body {
	margin: 0;
	padding:0;
	font-size:1em; /* 16x.875=14 */
	line-height:1.125em; /* 16×1.125=18 */
	background: #fff;
	display: block;
	color: #333;
	background: #fff;
	}


td {color: #333;}

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

a:hover { }
a:active {
	color: #333; }
	

	
h1 {
	font-size: 160%;}

	
h2, h3, h3, h4, h5, h6{
}



img {border: 0}

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

.content a, .content a:visited {color: #666;}
.content a:hover {color: #000; text-decoration: underline;}

 /* hides the search enginey stuff */

#engines {
display: none;}

/* centres the layout whatever the resolution */

#centreing {
text-align: center;
margin: 0px auto;
padding: 0;
background-image: url(/css/bodybg.png);
background-repeat: repeat-x;

}

#centreing-old {
text-align: center;
margin: 0px auto;
padding: 0;
background-image: url(/css/oldbg.jpg);
background-repeat: repeat-x;

}

 
#main {
width: 916px;
margin: 0px auto;
text-align: left;
display: block;
background-image: url(/css/mainbg.png);
background-repeat: repeat-x;
}
}

 /* logo bar etc */

#top {
display: block;
height: 350px;
width: 916px;
line-height: 100%;
background-image: url(/css/gmlogo.png);
background-repeat: repeat-x;

}

#logo {

width: 916px;
height: 170px;
background-image: url(/css/gmlogo.png);
background-repeat: no-repeat;
background-position: center bottom;
}

#descriptor {
font-size: 105%;
width: 436px;
height: 100px; 
padding-left: 245px;
padding-right: 255px;
padding-top: 0.5em;
}



#descriptor h1 {
	color: #333;
	font-size: 104%;
	line-height: 120%;

}

#nav {
width: 436px;
height: 70px; 
padding-left: 245px;
padding-right: 255px;
}




 /* mainstuff */
 
#centreing2 {
text-align: center;
margin: 0px auto;
background-image: url(/css/contentbg.png);
background-repeat: repeat-x;
}

.content {
width: 744px;
margin: 0px auto;
padding:0;
text-align: left;
display: block;}

#is {display: inline-block;
height: 20px;
height: 45px;
padding-top:15px;}

#is h2 {
font-size: 150%;
font-weight: bold;
}

#social {height: 25px;
width: 200px;
height: 45px;
float: right;}

#panel {
width: 724px;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 20px;
display: block;
background: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius:10px;


}

.panelitem{
width: 232px;
height: 140px;
margin: 0; padding: 0;
display: inline-block;
font-size: 85%;
margin-right: 5px;
vertical-align:top;
float: none;}



.panelitem h3 {font-weight: bold; font-size: 110%;}



/*footer cack*/

#footer {
font-size: 70%;
color: #666;
position: relative;
display: block;
border-top: 1px solid #333;
margin-top: 50px;
padding-top: 20px;}

#footer a {color: #333;}
#footer a:hover {color: #666; text-decoration: underline;}

.footeritem
{width: 118px;
height: 80px;
display: inline-block;
vertical-align: top;
margin-right: 2px;
background-color: #fff;

}

.footercol ul, .footercol ul li {
margin: 0; padding: 0;
list-style: none;}

.footercol ul li {
height: 20px;}



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