/* CSS Document */

* {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
}

img {
border : none;
}

body {
margin : 20px;
background-color : #121C6D;
}

#main {
width : 100%;
min-height : 600px;
border : 1px solid #ffffff;
position: relative;
}



#left {
width : 245px;
font-size : 75%;
text-align : center;
font-weight : bold;
background-image : url(images/back-garages.jpg);
background-position : 0% 100%;
background-repeat : no-repeat;
vertical-align : top;
height: 600px;
}

#address {
padding-top : 175px;
background-image : url(images/garage-gates-logo.gif);
background-position : 50% 16px;
background-repeat : no-repeat;
color : #ffffff;
}

#address span {
font-size : 150%;
}

#nav {
width : 169px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
font-style : italic;
font-size : 135%;
text-align : left;
}

#nav p {
background-image : url(images/navbackgag.gif);
background-position : 0% 0%;
background-repeat : no-repeat;
margin : 0px;
margin-bottom : 5px;
}

#nav a {
display : block;
width : 100%;
height : 34px;
color : #121C6D;
padding-top : 5px;
padding-left : 30px;
background-image : url(images/navwhitegag.gif);
background-position : 0% 0%;
background-repeat : no-repeat;
}

#nav a:hover {
background-image : url(images/navredgag.gif);
background-position : 0% 0%;
background-repeat : no-repeat;
}



#right {
background-color : #ffffff;
vertical-align : top;
font-family : Arial, Helvetica, sans-serif;
font-size : 75%;
text-align : justify;
height : 600px;
}

#right p {
margin : 0px;
padding : 7px;
padding-left : 15px;
padding-right : 15px;
}

#right h1 {
font-size : 100%;
color : #121C6D;
margin : 0px;
padding : 7px;
padding-left : 15px;
padding-right : 15px;
}

#right a:link, #right a:visited {
	color: #121C6D;
	text-decoration: none;
	padding: 3px;
}

#right a:hover, #right a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #121C6D;
	padding: 3px;	
}

.smallimg a:hover, .smallimg a:active {
background-color: #FFFFFF;
}

#rightimage {
border : 1px solid #121C6D;
padding : 1px;
float : right;
margin : 0px 0px 20px 20px;
}

#leftimage {
border : 1px solid #121C6D;
padding : 1px;
float : left;
margin : 0px 20px 20px 0px;
}

#centretable {
margin : 20px;
width: auto;
text-align: center;
}

#centretable td {
border : 1px solid #121C6D;
padding: 10px;
text-align: center;
font-size: 90%;
}

#centretable img {
border : none;
}

#centretable a {
display: block;
}

#surveyimage {
float : left;
margin : 0px 20px 20px 0px;
}

#gallery {
border : 1px solid #121C6D;
padding : 1px;
}

#layout {
background-color : #ffffff;
vertical-align : middle;
font-family : Arial, Helvetica, sans-serif;
font-size : 75%;
font-weight : bold;
text-align : right;
}

#layout a {
color : #121C6D;
}

#layout a:hover {
color : #ffffff;
background-color : #121C6D;
}

#t {
margin-right : 10px;
}

#o {
display : none;
}

blockquote {
	padding: 0px;
	margin: 0px 0px 10px 30px;
}

/*** Shortform ***/

#shortform {
margin : 20px;
width : auto;
}

#shortform td {
font-size : 90%;
padding : 5px;
margin : 0px;
border : 1px solid #dddddd; 
}

#shortform img {
border : none;
}

html>body #shortform td {
font-size : 90%;
}

#shortform .headers {
font-weight : bold;
}

#shortform textarea, #shortform input {
width : 198px;
margin : 0px;
}

#shortform img {
border : none;
padding : 0px;
float : none;
margin : 0px;
}

#gag {
	position: absolute;
	display: block;
	width: 110px;
	height: 110px;
	bottom: 5px;
	left: 65px
}