/*

	Primary CSS Style for
		www.smssupportgroup.co.uk
		
	Design and Coding by
		the-dark-horse.co.uk Graphic and Web Design, 2009

	Contains Styles for;
		- Default HTML Elements
		- Generic Page Layout
		- Site-wide id's and classes
		
	Primary Colour Scheme
		- Normal Text: #FFFFFF;
		- Link Hover: #CCCCCC;
		- Background: #4B92DB, #5AA3FF, #0739EF
		
	Contents
		- 001 : Default HTML Elements
		- 002 : Text Elements
		- 003 : Link Elements
		- 004 : Site-wide Divs
		- 005 : The Custom Index page elements
		
*/

	/*** 001 **/

	html, body {
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		background-color: #4B92DB;
		font-family: "Times New Roman";
	}
	
	body {
		padding-bottom: 30px;
		min-height: 100%;
		background: url(../images/footer_bg.png) no-repeat bottom fixed;
		border-bottom: 2px solid #FFFFFF;
	}
	
	/*** 002 ***/
	
	p {
		line-height: 17px;
		font-size: 14px;
	}
	
		p.subtext {
			font: 12px Verdana;
			font-style: italic;
			color: #23288f;
			margin: 10px 0;
			text-align: right;
			padding-right: 20px;
		}
	
		p.darkhorse {
			font: 12px Verdana;
			color: blue;
		}
	
	h1 {
		font: 25px Verdana;
		line-height: 30px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
		
	h2 {
		font: 20pt Verdana;
		line-height: 25px;
		font-weight: bold;
	}
	
	h3 {
		font: 18px "Times New Roman";
		line-height: 22px;
		font-weight: bold;
		color: darkblue;
		width: 790px;
		border-bottom: 1px solid blue;
		padding: 3px 3px 3px 5px;
		margin: 10px 0 5px 0;
	}

	.highlight {
		color: darkblue;
	}
	
	/*** 003 ***/
	a {
		text-decoration: underline;
		color: darkblue;
	}
	
	a:hover {
		color: #CCCCCC;
	}
	
	/*** 004 ***/
	
	#pageHeader {
		width: 100%;
		min-height: 300px;
		background: url(../images/header_bg.png) no-repeat center bottom;
	}
	
		#headerAdvert {
			position: relative;
			top: 120px;
			width: 850px;
			margin: 0 auto;
			text-align: right;
			overflow: auto;
		}
		
			#headerAdvert > .advert { float: right; }
	
		#navigation {
			position: relative;
			top: 155px;
			width: 850px;
			margin: 0 auto;
		}
		
			#navPrimary {
				width: 800px;
				margin: 0 auto;
				height: 30px;
				padding: 0 10px;
				line-height: 30px;
			}
			
				#navPrimary > a {
					text-decoration: none;
					font-weight: bold;
					text-transform: uppercase;
					padding: 0 5px;
					margin-right: 6px;
					font-size: 14px;
				}
				
				#navPrimary > a:hover { color: #555eb5; }
				
				#navPrimary > a.selected { 
					border-bottom: 2px solid #040d68; 
					font-style: italic;
					color: blue;
				}
				
			#navSecondary {
				background: url(../images/navSecondary_bg.png) no-repeat left center;
				height: 30px;
				padding-left: 40px;
				width: 760px;
				margin: 0 auto;
				line-height: 30px;
			}
			
				#navSecondary > a {
					text-decoration: none;
					text-transform: uppercase;
					padding: 0 5px;
					font-size: 14px;
					margin-right: 6px; 
				}
				
				#navSecondary > a:hover { color: #555eb5; }
				
				#navSecondary > a.selected { 
					border-bottom: 1px solid #040d68; 
					font-style: italic;
					color: blue;
				}
	
	#spacer {
		height: 10%;
	}
	
	#pageContent, #pageContent_index {
		min-height: 500px;
		width: 800px;
		border-left: 1px solid #040d68;
		border-right: 1px solid #040d68;
		border-bottom: 1px solid #040d68;
		padding: 5px;
		padding-bottom: 20px;
		color: black !important;
		background-color: white;
		-webkit-box-shadow: 0px 5px 20px #fff;
	}
	
	.article {
		margin-bottom: 20px;
	}
	
	#pageContent_index {
		display: block;
		height: 500px !important;
		width: 800px !important;
		background-color: #ccecff;
	}
	
		.index_img{
			border-style: none;
		}
	
		#pageContentWrapper, #pageContentWrapper_index {
			text-align: left !important;
		}
		
		#pageContentWrapper_index {
			padding-top: 90px;
			background: #fff url(../images/sms_logo.png) no-repeat center top;
		}
		
	#pageFooter {
		width: 800px;
		text-align: right;
		height: 50px;
	}