/*
-------------------------------------------------------------------------------------------
	R E S E T
---------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* general
----------------------------------------------------------------------------------------*/
html {
    overflow-y: scroll;
}

html, body{
	background: #104a0a url(../images/bg.jpg) center fixed repeat-y;
	color: #454545;
	line-height: 140%;
	height: 100%;
 	min-height: 100%;
  	min-width: 100%;
	font:12px Arial, Helvetica, sans-serif
}

body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
					box-shadow: 0 0 10px rgba(0,0,0,.8);
          z-index: 0;
}

body:after{
          content: "";
          position: fixed;
          bottom: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8);
              -moz-box-shadow: 0 0 20px rgba(0,0,0,.8);
                    box-shadow: 0 0 20px rgba(0,0,0,.8);
          z-index: 0;
}


a, a:link {color: #545E18; text-decoration: underline; font-weight: bold;}
a:hover {color: #333333; text-decoration: none; font-weight: bold;}
a:visited {color: #545E18; text-decoration: underline; font-weight: bold;}
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/*  C S S 3   t r a n s i t i o n s
------------------------------------------------------------------*/
#rightbox input, #navlist a:link, h1 a, a.image_box, a.thumbnails, .pagination p a:link, #rightbox ul#linklist li a  {
	transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
    		-moz-transition: all 0.3s ease-out;
    			-o-transition: all 0.3s ease-out;
    				-ms-transition: all 0.3s ease-out;
}

/*  o p a c i t y   h e a v y
------------------------------------------------------------------*/
h1 a:hover {
	opacity: 0.5;
	-ms-filter: “alpha(opacity=50)”; /* ie 8 */
	filter: alpha(opacity=50); /* ie lt 7 */
}

/*  o p a c i t y   l i g h t
------------------------------------------------------------------*/
a.image_box:hover, a.thumbnails:hover, .pagination p a:link:hover {
	opacity: 0.8;
	-ms-filter: “alpha(opacity=80)”; /* ie 8 */
	filter: alpha(opacity=80); /* ie lt 7 */
}


/*  s i n g l e s
------------------------------------------------------------------*/
.fright {
	float:right;
}

/*  h e a d i n g s   T y p e
------------------------------------------------------------------*/
h1{
	margin: 5px 0 0 0;
}

h1 a{ 
	display: block;
	position:relative;
	width:693px;
	top:0;
	height:231px;
	text-indent: -9000px;
	background: url(../images/header2.gif);
}

h1 a:hover {
    top: -0.5rem;
}

h2{
	margin: 25px 0 5px 0;
	padding: 0 16px 0 0;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: right;
	color: #4A4A4A;
	text-decoration:none;
	text-transform: uppercase;
	background: url(../icon/bullet_go.gif) bottom right no-repeat;	
}

h3{
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
	font: 13px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	color: #4A4A4A;
	text-decoration: underline;
	background-position: left;
	background-repeat: no-repeat;		
}

h3.email{background-image: url(../icon/email.png);padding: 0 0 0 20px;}
h3.address{background-image: url(../icon/house.png);padding: 0 0 0 20px;}
h3.phone{background-image: url(../icon/phone.png);padding: 0 0 0 20px;}


h4{
	margin: 18px 0 0 0;
	padding: 0 0 3px 0;
	font: 13px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	color: #4A4A4A;
	background-position: right;
	background-repeat: no-repeat;		
}

h4.advice{margin: 15px 15px -4px 0; text-align: left; color: #3A8E24;}
h4.contactform{background-image: url(../icon/page_white_put.png);margin: 15px 41px 0 41px;}
h4.clickthumb{background-image: url(../icon/picture.png);margin: 15px 28px 0 28px;}

h5{
	font: 13px Verdana, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #4A4A4A;
	letter-spacing: -1px	
}

p{
	margin: 4px 0 24px 0;
	font-size: 13px;
	line-height:19px;	
}

p a:hover{color: #333333; text-decoration: none; font-weight: bold;}

p.more_images{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px;
	color: #454545;
	text-align:right;	
}


p.tips{	margin: 9px 0 0 15px; padding: 0 0 8px 0; color: #626262; font-size: 11px; border-bottom: 1px dotted #339933; line-height: 14px; font-family:Arial, Helvetica, sans-serif}
p.portfolio{margin: 9px 0 0 15px; padding: 0 0 8px 0; color: #626262; font-size: 11px; border-bottom: 1px dotted #339933;line-height: 14px;}
p.comments{	margin: 9px 0 0 15px; padding: 0 0 8px 0; color: #626262; font-size: 10px; line-height: 12px;}
p.tips a:hover {color: #333333; text-decoration: none; font-weight: bold;}
p.mr_miss{margin: 9px 0px 0px 110px; color: #4A4A4A; font-size: 12px; text-align:right; border-bottom: 0px solid #8EBE89; font-family:Georgia, "Times New Roman", Times, serif;
}

p.quo{	
	margin: 0;
	padding: 0;
	color: #626262;
	font-size: 12px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	word-spacing:2px;
}

/* m a i n   n a v i g a t i o n
------------------------------------------------------------------*/
#navlist {
	float: left;
	width:469px;
	height:231px;
	margin: 5px 0 0 5px;
	padding: 10px 0 0 0;
	height:23px;
	border: 0px solid #3A8E24;
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	background: url(../images/nav_bottom.gif) bottom left no-repeat;	
}

#navlist ul, #navlist li {
	display: inline;	
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	font-size: 12px;
	margin: 0 9px 0 12px;
	text-decoration: none;
	color: #707070;	
}

#navlist a:link#current, #navlist a:visited#current {
	border-bottom: 5px solid #339933;
	padding-bottom: 3px;
	background: transparent;
	color: #000;
}

#navlist a:hover {
	border-bottom:5px solid #999933;
	padding-bottom: 3px;
	color: #215114;
}

/* end of external page links
------------------------------------------------------------------*/

/* Advice page links
------------------------------------------------------------------*/
#linklist2 {
	list-style-type: none;
	width: 210px;
	line-height: 16px;
	float: right;
	margin: 5px 0 15px 10px;
	padding:0px;border-bottom: 1px dotted #339933;	
}

#linklist2 li {
	text-indent: 18px;
	padding: 0 0 2px 0;
	margin: 5px 0 5px 0;
	background: url(../icon/shape_square3.png) no-repeat -1% .0em;
	border-bottom: 0px dotted #339933;
}

#linklist2 li a {
	color:#545E18;
}

#linklist2 li a:hover {
	color:#333333;
	text-decoration:none;
}

#linklist2 a:link#highlight, #linklist2 a:visited#highlight {	
	color:#000;
	text-decoration:none;
}

/* end of external page links
------------------------------------------------------------------*/
#wrapper{
	margin: auto;
	width: 699px;
	position:relative;
}

#wrapper #telephone {
	position:absolute;
	top:235px;
	right:22px;
	color: #393939; 
	font-size: 15px; 
	font-weight: bold;	
}

#main{
	float: left;
	border-right: 1px dashed #339933;
	width: 442px;
	padding: 0 18px 0 9px;
	margin: 0 0 20px 3px;	
}

#main_work{
	float: left;
	border-right: 0px dashed #3A8E24;
	width: 442px;
	padding: 0 18px 0 9px;
	margin: 0 0 20px 3px;	
}

.quotes_box_wide{
	float: left;
	border: 1px dotted #339933;
	width: 397px;
	padding: 24px 20px 14px 22px;
	margin: 15px 18px 6px 0;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;	
}

.quotes_box{
	float: left;
	border: 0px dotted #339933;
	width: 209px;
	padding: 22px 20px 14px 22px;
	margin: 10px 15px 15px 0;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;	
}
.quotes{float: left; }
.quotes_end{float: right; }
	
a.image_box{
	float: left;
	border: 1px solid #3B8E24;
	width: 193px;
	height: 145px;
	padding: 9px 9px 9px 9px;
	margin: 4px 0 12px 0;
	background-color:#aacea1;
}

a.image_box:hover {
	float: left;
	border: 1px solid #3B753B;
	width: 193px;
	height: 145px;
	padding: 9px 9px 9px 9px;
	margin: 4px 0 12px 0;
	background-color:#ffffff;	
}

a.thumbnails {
	position: relative;
	width: 36px;
	height: 36px;
	overflow:hidden;
	padding:4px 4px 4px 4px;
	margin:0 0 5px 7px;
	border: 1px solid #979797;
	float: left;
	background-color:#aacea1;
}

a.thumbnails:hover {
	position: relative;
	width: 36px;
	height: 36px;
	overflow:hidden;
	padding:4px 4px 4px 4px;
	margin:0 0 5px 7px;
	border: 1px solid #3B753B;
	float: left;
	background-color:#fff;
}

/* portfolio page navigation
------------------------------------------------------------------*/
.pagination {
	position: relative;
	width: 442px;
	height: 24px;
	float: left;
	color:#666;
	margin: 5px 0 0 0;
}
.pagination p {
	position:relative;
	text-align:right;
	padding: 4px 0 8px 0;
	font-size: 12px;
	color: #454545;
	
}
.pagination p a:link, .pagination p a:visited,  .pagination p a:active {
	text-decoration:none;
	background: #99CD94;
	padding:2px 5px;
	border: 1px solid #339933
}
.pagination p a:hover {
	background: #ffffff;
	color:#333333;
}
.pagination p span {
	text-decoration:none;
	background:#339933;
	padding:2px 5px;
	border: 1px solid #339933;
	color:#ccc
}
.pagination * {margin:0}
.pagination h5 {
	margin-top:-2.45em;
	padding:7px;
	border:none
}
/* end of portfolio page navigation
------------------------------------------------------------------*/

p.click{	
	color: #626262;
	font-size: 11px;
	line-height: 18px;text-align: center;
}

.topofpage{
	float: right;
	height: 19px;
	width: 86px;
	margin: 20px 0 0 0;
	background: url(../images/top_of_page.gif) right top no-repeat;
}

.topofpage:hover{
	float: right;
	height: 19px;
	width: 86px;
	margin: 20px 0 0 0;
	background: url(../images/top_of_page.gif) no-repeat 0 -21px;
}


.more {
	font-size: 10px;
	margin: 6px 0 0 0; 
	display:block;
	text-align:right; 
	border:none; 
}

.thumbs_container {
	margin: 10px 0 4px 0;
	border: 0px solid #979797;
	width: auto;
	float: right;	
}

.comments_container {
	margin: 0 4px 0 0;
	border: 0px solid #979797;
	width: auto;
	float: left;	
}

.portfolio_box {
	position: relative;
	width: 422px;
	height: 317px;
	overflow:hidden;
	padding:9px 9px 9px 9px;
	margin:25px 0 10px 0;
	border: 1px solid #339933;
	float: left;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;
}

.breakout{ 	
	position: relative;
	width: 400px;
	height: 297px;
	overflow:hidden;
	border: 1px solid #339933;
	margin:8px 0 18px 19px;	
}

/*  R I G H T H A N D   C O L U M N
------------------------------------------------------------------*/
#rightbox {
	float: right;
	border: 0px solid #3A8E24;
	margin-right:5px;
	width: 219px;	
}

/* e x t e r n a l   p a g e   l i n k s
------------------------------------------------------------------*/
#rightbox ul#linklist  {
	text-indent: 15px;
	padding:0;
	margin: 8px 0 16px 0;
	
	list-style-type: none;
	float: right;
	width:204px;
}
#rightbox ul#linklist li {
	background: url(../icon/icon_link2.gif) no-repeat 0 7px;
	border-bottom: 1px dotted #339933;
	padding:5px;
	line-height:18px;
	margin:0;
}

#rightbox ul#linklist li a {
	color:#545E18;
	text-decoration:underline;
}

#rightbox ul#linklist li a:hover {
	color:#333333;
	text-decoration:none;
}

/* c o n t a c t   f o r m
------------------------------------------------------------------*/
#rightbox form{
	margin: 12px 0 10px 16px;
	padding: 0 0 12px 0;
	border-bottom: 0px dotted #339933;
}

#rightbox .label{
	display: block;
	margin: 0 0 6px 0;
	text-indent: 4px;
}

#rightbox span{
	color: #AE0000;
}

#rightbox input{
	display: block;
	width: 174px;
	text-indent: 2px;
	padding:4px;
	border: 1px solid #B9DEB3;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: #ffffff url(../images/form_bg.jpg) left top no-repeat;	
}

#rightbox input:focus{
	border: 1px solid #339933;
	font-weight:normal;
	background-image:none;
	background-color:#FFFFFF	
}

#rightbox input.button{
	margin: 16px 0 0 0;
	width: 90px;
	background: #B4B2B5;
	margin: 0 0 12px 0;
	color: #fff;
	cursor:pointer;
}

#rightbox .button:hover{
	margin: 16px 0 0 0;
	width: 90px;
	background: #339933;
	margin: 0 0 12px 0;
	color: #fff;
	cursor:pointer;
}

#rightbox textarea{
	display: block;
	width: 190px;
	height: 162px;
	text-indent: 2px;
		padding:4px;
	border: 1px solid #C1E6BB;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: #ffffff url(../images/form_bg.jpg) left top no-repeat;
  
}

/*
-------------------------------------------------------------------------------------------
#rightbox textarea:focus{

	border: 1px solid #339933;
	font-weight:normal;
	font: 19px Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/form_bg2.jpg) left top no-repeat;
	background-image:none;
	
}
---------------------------------------------------------------------------------------- */

/*
-------------------------------------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------------------------------- */
#footer{
	float: left;
	font-weight: bold;
	color: #454545;
	text-align: center; 
	width: 693px;
	padding: 15px 0 15px 0;
	margin: 35px 0 0 0;
	background: url(../images/footer.gif) left top no-repeat;
}

#footer li {
	display:inline;
	padding:0 10px 0 10px;
	border-right:1px solid #454545;	
}

#footer li a {
	color:#738020; 
	font-size: 11px;
}

#footer li a:hover {
	color:#C66001; 
	text-decoration:none;
}