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;
	

}


#contactPhn {

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

	height: 50px;

	float:left;

	width: 320px;

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

#contactPhn 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: 330px;
}


#wideContent {
	width: 100%;
}

#wideContent .inner {
	padding: 20px 20px 20px 0px;
}

#wideContent .slider {
	padding: 20px;
	margin-left: -25px;
}


#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: 330px;
	float: right;
	}


#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 {
	padding-bottom: 10px;
}

#rightColumn table {
	width: 100%;
}

.testimonial {
	font: bold 14px/1.5 Georgia, Serif;
	text-align: left;
	color: #fff;
}



.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; height: 248px; width:300px; background-color:#000000; border:1px #333 solid; padding:10px;float:left;
}

.homePageBoxRight {

	margin: 0px 4px 30px 0px; height: 248px; width:300px; background-color:#000000; border:1px #333 solid; padding:10px;float:right;
	
}

.homePageBoxRightCentre {

	margin: -23px 4px 0px 0px; height: 248px; width:300px; background-color:#000000; border:1px #333 solid; padding:10px;float:right;
	
}


.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;

	
}

.automation_gallery {
	background-color:#222222;
	border:1px solid #2A2A2A;
	float:left;
	margin-top:3px;
	margin-bottom:10px;
	margin-left:-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: 16px;
			text-align: center;
			line-height: 120%;
			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;
 
}

.titleMaster {

-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:#fff;
font: 18px Arial, Serif;
text-align:center;
 
}

.homeMaster {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 none repeat scroll 0 0;
border:1px #333333 solid;
color:#fff;
font: bold 16px/1.5 Georgia, Serif;
text-align: left;
color: #fff;
padding: 0 20px 20px 20px; 
}

.quoteSlide blockquote {
	font: italic 22px/1.5 Georgia, Serif;
	text-align: center;
	color: #f1f1f1;
	padding: 20px;
}

.featuredText {
	font: bold 22px/1.5 Georgia, Serif;
	text-align: center;
	line-height: 180%;
	color: #f1f1f1;
	margin: 40px;
}


.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:#07465a none repeat scroll 0 0;
border:1px #333333 solid;
color:#FFFFFF;
font-family:'Arial';
font-size:1.3em;
text-align:left;
margin-bottom:10px;
 
}

.rightMenuTitle{

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#07465a none repeat scroll 0 0;
border:1px #333333 solid;
color:#FFFFFF;
font-family:'Arial';
font-size:1.2em;
text-align:left;
 
}
	
.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: 1em;
	}

.blogPost a {

	text-decoration:none;

	color: #FFFFFF;

}

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

.news {
	font: italic 14px/1.5;
}
	

.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';
font-weight: bold;
 
}

/* 
---------------------------------------------------------
CONTACT FORM STYLES
----------------------------------------------------------
*/  

#contact p, label, legend { font-family: sans-serif, Arial, Helvetica; font-size: 17px; color:#FFF; }

#contact h1 { margin: 10px 0 10px; font-family: sans-serif, Arial, Helvetica; font-size: 19px; color: #3294B4; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
#contact h2 {font-size:20px;} 
#contact { display: block; width: 548px; margin: 0px auto; padding: 35px; border: 1px solid #d6d6d6;; background-color: #000; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 15px; -webkit-border-radius:5px; color:#fff;}
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font-size:17px; font-family: sans-serif, Arial, Helvetica; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#fff; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url(/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/* 
---------------------------------------------------------
END CONTACT FORM STYLES
----------------------------------------------------------
*/  

