/*

Gateway Computing - Pages Stylesheet
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.gateway.co.uk/

*/

																					/* ------------ Home ------------ */

#home #subnav {
	background: none;
	float: left;
	margin: 0;
	text-indent: -25000px;
	width: 230px;
	}

#home #subnav li {
	margin-bottom: 10px;
	}
		
#home #subnav a {
	display: block;
	height: 60px;
	width: 230px;
	}
	
#home #subnav a:hover {
	background-position: 0 -60px;
	}
	
#home #subnav-business a { background: url('../images/subnav-business.jpg') no-repeat 0 0; }
#home #subnav-electronic a { background: url('../images/subnav-electronic.jpg') no-repeat 0 0; }
#home #subnav-implementation a { background: url('../images/subnav-implementation.jpg') no-repeat 0 0; }
#home #subnav-systems a { background: url('../images/subnav-systems.jpg') no-repeat 0 0; }

#home #copy {
	background: url('../images/copy-bg.gif') no-repeat 0 0;
	float: left;
	margin-right: 10px;
	width: 420px;
	}
	
#home #copy h2 {
	font-size: 140%;
	}

																					/* ------------ About Us ------------ */

#about #subnav-about a { 
	background: url('../images/subnav-about.gif') no-repeat 0 0;
	height: 34px;
	}
#subnav-history a { 
	background: url('../images/subnav-history.gif') no-repeat 0 0;
	}
#subnav-partners a { 
	background: url('../images/subnav-partners.gif') no-repeat 0 0;
	}
#subnav-promotions a { 
	background: url('../images/subnav-promotions.gif') no-repeat 0 0;
	}
	
#about #copy .partner {
	clear: both; 
	}
	
#about #copy .partner-last {
	margin-bottom: 20px;
	}
	
#about #copy .partner dt {
	background: url('../images/partner-logo-bg.png') no-repeat 0 0;
	float: left;
	height: 90px;
	padding: 10px 0 0 20px;
	width: 128px;
	}

#about #copy .partner dt img {
	padding-top: 12px;
	}

#about #copy .partner dd {
	padding-top: 20px;
	}

																					/* ------------ Products ------------ */

#products #subnav-products a { 
	background: url('../images/subnav-products.gif') no-repeat 0 0;
	height: 34px;
	}
#subnav-business a { 
	background: url('../images/subnav-business.gif') no-repeat 0 0;
	}
#subnav-electronic a { 
	background: url('../images/subnav-electronic.gif') no-repeat 0 0;
	}
#subnav-systems a { 
	background: url('../images/subnav-systems.gif') no-repeat 0 0;
	}
#subnav-downloads a { 
	background: url('../images/subnav-downloads.gif') no-repeat 0 0;
	}
	
#products .overview .photo { 
	float: left;
	margin: 0 20px 10px 0;
	}
	
#products .overview .info { 
	float: left;
	width: 507px;
	}

#products #buttons {
	float: right;
	height: 104px;
	margin: 0 11px 6px 0;
	width: 669px;
	}

#products #buttons li {
	float: left;
	}
	
#products #buttons a {
	display: block;
	height: 50px;
	text-indent: -25000px;
	width: 223px;
	}

#buttons-xrl a { 
	background: url('../images/buttons-xrl.jpg') no-repeat 0 0;
	}
#buttons-document a { 
	background: url('../images/buttons-document.jpg') no-repeat 0 0;
	}
#buttons-customer a { 
	background: url('../images/buttons-customer.jpg') no-repeat 0 0;
	}
#buttons-opera a { 
	background: url('../images/buttons-opera.jpg') no-repeat 0 0;
	margin-left: 111px;
	}
#buttons-executive a { 
	background: url('../images/buttons-executive.jpg') no-repeat 0 0;
	}

#products #buttons a:hover,
#products #buttons a.selected {
	background-position: 0 -50px;
	}

																					/* ------------ Services ------------ */

#services #subnav-services a { 
	background: url('../images/subnav-services.gif') no-repeat 0 0;
	height: 34px;
	}
#subnav-implementation a { 
	background: url('../images/subnav-implementation.gif') no-repeat 0 0;
	}
#subnav-support a { 
	background: url('../images/subnav-support.gif') no-repeat 0 0;
	}
#subnav-software a { 
	background: url('../images/subnav-software.gif') no-repeat 0 0;
	}

#services .overview .photo { 
	float: left;
	margin: 0 20px 10px 0;
	}
	
#services .overview .info { 
	float: left;
	width: 507px;
	}

																					/* ------------ Contact ------------ */
	
#contact #copy {
	background: url('../images/copy-large-bg.gif') no-repeat 0 0;
	float: left;
	margin: 0;
	padding: 18px 20px 0 20px;
	width: 900px;
	}
	
#contact #column-1 {
	float: left;
	margin-right: 20px;
	width: 440px;
	}
	
#contact #column-2 {
	float: left;
	width: 440px;
	}

#contact #contact-form div {
	margin-bottom: 5px;
	}

#contact #contact-form p {
	margin-top: 10px;
	}

#contact #contact-form label {
	display: block;
	float: left;
	width: 100px;
	}
		
#contact #contact-form div,
#contact #contact-form input,
#contact #contact-form textarea {
	vertical-align: top;
	}
	
#contact #postcode-form div,
#contact #postcode-form input,
#contact #postcode-form textarea {
	vertical-align: middle;
	}
		
#contact #contact-form input,
#contact #contact-form textarea,
#contact #postcode-form input {
	background-color: #f2f7fb;
	border: 1px solid #a6c5e4;
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	width: 270px;
	}

#contact #postcode-form input {
	width: 170px;
	}

#contact #postcode-form {
	margin-bottom: 10px;
	}

#contact #postcode-form #find {
	border: 0;
	height: 26px;
	margin: 5px 0 0 5px;
	padding: 0;
	width: 100px;
	}
				
#contact #contact-form #submit {
	border: 0;
	float: right;
	height: 26px;
	margin-right: 53px;
	padding: 0;
	width: 100px;
	}
	
#contact #map {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 338px;
	margin-bottom: 20px;
	width: 438px;
	}

																					/* ------------ Tables ------------ */

#copy .table-downloads {
	margin-bottom: 1.25em;
	vertical-align: middle; 
	width: 100%;
	}
	
#copy .table-downloads td, th {
	border: 1px solid #fff;
	padding: 3px 10px;
	vertical-align: middle; 
	}

#copy .table-downloads th {
	background: #621412 url('../images/table-bg.gif') repeat-x 0 0;
	color: #fff; 
	padding: 5px 10px;
	}

#copy .table-downloads td {
	background-color: #eaeaea;
	}
			
#copy .table-downloads .icon,
#copy .table-downloads .download {
	text-align: center;
	}

																					/* ------------ Video ------------ */

#video {
	height: 180px;
	float: left;
	margin-bottom: 15px;
	width: 225px;
	}		

																					/* ------------ Sitemap ------------ */

#sitemap #copy ul {
	margin-bottom: 1.25em;
	}

#sitemap #copy ul ul {
	margin: 10px 0 0 0;
	}
	
#sitemap #copy li {
	background: url('../images/icon-page.png') no-repeat 0 0;
	margin: 0 0 10px 20px;
	padding: 0 0 0 21px;
	}

																					/* ------------ Misc. ------------ */
	
#copy #btn-adobe-reader img {
	float: left;
	padding-right: 10px;
	}
	
#copy .btn-more-details a {
	background: url('../images/btn-more-details.png') no-repeat 0 0;
	display: block;
	float: right;
	height: 28px;
	text-indent: -25000px;
	width: 103px;
	}
#copy .last a {
	margin-bottom: 20px;
	}
#copy .btn-more-details a:hover {
	background-position: 0 -28px;
	}