﻿body {
    font-family: sans-serif, Arial, Helvetica;
    color: #FFFFFF;
    font-size: 75%;
	margin: 0px;
	padding: 0px;	
	background: #F7F4EE;
}

#container {

	margin: auto auto;
	
	width: 949px;


}



#header {

	background-image: url('../images/Header_Background_main.gif');

	height: 98px;

	float:left;

	width: 629px;
	

}


#contact {

	background-image: url('../images/Header_Background_main.gif');

	height: 50px;

	float:left;

	width: 320px;

	padding: 48px 0px 0px 0px;
	
}

#contact p {
text-indent:-9000em;
}



#logo{

	background-image:url(../images/Logo.gif);
	background-repeat:no-repeat;
	display:block;
	height: 36px;
	width: 449px;
	text-indent:-9000em;
	margin-top: 43px;
	
	
}

#logo h1 {
text-indent:-9000em;
}


#galleryView {

	background-image:url(../images/click-to-view.gif);
	background-repeat:no-repeat;
	display:block;
	height: 30px;
	width: 305px;
	text-indent:-9000em;
	margin-top: 315px;
	padding-bottom: 3px;
}

#galleryView h1 {

	margin-left: -9000px;
	
}

#menu {
	height: 19px;
	padding-left: 20px;
}



td.menuItem {
	width: 96px;
	background-color: #000000;
	text-align: center;
	background-image:url('../images/Header_Tabs_Left Shadow.gif');
	background-repeat:no-repeat;
	background-position:left;
	height: 19px;
}

td.menuItem a {
	color:  #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

td.menuItem a:hover {
	color: #ffff00;
}

#mainBody {
	background-color: #000000;
	padding: 50px 50px 40px 50px;
}

#centerContent {
	float: left;
	background-color: #131313;
	width: 675px;
	margin-right: 10px;
	padding:
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
line-height: 1.5;
}

#leftContent {
	float: left;
	width: 405px;
}

#leftContentHome {
	float: left;
	width: 356px;
}


#wideContent {
	width: 100%;
}

#contentText {
	padding: 2px;
}

#contentText a {
	text-decoration:none;
	color: #FFFFFF;
}

#contentText a:hover {
	color: #ffff00;
}
#rightContent {
	width: 260px;
	float: left;
	padding: 4px;
	text-align:center;
}

#rightContentHome {
	width: 305px;
	float: left;
	padding: 4px;
	text-align:left;

	}


#rightColumn {

	float: left;	

	width: 144px;

	padding-left: 20px;

}



#rightColumn a {

	font-size: 1em;

	margin: 0px;

	padding: 1px 0px 1px 3px;

	text-decoration:none;

	color: #FFFFFF;

}



#rightColumn a:hover {
	color: #ffff00;
}

#rightColumn th, #rightColumn td {
	background-color: #131313;
	border-top: 3px #000000 solid;
	text-align:left;
	font-weight:normal;
}

#rightColumn td {
	padding: 9px 6px 9px 6px;
	font-size: 0.85em;
}

#rightColumn th {
	/* font-size: 0.9em; */
}


#rightColumn table {
	border-bottom: 4px #000000 solid;
}

#rightColumn table {
	width: 100%;
}


.mainImage {
	margin-bottom: 5px;
	border:1px solid #3E3E3E; 
	
}

.thumbImage {
	margin-right: 0px;	
	border:1px solid #3E3E3E; 
}


.resources a {

	color: #006600;
	text-decoration: none;
	font-weight: bold;

}

.resources a:hover {

	color: #ffffoo;

}

.resources a:active {

	color: #ffoooo;
	text-decoration: underline;

}

.homePageBox {

	margin: 4px; width:308px; background-color:#000000; padding:10px;padding-left:10px; padding-right:10px;float:left; margin-bottom:3px;
}

.homePageBoxRight {

	margin: 0px; width:310px; background-color:#000000; padding:4px;padding-left:10px;float:right; margin-bottom:0px; margin-top:3px;
	
}


.contactBox {

	margin: 5px; width:655px; background-color:#000000; padding:10px;padding-left:10px;float:left; margin-bottom:10px; 
	
}

.garageGuideBoxLeft {

	margin: 8px; width:290px; background-color:#000000; padding:10px; float:left; margin-bottom:20px; margin-top:0px; 
	
}

.garageGuideBoxRight {

	margin: 8px; width:290px; background-color:#000000; padding:10px;padding-left:10px;float:right; margin-bottom:5px; margin-top:0px;
	
}

.garageNewsBox {

	margin: 5px; width:640px; background-color:#000000; padding:10px;padding-left:10px;float:left; margin-bottom:10px; 
	
}

.thumbnail {
	background-color:#222222;
	border:1px solid #2A2A2A;
	float:left;
	margin-top:3px;
	margin-bottom:10px;
	margin-right:5px;
	padding:3px;

	
}

.doorTypes {
	background-color:#131313;
	float:centre;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:8px;

	
}



#footer {

	background-image:url('../images/Footer_Bk.gif');
	height: 138px;

	/* padding: 6px 0px 0px 40px; */

	font-size: 0.9em;
	text-align:left;
	padding-left: 75px;

}



#footer a {

	color: #FFFFFF;
	text-decoration:none;

}



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

p {	
	padding: 4px;
}

h1 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 4px;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	padding: 4px;
	line-height: 80%;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

.phone {
			font-size: 1.2em;
			padding: 4px;
			text-align: center;
			line-height: 80%;
			font-weight: bold;
			
		}
		

.garageNews { 	font-size: 1em;
					font-weight: bold;
					margin: 0;
					padding: 5px 0px;
}



.error {
    color: Red;
    font-weight: bold;
}

.clearBoth {
	clear:both;
}

.special {
	font-size: 1.3em;
	letter-spacing: -0.1em;
	padding-bottom:3px;
}

.titleHome {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#131313 none repeat scroll 0 0;
border:1px #333333 solid;
color:#FFFFFF;
font-family:'Arial';
font-size:1.3em;
text-align:center;
 
}

.checkMark {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 none repeat scroll 0 0;
color:#FFFFFF;
font-family:'Arial';
font-size:1.2em;
margin-left: 0px;
margin-right: 5px;
padding: 5px;
}		


.title {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 none repeat scroll 0 0;
color:#FFFFFF;
font-family:'Arial';
font-size:1.3em;
padding:10px;
text-align:left;

}	

.dailyUpdates {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#131313 none repeat scroll 0 0;
border:1px #333333 solid;
color:#FFFFFF;
font-family:'Arial';
font-size:1.3em;
text-align:center;
 
}
	
.standardText {
	margin: 10px;
	
}

.standardText a {

	text-decoration:none;

	color: #FFFFFF;

}

.standardText a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

.servicesBack {
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url('../images/Services_Bkground.jpg');
}

table.quickGuideNav {
	width: 100%;
}

table.quickGuideNav th {
	background-image:url('../images/Quick Guide_Bottom Nav Button.gif');
	background-position:center;
	background-repeat:no-repeat;
	height: 21px;
	text-align:center;
}

table.quickGuideNav td {
	text-align:center;
}


table.quickGuideNav td img {
	border: 0px;
}


img {
	border: 0px;
}

a:hover.sideLink {
	color: #ffff00;
}

.blogPost {
	font-size: 0.8em;
	}

.blogPost a {

	text-decoration:none;

	color: #FFFFFF;

}

.blogPost a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

.dmarquee {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#131313 none repeat scroll 0 0;
border:1px #333333 solid;
color:#ffff00;
font-family:'Arial';
 
}
