/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #e7e9eb;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;
}

div.container {
	width:800px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	border-width:0px;
	border-style:solid;
	border-color:#176dfb;
	line-height:150%;
	background-color:#e7e9eb;
	}

#header {
 width: 800px;
 background:  url(../images/Header01.jpg);
 padding: 0px;
 border-bottom: none;
 border-left: none;
 border-right: none;
 border-top: none;
 height: 50px;
 margin-top: 10px;
}
#BGTop { 
 width: 800px;
 background:  url(../images/BG-Top.gif);
 height: 10px;
 margin-top: 14px;
}

#BGMid { 
 width: 800px;
 background:  url(../images/BG-Mid.gif);
 /*background-repeat: repeat;*/
}

#BGBot { 
 width: 800px;
 background:  url(http://www.gps-specialists.co.uk/images/BG-Bot.gif);
 height: 21px;
 margin-bottom: 10px;
}

#BGMenuTop { 
 background:  url(../images/MenuTop.gif);
 width: 150px;
 height: 10px;
}

#BGMenuMid { 
 background:  url(../images/MenuMid.gif);
 background-repeat: repeat-y;
 width: 150px;
}

#BGMenuBot { 
 background:  url(../images/MenuBot.gif);
 width: 150px;
 height: 10px;
}

div.LeftNav{
	float:left;
	display:block;
	width:180px;
	/*height:280px;*/
	margin-top:0px;
	margin-left:10px;
	margin-right:5px;
	padding:10px;
	/*background-image: url('../images/BGNavLeft.gif');*/
	border:none;
	text-align: left;
	}

div.left {
	float:left;
	width:120px;
	display:block;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	}
	
div.content {
	height: 350px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	background-color:#ffffff;
	border:none;
	text-align: left;
	overflow: auto;
	background-image: url('../images/BGImage.gif');
	vertical-align: top;
	horizontal-align: center;
	}

div.ContentRight{
	/*height: 350px;*/
	/*width:550px;*/
	margin-top:0px;
	margin-left:0px;
	margin-right:10px;
	background-color:#ffffff;
	border:none;
	text-align: left;
	overflow: auto;
	background-image: none;
	background-repeat:no-repeat;
	}

#menuContainer { 
 color: #000000;
 border: none;
 width: 180px;
 margin-left: 0px;
 margin-top: 0px;
 padding: 0px;
 float:left;
}

#menuText { 
 color: #000000;
 border: none;
 margin: 20px;
 padding: 0px;
}

#innercontent { 
 color: #000000;
 border: none;
 width: 550px;
 padding: 20px;
 float:right;
}

#innerslide { 
 width: 550px;
 color: #ffffff;
 border: none;
 margin: 0px;
 padding: 0px;
 height: 350px;
 position: relative;
 left: 25px;
 top: 0px;
 z-index: 100;
}

#innercontenttext { 
 width: 560px;
 color: #ffffff;
 border: none;
 margin: 0px;
 padding: 0px;
 height: 370px;
 position: relative;
 left: 18px;
 top: 13px;
 z-index: 100;
}


#footer { 
 width: 800px;
 height:105px;
 border: 1px solid #ccc;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.footertext {
 width: 750px;
 height:60px;
 font-size: 10px; 
 font-family: arial;
 font-weight:normal ;
 font-style: normal;
 text-align:center;
 line-height:15px;
 padding: 0px;
 margin: 0px;
 color: #666666;
 position: relative;
 left: 25px;
 top: -5px;
}

h1 { 
	font-size: 12px; 
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	color: gray;
	}

h2 {
	font-size: 12pt; 
	font-family: trebuchet ms;
	font-weight: bold;
	font-style: normal;
	margin: 0px;
	color: #ffffff;
	}


p { 
	font-family:trebuchet ms;
	font-style:normal; 
	font-size:10pt;
	color: #000000;
	line-height:16px;
	text-align:justify;
	margin:0px;
	margin-bottom:12px;
	padding:0px;
	}

p.menu { 
	font-family:arial;
	font-style:normal; 
	font-size:10pt;
	color: #000000;
	line-height:16px;
	text-align:justify;
	margin:0px;
	margin-bottom:12px;
	padding:0px;
	}

p.right { 
	font-family:trebuchet ms;
	font-style:normal; 
	font-size:10pt;
	color: #b2b2b2;
	line-height:16px;
	text-align:right;
	margin:0px;
	margin-bottom:12px;
	padding:0px;
	}

a.footer {
font-family: arial; 
font-size: 10px; 
color: #666666; 
line-height:16px; 
text-decoration:underline; 
font-weight:normal;
text-align:center;
}

a.footer:hover {
font-family: arial; 
font-size: 10px; 
color: #000000; 
line-height:16px; 
text-decoration:none; 
font-weight:normal;
text-align:center;
}

a.continue {
font-family: trebuchet ms; 
font-size: 10pt; 
font-weight: bold;
color: #ffffff; 
line-height:16px; 
text-decoration:underline; 
text-align: right;
}

a.continue:hover {
font-family: trebuchet ms; 
font-size: 10pt; 
font-weight: bold;
color: #666666; 
line-height:16px; 
text-decoration:none; 
text-align: right;
}

a.text {
font-family: trebuchet ms; 
font-size: 10pt; 
font-weight: normal;
color: #ffffff; 
line-height:16px; 
text-decoration:underline; 
}

a.text:hover {
font-family: trebuchet ms; 
font-size: 10pt; 
font-weight: normal;
color: #ffffff; 
line-height:16px; 
text-decoration:none; 
}

a.menu {
font-family: arial; 
font-size: 10pt; 
font-weight: bold;
color: #1c69a4; 
line-height:16px; 
text-decoration:none; 
}

a.menu:hover {
font-family: arial; 
font-size: 10pt; 
font-weight: bold;
color: #09406b; 
line-height:16px; 
text-decoration:none; 
}

.ContinueLink { 
 width: 80px;
 color: #ffffff;
 border: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 position: relative;
 left: 500px;
 top: 0px;
 z-index: 100;
}

.ContactLinkHome { 
 width: 100px;
 background:  url(../images/HomeContact.jpg);
 color: #ffffff;
 border: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 position: relative;
 top: 0px;
 z-index: 100;
}

img.Image { 
    float: right; 
    margin: 10px; 
}

a.seo {
font-family:arial; 
font-size: 10pt; 
color: #ffffff; 
line-height:16px; 
text-decoration:underline; 
font-weight:normal;
}

a.seo:hover {
font-family:arial; 
font-size: 10pt; 
color: #ffffff; 
line-height:16px; 
text-decoration:none; 
font-weight:none;
}