/* ----------- main ----------- */

body {
	margin: 0;
	font-size: 0.8em; 
	font-family: tahoma, helvetica, arial, verdana;
	color: #fff;
	background: #384858;
	background-image: url('images/bg2.gif');
	background-repeat: repeat-x;	
}

/* ----------- rows ----------- */

#wrapper {
	margin: 0 auto;
	width:760px;
}

#row1 {
	margin-top: 6px;
	height: 160px;

}

#row2 {
	float: left;
	margin: 4px 0 4px 0;
	height: 32px;

}

#row3 {
	width: 759px;
	float: left;
	
	
	
}

#row3a {
	width: 759px;
	float: left;
	background-color: #fff;
	
	
}

#row4 {
	float: left;
	text-align: center;
	width: 760px;
	height: 35px;
}


/* ----------- header ----------- */

#remotelogo {
	float: left;
	width: 188px;
}

img.remotelogo {
	float: left;
	margin: 14px 0 0 8px;
	border: none; 
} 

#flash {
	float: right;
	text-align: right;
	width: 568px;
	height: 160px;
	border-left: 1px solid #323232;
}


/* ----------- menu  ----------- */

#menurow {
	text-align: center;
	width: 760px;
	height: 32px;
	background: #3D4A57;
}

#menu ul {
	list-style-type: none; 
	margin: 3px 0 0 0; 
	padding: 0;
}

#menu li {
	display: inline;
	margin: 0; 
	padding: 0 12px;
}

#menu li a {
	font-family: arial, verdana;
	color: #FAFAFA; 
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#menu li a:hover{
	color: #026AFE;
}

.menuborder {
	border-right: 1px solid #828282;
}

/* ----------- body ----------- */


p { 
	text-align: justify;
	line-height: 17px;
}

p.remotep {
	text-align: justify;
	line-height: 17px;
	color: #1A212A;
}

h1 {
	font-family: "lucida sans", tahoma, helvetica;
	color: #026AFE;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;	
}

h2 {
	font-family: "lucida sans", tahoma, helvetica;
	color: #026AFE;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
	padding-bottom: 5px;	
}

h3 {
	font-family: tahoma, "lucida sans", helvetica;
	color: #fff;
	font-size: 16px;
	margin: 15px 0 0 0;
	font-weight: bold;
	text-align: center;	
}

h4 {
	font-family: tahoma, "lucida sans", helvetica;
	color: #1A212A;
	font-size: 16px;
	margin: 15px 0 0 0;
	font-weight: bold;
	text-align: center;	
}

h5 {
	font-family: arial, tahoma, "lucida sans", helvetica;
	color: #ccc;
	font-size: 14px;
	margin: 15px 0;
}

.link {
	color: #B4B4B4;
	text-decoration: underline;
}

a.link:hover { 
	color: #026AFE;
	text-decoration: none;
}

img.flag {
	float: right;
	margin: 20px 0 -80px 0;
}


/* ----------- home ----------- */

li {
	line-height: 24px;
	list-style-type: square;
}

ul { 
	margin: 10px 0 0 35px;
}

#mobile {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	font-weight: bold;
	color: #fff;
	
}

#phone {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	margin-left: 70px;
	color: #fff;
}

#mobilea {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	font-weight: bold;
	color: #1A212A;
	
}

#phonea {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	margin-left: 70px;
	color: #1A212A;
}

#hourservice {
	padding: 30px 0 0 10px;
	float: left;
	width: 200px;
}

#logoarea {
	padding: 0 0 30px 8px;
	float: left;
	width: 750px;
	text-align: center;
}

#hometext {
	float: right;
	width: 470px;
	padding: 30px 40px 40px 0;
	text-align: justify;	
}

.grifco {
	padding: 0;
}

.merlin {
	padding-left: 28px;
}

.motorlift {
	padding-left: 25px;
}

.faac {
	padding-left: 20px;
}

.herculift {
	padding-left: 25px;
}
	
.hour {
	margin: 20px 0 0 22px;
}

img.specials {
	margin: 40px 0 0 26px;
	border: 0px none;
}


/* ----------- door page ----------- */

img.doorimg {
	float: left;
	padding: 0 25px 0 0;
	
}

.doorsinfo {
	padding: 0 10px;
	float: left;
	width: 680px;
	line-height: 16px;
}



img.botticelli {
	float: left;
	margin: 5px 0 0 40px;
}

img.eos {
	float: left;
	margin: 30px 0 0 30px;
	padding-bottom: 20px;
}

#imgbox {
	float: left;
	width: 200px;
	background: #fff;
	margin-right: 20px;
	
}


.textbox {
	float: left;
	width: 400px;
	
}

#doortext {
	margin: 0;
	float: left;
	padding: 40px 0 50px 40px;	
}

table.doortbl {
	margin-top: 10px;
	border: 1px solid #323232;
	
}

tr.bgdoor {
	background: #C82828;
	border: 1px solid #323232;
	padding: 2px;
}

td.bgdoor2 {
	text-align: center;
	background: #026AFE;
	padding: 0 5px 0 5px;
	color: #fff;
}

td.bgdoor3 {
	text-align: center;
	background: #B3B3B3;
	padding: 0 7px 0 7px;
	color: #fff;
}

img.doorspec {
	float: right;
	margin: 50px 20px -200px 0;
}

.prices {
	color:#2471FD; 
	font-size: 14px;
	font-weight: bold;
	padding: 1px 0;
}


/* ----------- speicals ----------- */

#imgspec {
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
	
}

img.Superlift {
	margin: 15px 0 0 0;
}

/* ----------- gate page ----------- */

img.phobos {
	float: left;
	margin: 10px 0 0 40px;
}

img.virgo {
	float: left;
	margin: 20px 0 0 50px;
}	

img.igea {
	float: left;
	margin: 20px 0 10px 5px;
}

img.eli {
	float: left;
	margin: 0 0 10px 20px;
}

img.e5 {
	float: left;
	margin: 20px 0 0 50px;
}

img.sub {
	float: left;
	margin: 10px 0 10px 30px;
}

img.p4 {
	float: left;
	margin: 20px 0 10px 30px;
	padding-bottom: 15px;
}

img.demio {
	float: left;
	margin: 10px 0 5px 50px;
}

img.urano {
	float: left;
	margin: 10px 0 0 50px;
}

img.sp4000 {
	float: left;
	margin: 10px 0 0 50px;
	padding-bottom: 15px;
}

.gateimage {
	float: left;
	padding-top: 15px;
	height: 140px;
}
	
img.gateimg {
	float: left;
	padding: 0 25px 0 0;
}

.gateinfo {
	padding-top: 20px;
	float: left;
	width: 680px;
	line-height: 20px;
}

.gatetext {
	margin: 0;
	float: left;
	padding: 10px 0 0 40px;	
}

#gatefacts {
	float: left;
	margin-top: 25px;
}


/* ----------- accessories  ----------- */

#imgaccbox {
	float: left;
	width: 200px;
	background: #E9E9EB;
	margin-right: 20px;
	
}

img.tbox {
	float: left;
	margin: 5px 0 5px 5px;
}

img.ecb {
	float: left;
	margin: 10px 0 5px 12px;
}

img.mitto {
	float: left;
	margin: 10px 0 5px 20px;
}

img.mitto4 {
	float: left;
	margin: 10px 0 5px 5px;
}

img.rb {
	float: left;
	margin: 10px 0 5px 12px;
}

img.rfl {
	float: left;
	margin: 10px 0 5px 12px;
}

/* ----------- remote page ----------- */

#remotes {
	padding: 10px 0 30px 15px;	
}

#remotetext {
	margin: 0;
	float: left;
	padding: 40px 0 20px 40px;	
}

#whitebg {
		background-color: #fff;
}

table.remotetbl  {
	margin-top: 20px;
	color: #1A212A;
}

table.remotetbl td {
	padding: 0 6px;
	text-align: center;
}

.remotecon {
	text-align: center;
	font-size: 11px;
	color: #333;
	margin: 4px 0;
}

td.remotebox {
	text-align: center;
}

/* ----------- contact page ----------- */

table.contact {
	margin: 20px 0 0 200px;
}

table.contact td {
	padding: 4px;
}

/* ----------- footer ----------- */


#foottext {
	margin-top: 2px;
	width: 760px;
	float: left;
}

.copy {
	margin-right: 300px;
	font-size: 10px;
	color: #FAFAFA;
}

.design {
	display: inline;
	font-size: 10px;
	color: #E5E5E5;
	text-decoration: none;
}

a.design:hover { 
	color: #000;
	text-decoration: underline;
}