.bold {
	font-weight: bold;
}

#push {
margin-top: 15%;
}



#hide { 
background: #ccc;
width:400px; 
border:1px solid #f60; 
padding:20px; 
margin: 20px auto; 
text-align: center;
} 

h1 {
text-align: center;
font-size: 20px;
margin: 10px 0;
padding: 10px 0;
}

h2 {
text-align: left;
font-size: 18px;
margin: 5px 0;
padding: 0 0 5px 0;
}

h3{
text-align: left;
font-size: 16px;
margin: 2px 0;
padding: 2px 0;
}

.center {
	text-align: center;
}

.info {
margin: 0 auto;
text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

a {
	text-decoration: none;
	color: #666666;
}

a:hover {
	color: #ff6600;
}

#header {
/*background: #cccccc;*/
	background: url(ripped.png) repeat-x;
	position: fixed;
	height: 70px;
	clear: both;
	line-height: 50px;
	vertical-align: middle;
	/*border-bottom: 2px solid #666666;*/
	margin: 0;
	padding: 0;
	width: 100%;
/*width: 50px;*/
}

#menu {
	font-size: 12px;
	height: 50px;
	list-style-type: none;
	/*border-right: 2px solid #666666;*/
	float: left;
	/*left: 0;*/
	display: inline;
	padding: 0 15px;
	margin: 0;
}

#submenu {
	font-size: 12px;
	height: 50px;
	list-style-type: none;
	/*border-right: 2px solid #666666;*/
	padding: 0 15px;
	margin: 0;
	float: left;
	/*float: right;
	right: 0;*/
	display: inline;

}

#uplink {
	font-size: 12px;
	height: 50px;
	list-style-type: none;
	/*border-right: 2px solid #666666;*/
	padding: 0 15px;
	margin: 0;
	float: left;
	/*float: right;
	right: 0;*/
	display: inline;
}

#media {
margin: 0 auto;
width: 640px;
}

#poster1 {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/poster_castle.jpg') no-repeat center center;
width: 640px;
height: 452px;
margin: 0 auto;
}

#poster2 {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/poster_skyline.jpg') no-repeat center center;
width: 640px;
height: 452px;
margin: 0 auto;
}

#poster3 {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/poster_text.jpg') no-repeat center center;
width: 320px;
height: 452px;
margin: 0 auto;
}

#poster4 {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/poster_transport.jpg') no-repeat center center;
width: 640px;
height: 452px;
margin: 0 auto;
}

#ecard1 {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/e-card1.jpg') no-repeat center center;
width: 640px;
height: 480px;
margin: 0 auto;
text-align: center;
}

#ecard2 {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/e-card2.jpg') no-repeat center center;
width: 640px;
height: 480px;
margin: 0 auto;
}

#leaflet_container {
width: 1300px;
height: 460px;
margin: 0 auto;
}

#leafletOut {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/leaflet_outerWEB.jpg') no-repeat center center;
width: 640px;
height: 452px;
float: left;
}

#leafletIn {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/leaflet_innerWEB.jpg') no-repeat center center;
width: 640px;
height: 452px;
float: right;
}

#leaflet {
background: #ffffff;
width: 640px;
height: 640px;
margin: 0 auto;
}

#invite {
background: url('http://eportfolio.michaelnorris.co.uk/unit1/img/inviteWEB.jpg') no-repeat center center;
width: 640px;
height: 453px;
margin: 0 auto;
}

ul {
	height: 50px;
	list-style-type: none;

	padding: 0;
	float: left;
 
	
	/*background: #cccccc;*/
	position: relative;
	
	clear: both;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
}

ul li {
	display: block;
	float: left;
	margin: 0;
}

ul li a {
	color: #666666;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 5px;
}

ul li a:hover {
	color: #ff6600;
}

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

body {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;;
	margin: 0;
	/*font: 14px "ITC Avant Garde Gothic LT Book", serif;*/
	color: #666666;
}

#main {
	padding:50px 0 70px 15px;
}

/* must be same height as the footer */

#footer {
	background: url(rippedf.png) repeat-x;
	position: relative;
	height: 70px; /* No Border therefore no differnece - 2px less dues to 2px border*/
	clear: both;
	line-height: 70px; /* No Border therefore no differnece - 2px less dues to 2px border*/
	vertical-align: bottom;
	font-size: 12px;
	margin-top: -70px;
	padding: 0;
	width: 100%;
	/*border-top: 2px solid #666666;*/
}

#footer2 {
	background: url(rippedf.png) repeat-x;
	position: fixed;
	height: 70px; /* No Border therefore no differnece - 2px less dues to 2px border*/
	clear: both;
	line-height: 70px; /* No Border therefore no differnece - 2px less dues to 2px border*/
	vertical-align: bottom;
	font-size: 12px;
bottom: 0;
	padding: 0;
	width: 100%;	
}

.link {
	float: left;
	vertical-align: bottom;
	left: 0;
	margin-left: 15px;
	display: inline;
}

.date {
	float: right;
	right: 0;
	display: inline;
	margin-right: 15px;
	color: #666666;
}

/* CLEAR FIX*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */		

/* @group Stacks */

.stack { position: fixed; bottom: 28px; right: 40px; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span { 
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	display:block;
	height: 14px;
	position:absolute;
	top: 17px;
	right:60px;
	line-height: 14px;
	border: 0;
	background-color:#000;
	padding: 3px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fcfcfc;
	text-align: center;
	text-shadow: #000 1px 1px 1px;
	opacity: .85;
	filter: alpha(opacity = 85);
}

/* IE Fixes */
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }


/* @end */