/*************************************************************
/ ArchitecturalGlassRailings.com
/	Padding: 10px;
/ Ref: http://webtypography.net/toc
/*************************************************************/

* { /* Set standard defaults for ALL elements */
	padding: 0px;
	margin: 0px;
	
	border-width: 0px;
	border-style: solid;
	
	font-family: Trebuchet MS, tahoma;
	font-size: 12pt;
	line-height: 1.5;
	vertical-align: top;	
}

/***********************************************
   Standard declatations, do not change ********
/***********************************************/

div#separator {	clear:both; }

/********************************************
   Site Defaults ****************************
 ********************************************/
div, p, span { text-align:left; }

p { margin: 1.5em 0em; text-align:justify; }

/********************************************
 ********************************************
 ********************************************/

/* Controls width of entire site */
body {
	background: url("/images/BG-Canvas.jpg") top center repeat;
}

div#canvas,
div#pane-header,
div#pane-middle,
div#pane-menu,
div#pane-content,
div#pane-footer {
	width: 748px;
	margin: 0px auto;
}

div#pane-content {
	width: 700px;
}

div#pane-header {
	height: 114px;
	text-align: left;
	margin-top: 22px;
	background: url("/images/BG-Header.jpg") top left no-repeat;
}

div#pane-middle {
	background: #6993b4 url("/images/BG-Middle.jpg") top left no-repeat;
}

div#pane-footer {
	height: 87px;
	font-size: 0.65em;
	text-align: center;
	background: url("/images/BG-Footer.jpg") top left no-repeat;
	padding-top: 40px;
}
div#pane-footer a {
	font-size: 1em;
}

div#pane-underconstruction {
	width: 100%;
	position: absolute;
	top: 0px;
	background: green;
	color: white;
	opacity: .5;
	filter: alpha(opacity=50);
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
}

div#h1left {
	background: url("/images/BG-H1-Left.gif") top left no-repeat;
	width:109px;
	height:49px;
	float: left;
}

div#h1right {
	background: url("/images/BG-H1-Right.gif") top right no-repeat;
	width:41px;
	height:49px;
	float: left;
}

div#h1mid {
	background: url("/images/BG-H1-Middle.gif") 50px 0px repeat-x;
	height:49px;
	width:495px;			/* 748-109-41 */
	font-family:georgia;
	font-weight:normal;
	font-size:1.5em;
	text-align:center;
	vertical-align:bottom;
	color: #FCFCFC;
	float: left;
	padding-top:5px;
	padding-right: 55px;
}

h2 {
	font-size:1.2em;
	text-align:center;
	border-width-bottom:1px;
	font-weight:bold;
	margin-top:20px;
}
/*****************************************************************************************
/ Horizontal Menu Bar
/ Ref: http://css.maxdesign.com.au/listamatic2/horizontal04.htm
/ - Synch: navcontainer.height - 2 = ul#navlist li ul.top
/*****************************************************************************************/
div#pane-menu {
	height: 55px;
	color: #FFFFFF;
	margin-left: 10px;
	text-align: left;
}

div#pane-menu li,
div#pane-menu li div {
	text-align: left;
	list-style: none;
	float: left;				/* Float left better than inline display as inline cannot control height, padding also not required */
	height: 55px;
}

div#pane-menu a {
	font-family: georgia;
	text-decoration: none;
	color: #FEFEFE;
	font-size: 15px;
	letter-spacing: 0px;
	vertical-align: middle;
	height: 100%;						/* Shorter than 33 to disregard drop shadow height */
	padding-right: 28px;		/* Right padding suitable for right aligned menu */
	padding-left: 28px;
	line-height: 26px;			/* Determine where menu text is vertically */
}
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/

/*****************************************************************************************/
/* Standard Anchor Link		                                                               */
/*****************************************************************************************/
a,
a:link,
a:visited,
a:active { color:#FFFFFE; text-decoration:none; }
a:hover	{	color:gold; }

a.button {
	padding:5px 10px;
	border-width:1px;
	background: #42648a;
}
a.button:hover { background:#cde6f2; color:#333333; }

a.rollover:hover {
	opacity: .85;
	filter: alpha(opacity=85);
}
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/

input,
select,
option,
optgroup,
textarea {
	font-family: verdana;
	vertical-align: middle;

	padding: 1px;
	padding-left: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

input, select, option { height:1.38em; }
optgroup { font-weight:bold; font-style:italic; }
optgroup option { padding-left:10px; }
select { padding:1px 0px; }

div.left {
	position: relative;
	float: left;
}

img#iv { width:180px; height:25px; }

div#system {
	text-align:center;
	border-width:1px;
	background:#000000;
	color:#FFFFFF;
}