/* @override http://localhost/~adam/glenlohane.com/site/css/style.css */

/* glenlohane.com stylesheet by bristlebird media works */

body {
	font: 70%/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #c5d4d0 url(../images/styles/bg_1.jpg) repeat-x center top; 
	text-align: center;
}

#container {
	width: 960px;
	margin: 0 auto;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	line-height: 1.6em;
	color: #555;
	padding: 0;
}
		
h1 {
	text-indent: -1000em;
	font-size: 6px;
	margin: 0 auto;
	padding: 0;
	height: 10px;
	width: 440px;
	text-align: center;
}

h2 {
	color: #684143;
	padding: 8px 0 5px;
	margin: 0 0 10px;
	font: bold 1.4em "Trebuchet MS", Verdana, Arial, Geneva, sans-serif;
}
h3 {
/*	color: #5a8656;
*/	padding-bottom: 3px;
	text-transform: uppercase;
	margin: 3px 0 0 -5px;
	color: #34636c;
	font-variant: normal;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	background: url(../images/styles/bg_h4.jpg) no-repeat;
	padding-top: 8px;
	padding-left: 8px;
}
h4, .heading {
	margin: 3px 0 0;
	padding: 0;
	text-transform: uppercase;
	color: #394f3a;
	letter-spacing: 1px;
	font: normal normal 0.9em Arial, Helvetica, Geneva, sans-serif;
}
a {
	color: #34636c;
	text-decoration: none;
}

a:hover, #home_foot a:hover, #footer p a:hover {
	color:#547695;
}
h2, #right_col p, #right_col ul {
	border-bottom: 1px solid #ddd;
}
ul, ol {
	margin: 5px 0 10px 25px;
	padding-left: 0;
}
/* @group Auto-clearing */

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

.autoclear { display: inline-block }

/* Hides from IE-mac \*/
* html .autoclear { height: 1% }
.autoclear { display: block }
/* End hide from IE-mac */
	
/* @end */

/* @group header */

#header {
	clear: both;
	padding: 0;
	margin: 0;
	height: 82px;
	background: url(../images/styles/bg_header.jpg) no-repeat 0 10px;
}

#header ul {
	display: table;
	margin: 18px 30px 0 auto;
	text-align: right;
	padding: 0;
}

#header li {
	display: table-cell;
	height: 28px;
}

#header span { 
	float: right;
}

#header li+li { background: url(../images/styles/colons.gif) no-repeat 0 0;
}
#header a {
	padding: 10px 5px 0 8px;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
}

/* @group IE Hacks */

/* For IE mac & win */

* html #header ul { display: inline-table; }
* html #header li { display:  block; float: left; }

/* For IE win only \*/
* html #header ul { font-size: 0; padding-bottom: 9px; }
* html #header li { display: inline; float: none; padding-right: 0; padding-bottom: 10px; }
* html #header span { display: inline-block; float: none; }
* html #header a { display: inline-block; float: none;
	font-size: 11px;
}
/* End IE win */

/* @end */

/* @group IE7 Hacks */

*:first-child+html #header * {
	float: none;
	display: inline-block;
}
*:first-child+html #header ul { padding: 0 0 8px }

*:first-child+html #header ul li {
	display: inline;
	padding: 0 1px 8px;
	margin-bottom: -8px;
	background-position: 0 10px;
}

/* @end */
/* @end */

/* @group top nav */

#navigation {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1em;
	background: url(../images/styles/bg_nav.jpg) no-repeat 0 top;
	height: 48px;
}

#navigation * {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation ul {
	display: table;
	margin: 0 auto;
	text-align: center;
}

#navigation li {
	display: table-cell;
	padding: 0 0 0 12px;
	height: 28px;
}

/*#navigation li+li { background: url(../images/styles/bg_menu.gif) no-repeat 0 48%;
}
#navigation li.active+li { background: none }
*/
#navigation span { float: left;
}
#navigation a {
	color: #4b5b60;
	text-decoration: none;
	float: left;
	border: none;
	text-transform: uppercase;
	padding: 10px 20px 8px 8px;
/*	text-shadow: black 1px 1px 1px;
*/	margin-bottom: 0;
	font-size: 0.9em;
}

#navigation li:hover span a, #navigation li span a:hover {
    text-shadow: #fff 0px 1px 1px;
	color: #222;
    background: url(../images/styles/li_top_right.jpg) no-repeat right -50px;
}
#navigation li span a:hover {
	color: #222;
}
#navigation li:hover span {
	background: url(../images/styles/li_top_mid.jpg) repeat-x 0 -50px;
}
#navigation li:hover {
	background: url(../images/styles/li_top_left.jpg) 0 -50px;
}
#navigation.autoclear ul li:hover {
	background: url(../images/styles/li_top_left.jpg) 0 -50px;
}
/* @group IE Hacks */

/* For IE mac & win */

* html #navigation ul { display: inline-table; }
* html #navigation li { display:  block; float: left; }

/* For IE win only \*/
* html #navigation ul { font-size: 0; padding-bottom: 9px; }
* html #navigation li { display: inline; float: none; padding-right: 0; padding-bottom: 10px; }
* html #navigation span { display: inline-block; float: none; }
* html #navigation a { display: inline-block; float: none; font-size: 11px; }
/* End IE win */

/* @end */

/* @group IE7 Hacks */

*:first-child+html #navigation * {
	float: none;
	display: inline-block;
}
*:first-child+html #navigation ul { padding: 0 0 8px }

*:first-child+html #navigation ul li {
	display: inline;
	padding: 0 0px 0 12px;
	margin-bottom: 0;
}

/* @end */

/* @group Active Tab */

#navigation li.active, #navigation li:hover.active {
    background: url(../images/styles/li_top_left.jpg) no-repeat left top;
}

#navigation li.active span, #navigation li:hover.active span {
	background: url(../images/styles/li_top_mid.jpg) repeat-x 0 top;
	cursor: default;
}

#navigation li.active span a, #navigation li:hover.active span a {
    background: url(../images/styles/li_top_right.jpg) no-repeat right top;
    text-shadow: #fff 0px 1px 1px;
	color: #222;
	cursor: default;
	font-weight: bold;
}
/* @end */

/* @end */

/* @group wrappers */

.page_outer {
	text-align: left;
	background: #fdfefe url(../images/styles/page_right.jpg) no-repeat right 0;
	margin: 0;
	padding: 0;
}

.page_inner {
	background: url(../images/styles/page_left.jpg) no-repeat left 0;	
	margin: 0;
	padding: 0 0 0 30px;
}

/* @end */

/* @group right nav */

#lnav {
	float: right;
	width: 320px;
	margin-right: 30px;
	margin-bottom: 20px;
}
#lnav h3 {
	margin-left: 0;
	background: url(../images/styles/bg_h3_right.jpg) no-repeat;
}
#lnav p {
	padding: 0;
	margin: 8px 0 8px 8px;
}
#lnav img {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: -5px;
}
#lnav ul {
	list-style-type: none;
	margin: 0;
	padding: 29px 0 0 5px;
	background: url(../images/styles/bg_h3_right.jpg) no-repeat 0 25px;

}
#lnav ul li {
	height: 27px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
#lnav ul li a {
	display: block;
	width: 150px;
/*	border-top: 1px solid #eee;
*/	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	height: 16px;
	padding: 3px 5px 7px 15px;
	text-transform: uppercase;
	font: normal "Trebuchet MS", Verdana, Arial, Geneva, sans-serif;
}

#lnav ul li li.active a {
	background: url(../images/styles/lnav_active.jpg) no-repeat;
	color: #876037;
	cursor: default;
}

#lnav a:link, #lnav a:visited {
	color: #34636c;
	text-decoration: none;
}
#lnav ul li a:hover {
	background: #f3f9f0 url(../images/styles/colons.gif) no-repeat 5px 30%;
	color:#3e4743;
}

#lnav ul.list {
	margin-top: 5px;
	font-size: 0.9em;
	padding: 0 0 10px 20px;
	background: none;
}

#lnav ul.list li {
	list-style-image: url(../images/styles/colons.gif);
	height: 18px;	
}
#lnav ul.submenu {
	background: url(../images/styles/bg_h3_180.jpg) no-repeat 0 25px;	
}

/* For IE win only \*/
/* * html #lnav p.centred img { margin-right: 8px; }
*/
/* End IE win */
/* @end */

/* @group multicolumnlist */

/* separate the list from surrounding elements */
ul#listcol
{
  padding: 0;
	margin: 0 0 1em 2em;
}

ul#listcol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ul#listcol li
{
	position: relative;
}

/* horizontal position of each column */

ul#listcol li.column1 { margin-left: 0em; }
ul#listcol li.column2 { margin-left: 24em; }
ul#listcol li.column3 { margin-left: 48em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

ul#listcol li.reset
{
  margin-top: -6em;
}

/* @end */

/* @group main */

#main {
	margin-right: 360px;
}
#main p {
	padding-bottom: 5px;
/*	border-bottom: 1px solid #DDDDDD; */
	margin-top: 5px;
	margin-bottom: 3px;
}
#main li {
	list-style-image: url(../images/styles/arrow.gif);
}

#main img, #lnav img {
	border: 1px solid #333;
}
#main_home img, #main img.button {
	float: left; margin: 3px 10px 0 0; border: none;
}
p.home_box {
	min-height: 110px;
}
.button {
	padding: 2px;
}

#main form {
	float:right;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-right: 120px;
}
#main form p {
	padding-bottom: 15px;
	padding-top: 2px;
	margin-bottom: 5px;
}
#main form input {
	color: #666;
}
#main form p input.txt, #main form p textarea  {
	color: #545454;
	border: 1px inset #ccc;
	background-color: #faf9f6;
	width: 365px;
	float: right;
	padding-left: 3px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}
#main form p input.txt { 
	height: 14px; 
}
#main form p textarea { 
	height: 120px; 
	margin-bottom: 5px;
	width: 366px;
}
#main p label {
	text-transform: uppercase;
	color: #394f3a;
	font-size: 0.9em;
	text-transform: uppercase;
	padding-right: 10px;
	float: right;
	padding-top: 0;
	letter-spacing: 1px;
	font: normal normal 0.9em Arial, Helvetica, Geneva, sans-serif;
}


.clear { clear: both; }
.right { float: right; }

#main input.button {
	background-color: #fffff8;
	color: #547695;
	border: 1px solid #CCC;
	padding: 3px 3px 2px;
	font-size: 0.9em;
}
/* @end */

/* @group foot */

#footer {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
	line-height: 1em;
	height: 45px;	
	background: url(../images/styles/bg_foot2.jpg) no-repeat;
}

#footer * {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul {
	display: table;
	margin: 0 auto 10px;
	text-align: center;
	padding: 0;
}

#footer li {
	display: table-cell;
	height: 28px;
	padding: 0;
	margin: 0;
	background: url(../images/styles/mid_brace.jpg) repeat-x;
}

#footer li.foot_left span a {
	background: url(../images/styles/left_brace.jpg) no-repeat;
}
/* stops appearance of background overflow in IE 6 */
#footer li.foot_right { 
	background: none;
}
#footer li.foot_right span a {
	background: url(../images/styles/right_brace.jpg) no-repeat right 0;
}

#footer span { 
	background: url(../images/styles/mid_brace.jpg) repeat-x;
	float: left;
	font: 0.95em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}
#footer a {
	padding: 10px 10px 0;
}

/* @group IE Hacks */

/* For IE mac & win */

* html #footer ul { display: inline-table; }
* html #footer li { display:  block; float: left; }

/* For IE win only \*/
* html #footer ul { font-size: 0; padding-bottom: 9px; }
* html #footer li { display: inline; float: none; padding-right: 0; padding-bottom: 10px; }
* html #footer span { display: inline-block; float: none; }
* html #footer a { display: inline-block; float: none;
	font-size: 11px;
}
/* End IE win */

/* @end */

/* @group IE7 Hacks */

*:first-child+html #footer * {
	float: none;
	display: inline-block;
}
*:first-child+html #footer ul { padding: 0 0 8px }

*:first-child+html #footer ul li {
	display: inline;
	padding: 0 0 8px;
	margin-bottom: -8px;
}

/* @end */

p.copyright {
	color: #888;
	text-shadow: #fff 1px 1px 1px;
	padding: 5px;
	clear: left;
	display: inline;
	font-size: 0.8em;
	margin-bottom: 10px;
}

p.copyright a {
	color: #597d8c;
}
p.copyright a:hover {
	color: #888;
}
/* @end */

/* @group gallery */
.gallery {
	z-index: 1;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
}

html>body .gallery { /*Non IE rule*/
}

#main .gallery a img {
	border: 1px solid silver;
	padding: 1px;
	background-color: #fffff8;
}

#main .gallery a:hover img {
	border: 1px solid #3a58b8;
}

.gallery a:hover {
	color: #3a58b8;
}

.fullfoto  {
	font-size: 0.9em;
	color: #666;
	text-align: center;
}

.fullfoto img {
	background-color: #ffffef;
	margin-bottom: 5px;
	border: 1px solid #555;
}


/* @end */

/* @group rollovers */

#attr_0, #attr_1, #attr_2, #attr_3, #attr_4, #attr_5, #attr_6, #attr_7, #attr_8, #attr_9, #attr_10, #attr_11, #attr_12, #attr_13, #attr_99 { 
 visibility: hidden;
 }

.attr_box {
	position: absolute; 
	width: 700px;
	background: #fdfefe url(../images/styles/bg_attr_wide.jpg) no-repeat 5px bottom;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.attr_box h3 {
	background: url(../images/styles/bg_h3-wide.jpg) no-repeat;
}


/* @end */

.img_right {
	float: right;
	margin: 5px 0 5px 10px;
}

.img_left {
	float: left;
	margin: 3px 10px 5px 0;
}
.attr_box p.centred img, .attr_box img.img_right {
	margin: 0 10px 10px;
}

.prop {
    float:right;
    width:1px;
}
.min700px { height:700px; }
.min600px { height:600px; }
.min500px { height:500px; }
.min400px { height:400px; }
.min360px { height:360px; }
.min20px { height:20px; }
.smaller { font-size: 0.9em; }
.smallest { font-size: 0.85em; }
.clrlft { clear: left; }
.clrrht { clear: right; }
.clrbth { clear: both; }
.centred { text-align: center; }