/* --------------------------------------------------------------------
    
  960 Grid Layout
  
 ----------------------------------------------------------------------
 
  Author: 	Joe Holdcroft
  Company: 	Message Digital Design
 
 -------------------------------------------------------------------- */

@import "reset.css";



/* --------------------------------------------------------------------
    
  Structure & Default Specific Typography
  
 -------------------------------------------------------------------- */

	div#container {
			position: relative;
			display: block;
			width: 960px;
			margin: 0 auto;
			overflow: hidden;
	}
		
		div#container div#top {
				position: relative;
				width: 100%;
				height: 160px;
		}
		
			div#container div#top p.title {
					position: relative;
					display: table;
					width: 100%;
					height: 100%;
					margin: 0;
					
					font-size: 4em;
					text-align: center;
			}
			
				div#container div#top p.title a {
						display: table-cell;
						height: 100%;
						vertical-align: middle;
						padding: 10px;
						
						text-decoration: none;
				}
		
		div#container div#menu {
				width: 100%;
				float: left;
		}
		
			div#container div#menu ul {
					display: block;
					float: left;
					margin: 8px -20px 8px 10px;
			}
			
				div#container div#menu ul li {
					position: relative;
					display: block;
					float: left;
					margin: 0 30px 0 0;
				}
				
		div#container div#three_column {
				position: relative;
				float: left;
				width: 100%;
				padding-top: 20px;
				background: url(../images/top-shadow.png) no-repeat 50% top;
		}
		
			div#container div#three_column div#left,
			div#container div#three_column div#main,
			div#container div#three_column div#right {
					position: relative;
					float: left;
			}
			
			div#container div#three_column div#left,
			div#container div#three_column div#right {
					width: 160px;
			}
			
				div#container div#three_column div#left div,
				div#container div#three_column div#right div {
						float: left;
						width: 140px;
						margin: 0 10px 2em;
						padding-bottom: 16px;
						background: url(../images/bottom-shadow.small.png) no-repeat 50% bottom;
				}
				
					div#container div#three_column div#left div h2,
					div#container div#three_column div#right div h2 {
							padding-bottom: 20px;
							background: url(../images/top-shadow.small.png) no-repeat 50% bottom;
					}
					
					div#container div#three_column div div.module_in_this_section ul {
							margin-bottom: -15px;
					}
					
						div#container div#three_column div div.module_in_this_section ul li {
								margin-bottom: 15px;
						}
						
							div#container div#three_column div div.module_in_this_section ul li a {
									display: block;
							}
							
					div#container div#three_column div div.module_gallery_navigation ul {
							display: block;
							float: left;
							margin: 0 -5px -15px;
					}
					
						div#container div#three_column div div.module_gallery_navigation ul li {
								display: block;
								float: left;
								margin: 0 5px 15px;
						}
						
							div#container div#three_column div div.module_gallery_navigation ul li a {
									display: block;
									border: none;
							}
				
					div#container div#three_column div div.module_search input {
							float: left;
							width: 90px;
					}
					
					div#container div#three_column div div.module_search button {
							float: right;
					}
			
				div#container div#three_column div div.module_advertisements,
				div#container div#three_column div div.module_promo {
						background: none !important;
				}
				
				div#container div#three_column div#left div.module_advertisements,
				div#container div#three_column div#right div.module_advertisements {
						text-align: center;
				}
				
			div#container div#three_column div#main {
					width: 640px;
			}
			
				div#container div#three_column div.module_cookietrail {
						position: relative;
						width: 100%;
						float: left;
				}
				
					div#container div#three_column div.module_cookietrail h2 {
							float: left;
							margin: 0 10px;
							
							font-size: 1em;
							text-transform: uppercase;
							font-weight: 800;
					}
					
					div#container div#three_column div.module_cookietrail ul {
							float: left;
					}
					
						div#container div#three_column div.module_cookietrail ul li {
								float: left;
								margin: 0 10px 0 0;
								padding-right: 16px;
								background-repeat: no-repeat;
								background-position: right 50%;
						}
						
						div#container div#three_column div.module_cookietrail ul li.last {
								background-image: none;
						}
						
							div#container div#three_column div.module_cookietrail ul li a,
							div#container div#three_column div.module_cookietrail ul li em {
									display: block;
									float: left;
							}
						
				div#container div#three_column div#main div#content {
						float: left;
						padding: 10px;
				}
				
					div#container div#three_column div#main div#content div#secondary {
							position: relative;
							float: right;
							width: 300px;
							margin: 0 0 0 0;
							overflow: hidden;
							
							font-size: 85%;
					}
					
		div#container div#footer {
				clear: left;
				float: left;
				width: 100%;
				padding-top: 20px;
				background: url(../images/bottom-shadow.png) no-repeat 50% top;
		}
		
			div#container div#footer p {
					text-align: center;
			}
		div#content form#tell_a_friend {
			float: left;
			font-size: 1.2em;
		}
		
		div#content form#tell_a_friend label,		
		div#content form#tell_a_friend input,
		div#content form#tell_a_friend textarea {
			float: left;
			clear:both;
			margin: 2px;
		}
	




/* --------------------------------------------------------------------
    
  General Layout Styling
  
 -------------------------------------------------------------------- */

	div#container p,
	div#container div#content ul li {
			margin: 1em 0;
			line-height: 1.6;
	}
	
	div#container div#content p.date {
			font-size: 1.2em;
			font-style: italic;
			color: #b2b2b2;
	}
	
	div#container strong,
	div#container b {
			font-weight: 800;
	}
	
	div#container em,
	div#container i {
			font-style: italic;
	}
	
	div#container div#content ul {
			margin-left: 30px;
			list-style: disc;
	}
	
	div#container div#content ol {
			margin-left: 30px;
			list-style: decimal;
	}
	
	div#container div#content table {
			width: 100%;
			margin-top: 1em;
			border-collapse: collapse;
	}
	
		div#container div#content table tr td {
				padding: 0.5em 0.25em;
				border-top: 1px solid black;
				border-bottom: 1px solid black;
		}
	div#container div#content form#contact fieldset label {
			display: block;
			padding: 5px 5px 0px 0px;
	}
	div#container div#content form#contact fieldset input {
			width: 168px;
			background-color: #fff;
			border: solid 1px #000;
			padding: 5px;
	}
	div#container div#content form#contact fieldset textarea {
			width:170px;
			background-color: #fff;
			border: solid 1px #000;
			padding: 5px;

	}
	div#container div#content form#contact fieldset button#submit {
			margin-top: 10px;
	}
/* --------------------------------------------------------------------
    
  Default General Typography
  
 -------------------------------------------------------------------- */

	div#container {
			font-family: Verdana, Arial, Tahoma, sans-serif;
	}
	
		div#container div#content h1 {
				font-size: 2.6em;
				letter-spacing: 1px;
		}
		
		div#container div#content h2 {
				font-size: 2em;
				letter-spacing: 1px;
		}
		
		div#container div#content h3 {
				font-size: 1.6em;
				letter-spacing: 1px;
		}
		
		div#container p,
		div#container td,
		div#container div#content ul li {
				font-size: 1.4em;
				line-height: 1.7;
		}
		
		div#container div#footer p {
				font-size: 0.9em;
		}