/*
Author - Andrew Trout
URL - www.andrewtrout.com.au
*/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */


body	{
	margin:0 0 30px 0;
	padding:0;
	border:0;
	color: #666666;
	background: #fff url(../img/bg.jpg) repeat-x top;
	font: 62.5%/1.7em Verdana, Arial, Helvetica, sans-serif;
}

.screenhide, #access form.zoomscreenhide {display:none;}
#pullout{position:absolute;left:-9999px;}
#access li.screeninvis, #access li.screeninvis	{visibility:hidden;}

/*

main layers

*/

#box{
position:relative;
margin:0 auto;
width:750px;
background: url(../img/bg_box_logo.gif) bottom right no-repeat;
}
#header{
	position:relative;
	height:70px;
	text-align:left;
	background: url(../img/logo-right.jpg) no-repeat right;
	margin-bottom: 70px;
}

#sub{
	position:absolute;
	left:0;
	top:100px;
	width:750px;
	padding:0;
	margin:10px 0 0px;
	border-bottom:1px solid #CCCCCC;
	font-size:1.2em;
	text-align: center;
	font-weight: bold;
}


/* 2 columns equal */
#row1{text-align:left;background: url(../img/bg_row1.gif) no-repeat;}
#row1bot{background: url(../img/bg_row1bot.gif) bottom right no-repeat;padding-bottom:15px;}
#row1left{
	float:left;
	display:inline;
	width:320px;
	margin-left:20px;
}
#row1right{
	float:right;
	display:inline;
	width:320px;
	margin:0 20px 0 0;
}

/* 3 columns equal*/
#row2{
	margin-top:20px;
	background: url(../img/bg_row2top.gif) no-repeat;
}
#row2bot{background: url(../img/bg_row2bot.gif) right bottom no-repeat;}
#row2home {
	margin-top:20px;
}
#row2bothome {

}


#row2right{
	float:right;
	display:inline;
	width:230px;
	padding:20px 0px;
	margin: 0px;
}
#row2mid{
	float:right;
	display:inline;
	width:250px;
	padding:20px 0;
	margin: 0px;
}
#row2left{
	float:right;
	display:inline;
	width:250px;
	padding:20px 0px;
	margin: 0px;
}
#row2repairs {
	background: url(../img/bg_row4.gif) no-repeat;
	margin-top: 20px;
}
#row2repairsbot {
	background: url(../img/bg_row4bot.gif) no-repeat right bottom;
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
}

#twocol/* 2 columns offset */
{
	margin-top: 20px;
}
#twocolleft{
	float:left;
	width:498px;
	background: url(../img/bg_row3left.gif) no-repeat;
	padding-top: 20px;
}
#twocolleftbot {
	padding-bottom:30px;
	background: url(../img/bg_row3bot-left.gif) no-repeat bottom;
}
#twocolright{
	float:right;
	padding-top:20px;
	background: url(../img/bg_row3right.gif) no-repeat;
	width: 245px;
}
#twocolrightbot{
	padding-bottom:30px;
	background: url(../img/bg_row3bot-right.gif) no-repeat bottom;
}
#twocolrepairs {
	margin-top: 20px;
}

#onecol {
	background: #FFFFFF url(../img/bg_row4.gif) no-repeat;
	margin-top: 20px;
}
#onecolbot {
	background: transparent url(../img/bg_row4bot.gif) no-repeat bottom;
	margin-bottom: 20px;
	padding: 0px 20px 30px;
	text-align: justify;
}

.onecol{
	margin-top:20px;
	background: #fff url(../img/bg_row4.gif) no-repeat;
}
.onecolbot{
	padding: 0 20px 30px;
	margin-bottom:20px;
	background: transparent url(../img/bg_row4bot.gif) no-repeat bottom;
	text-align: justify;
}

#rowfull{
	text-align:center;
	padding-top: 10px;
}
#rowfullleft{text-align:left;}

#row5{text-align:left;margin-top:20px;background: url(../img/bg_row5.gif) no-repeat;}
#row5bot{background: url(../img/bg_row5bot.gif) bottom no-repeat;padding-bottom:20px;}
#row5left{float:left;display:inline;width:320px;margin-left:20px;}
#row5right{float:right;display:inline;width:340px;margin:0 20px 0 0;}



/*-----Gallery-----*/
.workthumbs {
	padding-top: 5px;
}

.workthumbs img {
	padding: 0.5em;
    
}

.workthumbs a img
{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	margin-left: 12px;
}

.workthumbs a img:hover
{
	border-color: #a8ad00;
	background: #FFFFFF;
}

/* Genius "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

h1{font: 300 240%/1.1em georgia,serif;color:#310;}
h1#deck{padding:75px 0 10px 0;background: #fff url(../img/bg_deck.gif) top center no-repeat;}
h1#deck strong{font-weight:300;font-size:1.2em;line-height:0.8em;display:block;letter-spacing:-0.05em;}
h1#deck em{font-style:normal;font-size:0.6em;line-height:0.8em;color:#642;}
h1#deck em span{visibility:hidden;}

h2{
	font-family: georgia, serif;
	color:#630;
}
h2.subtitle, h1.subtitle {
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	text-align: center;
	background: #FFFFFF;
	font-weight: 300;
}
h3.subtitle {
	padding:0;
	text-transform:lowercase;
	text-align: center;
	font-weight: 300;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#row2left  h2.subtitle     {
	margin: 0px 0px 10px 60px;
	font-size: 1.6em;
	color: #700034;
	font-weight: bold;
	background: #ffffff;
	width: 90px;
}
#row2mid     h2.subtitle        {
	margin: 0px 0px 10px 60px;
	font-size: 1.6em;
	color: #700034;
	font-weight: bold;
	background: #FFFFFF;
	width: 90px;
}
#row2right  h2.subtitle     {
	margin: 0px 0px 10px 60px;
	font-size: 1.6em;
	color: #700034;
	font-weight: bold;
	background: #FFFFFF;
	width: 100px;
}


#twocolright    h2.subtitle {
	font-size:1.6em;
	color:#700034;
	margin: 0px 90px 10px;
	font-weight: bold;
}
#twocolleft   h2.subtitle{
	font-size:1.6em;
	color: #700034;
	margin: 0px 200px 10px;
	font-weight: bold;
}
#twocolleft   h3.subtitle{
	font-size: 1.2em;
	color: #700034;
}
#row2repairs  h2.subtitle {
	margin:0px 220px 10px;
	font-size:1.6em;
	color:#700034;
	font-weight: bold;
}
.onecol   h2.subtitle {
	margin:0px 220px 10px;
	font-size:1.6em;
	color:#700034;
	font-weight: bold;
}


h3{
	color:#960;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#row2 h3, #rowfullleft h3{text-align:left; font: italic 300 120% georgia,serif;}

#row1left h3.h3em{font-size:140%;line-height:1.4em;font-style:normal;color:#c60;}
#row1left h3.h3em strong{font-weight:300;color:#930;}

#row1right h3.h3em{font-size:140%;line-height:1.4em;font-style:normal;color:#990;}
#row1right h3.h3em strong, h2.featarttitle a:link, h2.featarttitle a:visited, #row2 #row2right h3 a:link, #row2 #row2right h3 a:visited, #recent-growth h3 a:link, #recent-growth h3 a:visited{color:#670;}

#row5 h3.h3em, #row4 h3.h3em{font:italic 300 140%/1.1em georgia,serif;color:#bcb69b;}

p{font-size:1.1em;}
#row1 p{padding-top:5px;text-align:left;}
#row2 p{text-align:left;font-size:1.1em;}

#row2mid p.description{text-align:center;font-size:1.1em;}
#twocolleft  p{
	text-align:left;
	padding-right: 2.3em;
	padding-left: 2em;
}
/* IE/Win hack to get the articles paragraph top to line up properly */
html*#row3left p {margin-top:1.3em;}
#row2right p.partsum{text-align:left;font-size:1.1em;}
#row1right ul.ularttags{text-align:center;}

acronym{cursor:help;}

/*img*/

img.img_l{float:left;margin:5px 15px 3px 0;}
img.imgright{float:right;margin:19px 0 3px 20px;}


/* lists */	

ul.inline{list-style:none;margin:0.5em 0;padding:0;line-height:1em;}
ul.inline li{display:inline;margin:0;padding:0 0.75em;}
#sub a{
	border:0;
	color:#00703c;
	font-weight: normal;
	text-decoration: none;
}
#sub a:hover{
	border:0;
	color:#a8ad00;
	font-weight: normal;
	text-decoration: underline;
}
#ms1a a {
	text-decoration: underline;
	color: #a8ad00;
}
#ms2a a {
	text-decoration: underline;
	color: #a8ad00;
}
#ms3a a {
	text-decoration: underline;
	color: #a8ad00;
}
#ms4a a {
	text-decoration: underline;
	color: #a8ad00;
}
#ms5a a {
	text-decoration: underline;
	color: #a8ad00;
}
#ms6a a {
	text-decoration: underline;
	color: #a8ad00;
}




#foot{
	font-size:1em;
	line-height:1.2em;
	text-align:center;
	margin:0;
	padding:30px 0 0 0;
}
#foot ul, #admin ul{list-style:none;padding:0;margin:0;}
#foot ul li{display:inline;padding:0 10px 0 0;margin:0 0 15px 0}
#foot li.li_1stfoot, #foot li.li_2ndfoot{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#foot li.li_2ndfoot{
	color:#999999;
}
.spanblock{display:block;}
.spanblock a{margin-right:20px;}

.sp{line-height:1px;height:1px;clear:both;}


/*menu*/

#menu{
position:absolute;
left:0;
top:70px;
width:750px;
height:30px;
border:0;
padding:0;
margin:0;
}

#menu ul{
	position: relative;
	width:750px;
	height:30px;
	background: url(../img/bg_menu.png);
	margin: 0;
	padding: 0;
}

#menu ul li{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top:0;
}

#menu ul li, #menu a{
display:block;
height:30px;
border-bottom:0;
}

#menu ul li a{
text-indent:-9999px;
text-decoration:none;
}

#m1{
	left:0px;
	top:0;
	width:136px;
}
#m2{
	left:204px;
	top:0;
	width:136px;
}
#m3{
	left:406px;
	top:0;
	width:136px;
}
#m4{
	left:606px;
	top:0;
	width:136px;
}

#m1 a:focus, #m1 a:hover, #m1 a:active {
	background: transparent url(../img/bg_menu.png) no-repeat 0 -30px;
	border-bottom:0;
	outline:0;
}
#m2 a:focus, #m2 a:hover, #m2 a:active {
	background: transparent url(../img/bg_menu.png) -204px -30px no-repeat;
	border-bottom:0;
	outline:0;
}
#m3 a:focus, #m3 a:hover, #m3 a:active {
	background: transparent url(../img/bg_menu.png) -406px -30px no-repeat;
	border-bottom:0;
	outline:0;
}
#m4 a:focus, #m4 a:hover, #m4 a:active {
	background: transparent url(../img/bg_menu.png) -606px -30px no-repeat;
	border-bottom:0;
	outline:0;
}

#m1a {
	left:0px;
	width: 136px;
	background: transparent url(../img/bg_menu.png) 0 -60px no-repeat;
	outline:0;
}
#m2a {
	left:204px;
	width:136px;
	background: transparent url(../img/bg_menu.png) -204px -60px no-repeat;
	outline:0;
}
#m3a {
	left:406px;
	width: 136px;
	background: transparent url(../img/bg_menu.png) -406px -60px no-repeat;
	outline:0;
}
#m4a {
	left:606px;
	width: 136px;
	background: transparent url(../img/bg_menu.png) -606px -60px no-repeat;
	outline:0;
}
/*contact form table styling */
#formlayer	{
	width:320px;
}
#formlayer fieldset,  #formlayer form{margin:0;padding:0;border:0;}
#formlayer label{
	display:block;
	color:#700034;
	font-size: 1.1em;
	font-weight: bold;
}
#formlayer input, #formlayer select, #formlayer textarea	{
	width:100%;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	padding:2px;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
}
input.formbut{
	float:right;
	width:auto !important;
	margin-top: 10px;
	background:#0D3B77;
	color:#FFFFFF;
	border:1px solid #3C6E8F !important;
	font-weight: bold;
}
#formlayer span{
	color:#666666;
	line-height:2em;
}#rightformlayer {
	width:320px;
	float: right;
	clear: right;
}
.lists li   {
	font-size: 1.1em;
}
.news {
	float: right;
	width: 179px;
	padding-left: 20px;
	color: #9B9B05;
	font-size: 1.1em;
	padding-top: 8px;
}
.newsfine  {
	font-size: .9em;
	color: #666666;
	text-align: center;
}