/*	
	Rosemount Design Style Sheet
	URL: http://www.rosemountdesign.com/
	Author: Jason Cornish
	Author URL: http://www.designimaging.co.uk/
	Created on: 21/01/09
	Last updated: 21/01/09
	
	Thank you for viewing the css document for this website, if you have any questions regarding web design please contact Design 	Imaging on info@designimaging.co.uk. 
*/


/* Layout Styles
---------------------------------------------------------------------------------*/

*{  
	color: #808080;
	}
	
body {
	font-family:  Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	width: 100%;
	text-align: center;
	background-image: url('/media/background.gif'); 
	background-repeat: repeat-x; 
	background-position: top;
	background-color:  #0c7ec4;
	}

#wrapper {
	margin: 20px auto;
	padding: 20px 0 0 0;
	width: 879px;	 
	background-color: #fff;
	text-align: left;
	border-left: 38px solid #fff;
	border-right: 38px solid #fff;
	border-bottom: 25px solid #fff;
	}
	
	
#contactbannerwrapper {
	margin:0 auto;
	padding: 0;
	width: 955px;	 
	background-color: #fff;
	text-align: left;
	}
	
#contactbanner {
	width: 955px; 
	text-align: right; 
	margin: 0; 
	padding: 2px 0 5px 0; 
	background-color: #7B7B74; 
	}

#header {
	margin: 0;
	padding: 20px 0 20px 0;
	background: #fff;
	text-align: right;
	}
	
#topbanner {
	padding: 0 0 15px 0;
	width: 879px;	 
	}

#navigation {
	margin: 0;
	padding: 5px 0 20px 20px; 
	width: 859px;
	background-color: #fff; 
	text-align: right;
	}
	
#sidenavigation {
	margin: 0;
	padding: 20px 20px 10px 0;
	width:235px;
	float: right;
	}

.onecolumnlayout {
	padding: 10px 20px 10px 20px;
	width:915px;
	float: left;
	}
	
	
.leftthreecolumnlayout {
	width: 258px;
	float: left;
	padding: 17px;
	border-right: 1px solid #ccc;
	}
	
.middlethreecolumnlayout {
	width: 258px;
	float: left;
	padding: 17px;
	border-right: 1px solid #ccc;
	}
	
.rightthreecolumnlayout {
	width: 259px;
	float: left;
	padding: 17px;
	}
	
#maincontent	{
	margin: 0;
	padding: 10px 20px 10px 20px;
	width:584px;
	vertical-align:top;
	float: left;
	}

#footer {
	margin: 0;
	padding: 2px 0 2px 0;
	width: 879px;
	clear: both;
	background-color: #736357;
	text-align: center;
	border-top: 20px solid #fff;
	}
	
#websitecredit {
	margin: 0;
	padding: 10px 0 0 0;
	}
	
/* Homepage Section Styles
---------------------------------------------------------------------------------*/
	
.aboutus {
	padding: 0 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #9bd772;
	}
	
	
.logodesign {
	padding: 20px 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #00a99d;
	}
	
.stationery {
	padding: 20px 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #736357;
	}
	
.services {
	padding: 0 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #ffbdd6;
	}
	
.webdesign {
	padding: 20px 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #f7931e;
	}
	
.hosting {
	padding: 20px 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #c1272d;
	}
	
.portfolio {
	padding: 20px 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #29abe2;
	}
	
.latestoffers {
	padding: 20px 0 20px 0;
	width: 259px;
	border-bottom: 4px solid #808080;
	}
	

/* Typography Styles
---------------------------------------------------------------------------------*/

p {
	padding: 5px 0 5px 0;
	line-height: 17px;
	}

ul {
	padding: 5px 0 5px 30px;
	list-style-type: disc
	}
	
li {
	padding: 2px;
	}
	
#contactbanner p {
	margin: 0; 
	padding: 0; 
	color: #fff; 
	font-size: 80%; 
	text-align: right;
	}
		
#footer p {
	line-height: 20px;
	color: #fff;
	font-size: 80%;
	}
	
#websitecredit p {
	font-size: 75%;
	}
	
	
/* Heading Styles
---------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	padding: 10px 0 10px 0;
	color: #00539b;
	font-size: 18px; 
	font-family: georgia, Times, serif; 
	}
	
	
/* Link Styles
---------------------------------------------------------------------------------*/

a {
	padding: 1px;
	color: #00539b;
	text-decoration: underline;
	}
	
a:hover {	
	padding: 1px;
	background-color: #00539b;
	color: #fff;
	text-decoration: none;
	}

#footer a {
	color: #fff;
	}
	
#footer a:hover {	
	background-color: #fff;
	color: #000;
	text-decoration: none;
	}
	
#websitecredit a {
	color: #00add3;
	text-decoration: none;
	}

#websitecredit a:hover  {
	color: #fff; 
	background-color: #00add3;
	}

/* Top Navigation Styles 
---------------------------------------------------------------------------------*/

#navigation ul {
	padding: 0 0 5px 0;
	list-style-type: none;
	display: inline;
	border-bottom: 4px solid #a6a699;
	}
	
#navigation li {
	padding: 0 5px 3px 5px;
	display: inline;
	}
	
#navigation a {
	padding: 0 0 5px 0;
	color: #a6a699;
	text-decoration: none;
	font-weight: bold;
	}
	
#navigation a:hover {
	padding: 0 0 5px 0;
	color: #a6a699;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	}
	
#navigation a:visited {
	color: #a6a699;
	text-decoration: none;
	font-weight: bold;
	}
	
#aboutnav a:hover {
	border-bottom: 4px solid #9bd772;
	}
	
#servicenav a:hover {
	border-bottom: 4px solid #ffbdd6;
	}
	
#logonav a:hover {
	border-bottom: 4px solid #00a99d;
	}
	
#stationerynav a:hover {
	border-bottom: 4px solid #736357;
	}
	
#webdesignnav a:hover {
	border-bottom: 4px solid #febe10;
	}
	
#hostingnav a:hover {
	border-bottom: 4px solid #c1272d;
	}
	
#portfolionav a:hover {
	border-bottom: 4px solid #29abe2;
	}
	
#latestoffersnav a:hover {
	border-bottom: 4px solid #808080;
	}
	
#contactnav a:hover {
	border-bottom: 4px solid #00a99d;
	}
	
	
	
	
/* Additional Styles
---------------------------------------------------------------------------------*/

a.skip {
	position: absolute; left: -1000em; width: 20em;
	}
	
.floatleft {
	float:left;
	}

.floatright {
	float:right;
	}

.templatelist {
	padding: 5px;
	}
	
	
.portfolioimage {
	margin: 5px 3px 5px 3px;
	}
	
.webdesignexample {
	margin: 5px 3px 5px 3px;
	}
	
.logoportfolio {
	margin: 5px 3px 5px 3px;
	}
	
.printexample {
	margin: 5px 3px 5px 3px;
	}
	
.portfolioheader {
	font-weight: normal;
	font-size: 24px;
	margin: 10px 0 10px 0;
	padding: 0;
	}
	
.findoutmore {
	font-size: 85%;
	float: right;
	margin: 0;
	padding: 0;
	}
	
.clearhide {
	padding: 0;
	margin: 0;
	clear: both;
    visibility: hidden; 
	}
	
/* Form Styles
---------------------------------------------------------------------------------*/

form {
	padding: 0 0 15px 0;
	margin: 15px 0 0 35px;
	}
	
legend {
	font-weight: bold;
	background: none;
	}
	
fieldset {
	padding: 10px;
	border: 1px solid #000;
	}
	
label {
	color: #000;
	}

#contactform td {
	padding: 5px;
	vertical-align: top;
	}
	
#contactform fieldset {
	padding: 10px 100px 10px 10px;
	}