body,
	html {
		margin:0;
		padding:0;
		background:#fff;
		color:#000;
		font: normal 11px arial, helvetica, tahoma, verdana;
		line-height: 15px; 
		color: #27443f;
		background-image: url(images/background-dropshadow.gif); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
        background-color: #F7F4EE; /** Website BG colour (matches canvas colour in Step 1) **/
	}
	body {
		min-width:900px;

	}
	#left {
		margin:0 auto;
		width:1174px;
		background: url(images/left.jpg) no-repeat top left;
	}
	.left {
		margin:0 auto;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		float: left;
	}
	#right  { background: url(images/right.jpg) no-repeat right top; margin: 0 auto; width: 1174px }	
	#wrap {
		margin:0 auto;
		width:900px;
		background: #fff;
	}
	#header {
		background: #fff url(images/topGregJameslogo.gif) top left no-repeat;
		height: 70px;
	}
	#nav {
		position:relative;
		background: #00209F;
		width:900px;
		height: 40px;
		margin-bottom: 10px;
	}
	#nav .select, #nav .current {
		margin:0; 
		padding:0; 
		width:900px;
		list-style:none;
	}
	#nav li {
		display:inline; 
		margin:0; 
		padding:0; 
		height:auto;
		width:900px;
	}
	#nav .select a, #nav .current a {
		display:block; 
		height:20px; 
		float:left; 
		background:#00209F; 
		padding:0 12px 0 10px; 
		text-decoration:none; 
		font-size:12px; 
		line-height:20px; 
		white-space:nowrap; 
		border-right:1px solid #143043; 
		color:#fff;
		width:15
		0px;
		}
	* html #nav .select a, * html #nav .current a {
		width:1px; 
		height:21px;
	}
	
	
#nav2 {
width:150px;
list-style:none;
margin:150px auto;
}
#nav2 a {
color:black;
text-decoration:none;
}
#nav2 a:active, #nav2 a:focus, #nav2 a:hover {
color:red;
}
a#current {
color:red;
}
a#current:active, a#current:focus, a#current:hover {
color:blue;
}	
	
	
	
	#nav .select a:hover, #nav .select li:hover a {
		background:#001A6D; 
		cursor:pointer; 
		color:#ECD21C;
		
	}
	#nav .sub {
		display:none;

	}
	/* for IE5.5 and IE6 only */
	#nav table {
		position:absolute; 
		border-collapse:collapse; 
		left:0; 
		top:0;
		
	}
	#nav .current a {
		background:#ECD21C; 
		color:#001A6D;
		
	}
	#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover {
		background:#EBBE0C; 
		color:#00209F;
		height:10px; 
		
	}
	#nav .sub_active .current_sub a, #nav .sub_active a:hover {
		background:#EBBE0C; 
		color:#001A6D;
		height:10px;
ß	}
	#nav .select li a:hover .sub, #nav .select li:hover .sub {
		display:block; 
		position:absolute; 
		line-height:10px; 
		height:20px;
		width:900px; 
		top:20px; 
		left:0; 
		background:#EBBE0C; 
		margin-top:0; 
		padding:0; 
		z-index:100; 
		color:#fff; 
		font-size:11px;
	}
	#nav .sub, #nav .sub_active {
		margin:0; 
		padding:0; 
		padding-left:50; 
		background:#EBBE0C; 
		list-style:none;
		height:10px; 
		width:900px; 

	}
	#nav .sub_active  { 
	color: #fff; 
	font-size: 11px; 
	line-height: 10px; 
	background: #ECD21C; 
	display: block; margin-top: 0; 
	padding: 0; position: absolute; 
	z-index: 10; top: 20px; 
	left: 0; width: 900px; 
	height: 20px 
	
	}
	* html #nav .sub_active, * html #nav .select a:hover .sub {
		z-index:-1; 
		margin-top:0; 
		margin-t\op:1px;
		height:10px; 
		width:900px; 
	}
	#nav .sub_active a {
		height:10px; 
		text-decoration:none; 
		white-space:nowrap; 
		display:block; 
		float:left; 
		background:#ECD21C; 
		padding:0px 20px 10px 10px; 
		margin:0; 
		font-size:12px; 
		white-space:nowrap; 
		border:0; 
		color:#00209F;
		
	}
	#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
		display:block; 
		line-height:10px; 
		height:10px; 
		background:#EBBE0C; 
		padding:5px 20px 5px 10px; 
		margin:0; 
		white-space:nowrap; 
		border:0; 
		color:#fff; 
		font-size:12px;

}
#flash	{ 
	background:#EBBE0C; 
	height: 240px; 
	width: 900px; 
}
#mainwelcome  { 
	background: white url(images/mainwelcome.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainabout  { 
	background: white url(images/mainwelcome.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainlocation  { 
	background: white url(images/mainwelcome.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#maincontact  { 
	background: white url(images/mainwelcome.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresidential  { 
	background: white url(images/mainresidential.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresRoller  { 
	background: white url(images/mainresRoller.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresDesign  { 
	background: white url(images/mainresDesign.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresSpecialty  { 
	background: white url(images/mainresSpecialty.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresFlexaDoor  { 
	background: white url(images/mainresFlexaDoor.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresSectional  { 
	background: white url(images/mainresSectional.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresTiltaDor  { 
	background: white url(images/mainresTiltaDor.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainresTimber  { 
	background: white url(images/mainresTimber.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainindustrial  { 
	background: white url(images/mainindustrial.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainindRolling  { 
	background: white url(images/mainindustrial.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainindShutters  { 
	background: white url(images/mainindustrial.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainaccessories  { 
	background: white url(images/mainaccessories.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainaltPower  { 
	background: white url(images/mainaltPower.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#maintransmitters  { 
	background: white url(images/maintransmitters.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainkeypads  { 
	background: white url(images/mainkeypads.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainOpeners  { 
	background: white url(images/mainOpeners.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainIndustrialOpeners  { 
	background: white url(images/mainIndustrialOpeners.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}
#mainGateOpeners  { 
	background: white url(images/mainGateOpeners.jpg) no-repeat left top; 
	height: 240px; 
	width: 900px; 
}


#leftcol  { padding-right: 10px; min-height: 300px; width: 135px; float: left;
background: #fff; url(images/blue.gif) repeat-y; background-position: top right;  }
#main  { background: #fff; padding-right: 20px; min-height: 300px; width: 580px; float: left }	
#mainwide  { background: #fff; padding-right: 20px; min-height: 300px; width: 720px; float: left }	
#rightcol  { padding-left: 15px; min-height: 300px; width: 140px; float: right;
background: #fff; url(images/blue.gif) top left repeat-y; }


h1 {
font: bold italic 18px arial, helvetica, tahoma, verdana;
line-height: 16px; 
color: #001A6D;
padding-bottom: 2px;
padding-left: 10px;
margin-top: 6px;
margin-bottom: 6px;
}
h2 {
font: bold italic 15px arial, helvetica, tahoma, verdana;
line-height: 14px; 
color: #00209F;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 4px;
margin-bottom: 2px;
}
.p1 {
font: normal 13px palatino, times, tahoma, verdana;
line-height: 15px; 
color: #27443f;
padding-bottom: 2px;
padding-left: 10px;
}
.p2 {
font: bold 12px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-top: 4px;
padding-bottom: 4px;
margin:0;
color: #27443f;
padding-left: 10px;
margin-top: 2px;
margin-bottom: 0px;
}
.p2cl {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 16px; 
color: #27443f;
padding-left: 10px;
margin: 0;
padding-bottom: 4px;
}
.p3 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-bottom: 5px;
margin:0;
color: #427db0;
padding-left: 10px;
}
.p3 a {
color: #427db0;
text-decoration: none;
}
.p3 a:hover {
color: #427db0;
text-decoration: underline;
}
.p4 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 13px; 
padding-bottom: 0px;
color: #427db0;
margin-bottom: 5px;
padding-left: 25px;
}
.p5 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-top: 0px;
padding-bottom: 2px;
color: #427db0;
padding-left: 10px;
margin-top: 4px;
}
.p6 {
font: bold italic 13px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-bottom: 5px;
padding-top: 0;
padding-left: 5px;
margin:0;
color: #00209F;
margin-top: 5px;
}
.p7 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 12px; 
padding-bottom: 5px;
padding-top: 0;
margin:0;
color: #00209F;
padding-left: 5px;
}
.divider {
background: url(images/blue.gif) 0 0 repeat-x;
height: 1px;
margin-left: 10px;
}
.rightAd {
margin-bottom: 5px;
}
.rightFinishes {
margin-top: 5px;
margin-bottom: 5px;
}
.leftColumn {
margin-top: 5px;
margin-bottom: 5px;
}
.listing {
margin: 0 auto;
float: left;
background: url(images/GJ_blue1.gif) bottom left repeat-x;
margin-left: 10px;
margin-bottom: 5px;
}
.listingnoline {
margin: 0 auto;
float: left;
margin-left: 10px;
margin-bottom: 5px;
}
.listingnogap {
margin: 0 auto;
float: left;
margin-left: 10px;
margin-bottom: 0px;
}
.leftListingImgnogap {
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
float: left;
margin-bottom: 5px;
}
.leftListingImg {
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
float: left;
margin-bottom: 15px;
}
.leftListingImgNoGap {
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
float: left;
margin-bottom: 5px;
}

#footer {
		clear:both;
		margin-top: 20px;	
		padding-top: 10px;
		background-image: url(images/background-dropshadow.gif); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
        background-color: #F7F4EE; /** Website BG colour (matches canvas colour in Step 1) **/
	}
#footerLine {
		background: url(images/GJ_blue.gif) 0 0 repeat-x;
		height: 5px;
}
#footer p{
		text-align: left;
		font: normal 11px arial, helvetica, tahoma, verdana;
		line-height: 14px; 
		padding-right: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #00209F;
	}
#footer p a {
		color: #7F8FCF;
		text-decoration: none;
    }
#footer p a:hover {
		color: #ECD21C;
    }
#footer p .bd {
	color: #00209F;
	font-weight: bold;
}