/* @override 
	http://localhost/~jamiemill/lionelmill/lionel.css
	http://jamie-g5.local/~jamiemill/lionelmill/lionel.css
*/

/* @group HTML standard */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	text-align: center;
	height: 100%;
	color: white;
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:10px
}

p {
	margin: 0 0 15px 0;
}

ul {
	margin: 0 0 15px 0;
}

li {
	list-style-position: inside;
}

a {
	text-decoration: none;
	color: white;
}

a:hover {
	color: #ddd;
}

h3 {
	font-size: 1em;
}

/* @end */

/* @group layout */

/* @group sub navigation */

.sub_navigation_links li {
	list-style-type: none;
	margin-bottom: 10px;
}

.sub_navigation_links a {
	padding-left: 20px;
	/* display: inline-block to make sure that wrapped lines have the same padding as the first line, block would have been OK for safari and firefox, but causes explorer to add extra bottom margins or something */
	display: inline-block;
	background: url(../img/pointer_feint.gif) no-repeat left center;
}
.sub_navigation_links a:hover {
	/* we shouldn't need to pre-laod this image because it will be downloaded for the selected main navigation item */
	background: url(../img/pointer.gif) no-repeat left center;
	color: #ddd;
}
.sub_navigation_links li.selected a {
	background: url(../img/pointer.gif) no-repeat left center;
	color: inherit;
}

/* @end */

/* @group main navigation */

ul.nav {
	margin-top: 50px;
}

ul.nav li {
	list-style-type: none;
	margin-bottom: 10px;
}

ul.nav a {
	padding-left: 20px;
	/*margin-left: -20px;*/
}
ul.nav a:hover {
	background: url(../img/pointer.gif) no-repeat left center;
	color: inherit;
}
ul.nav li.selected a {
	background: url(../img/pointer.gif) no-repeat left center;
	color: inherit;
}

/* @end */

#container {
	width:  900px;
	margin:  0 auto;
	text-align: left;
	background-color: #aaa;
	/* relative position given to the container so that any absolute positioned descendents are relative to this container, not the page */
	position: relative;
}

#header {
	height:54px
}

#middle {
	height: 450px;
	background-color: #bbb;
}

#footer {
	height:27px;
	padding: 50px 60px 0 60px;
	background: url(../img/footer_strip.png) no-repeat left top;
}

#navigation {
	width: 230px;
	padding: 60px 0 0 60px;
	float:  left;
	background: url(../img/nav_divider.gif) no-repeat 280px 150px;
}

#navigation_contact {
	margin-top: 30px;
}

#content {
	width: 510px;
	padding: 60px 60px 0 0px;
	float: right;
}

#content_inner_vcent {
	/*used for vertical centering - IE will not understand this :-( */
	height: 340px;
	width:510px;
	display: table-cell;
	vertical-align: middle;
	overflow: auto;
}

table#content_inner_vcent_IE td {
	/*for the table inserted only on IE pages to handle vertical centring */
	height: 330px;
	vertical-align: middle;
}

#scroll_area {
	overflow: auto;
	height: 340px;
}

#logo_sub {
	text-transform: uppercase;
}
#copyright {
	float: left;
	width: 30%;
	font-size: 0.8em;
}
#quick_navigation {
	float: right;
	/*width: 60%;*/
}
#quick_navigation li {
	list-style-type: none;
	float: left;
	margin-left: 20px;
}
h2#location {
	margin-bottom: 20px;
	font-size: 1em;
	color: #ddd;
	font-weight: bold;
}
h2#location a {
	color: #ddd;
}
h2#location a:hover {
	color: #ccc;
}
#logo {
	/* shove the actual text way off screen so we only see the background image which is the nice-looking logo */
	text-indent: -9999px;
	width: 173px;
	height: 45px;
	/* hide overflow for Explorer otherwise it doesn't obey the height */
	overflow: hidden;
	background: url(../img/lionel_mill_logo.gif) no-repeat;
}
p#back {
	/* positioned absolutely within the content div (set to relative) so that position isn't dependent on page flow of items above */
	/*position: absolute;*/
	/*right: 60px;
	top: 435px;*/
	/*margin-top: 40px;*/
	text-align: right;
	margin: 0;
	margin-bottom: 4px;
	/*clear: both;*/
}
p#back a {
	padding-left: 20px;
	background: url(../img/pointer_l_feint.gif) no-repeat left center;
}
p#back a:hover {
	/* we might need to pre-load this image */
	background: url(../img/pointer_l.gif) no-repeat left center;
	color: inherit;
}
#home_img {
	margin-left: 40px;
	margin-bottom: 40px;
}

.column_left {
	width: 250px;
	float: left;
}
.column_right {
	width: 250px;
	float: right;
}
.desc {
	color: #e2e2e2;
}
#player {
	margin-top: 10px;
}

/* @group page specific
 */

#cv_download {
	/*margin-top: 100px;*/
	margin-left: 50px;
	width: 299px;
	height: 58px;
	color: #777;
	padding-left: 100px;
	padding-top: 45px;
	background: url(../img/cv_download.jpg) no-repeat;
}
#cv_download a {
	color: #777;
}



/* @end */

/* @end */