body{
	margin:0;
	color:#585858;
	font:12px/18px Arial, Helvetica, sans-serif;
	background:#f9f9f9 url(../pix/bg-body.gif) repeat-x;
	min-width:1000px;
}
img{
	border-style:none;
	border:0px;
}
a{
	text-decoration:none;
	color:#335807;
}
a:hover{
	text-decoration:underline;
	color:#1c2e7b;
}
h1 {
	font-size:24px; 
}
h2 {
	font-size:20px;
}
ul {
	list-style:none;
}
li {
	list-style:none;
}

input, textarea, select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#585858;
	outline:none;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

#wrapper{
	width:100%;
	position:relative;
	background:url(../pix/bg-wrapper.gif) repeat-x 0 100%;
	padding:0 0 28px;
}
.wrap{
	width:100%;
	background:url(../pix/bg-topbar.jpg) no-repeat 50% 0;
}
.container{
	width:974px;
	margin:0 auto;
	position:relative;
}
.logo{
	position:absolute;
	top:24px;
	left:24px;
	width:100px;
	margin:0;
	z-index:100;
}
.logo a{
	background:url(../pix/logo.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
}
.title{
	position:absolute;
	top:24px;
	left:124px;
	width:250px;
	margin:0;
	z-index:100;
}
.title a{
	background:url(../pix/logo-title.png) no-repeat;
	width:250px;
	height:100px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
}
/* main */
#main{
	width:100%;
}

/* intro */
.intro{
	width:100%;
}
.intro img{
	display:block;
}
.intro .base{
	height:55px;
	width:1000px;
	margin:0 -13px 20px;
	position:relative;
	background:url(../pix/bg-intro-base.png) no-repeat;
}
.gallery{
	width:100%;
	overflow:hidden;
}
.gallery div {
	width:973px;
	position:relative;
	overflow:hidden;
}

/* main-home */
.main-home{
	height:1%;
	padding:0 16px 0 18px;
	overflow:hidden;
	background:url(../pix/divider01.gif) no-repeat 307px 0;
}
/* home */
.home{
	float:left;
	margin:0 0 10px 0;
	width:562px;
}
.home h1 {
	margin:0; 
	padding:0; 
	color:#77ad37; 
	line-height:22px;
	letter-spacing:-1px;
}
.home h2 {
	color:#717171; 
	letter-spacing:-1px;
}
.home p{
	margin:0 0 18px;
	font-size:16px;
	line-height:24px;
}

/* quote */
.quote{
	float:right;
	width:316px;
	margin:0 0 10px 0;
	padding:0 18px 0 0;
	letter-spacing:-1px;
}
.quote h2{
	margin:5px 0 5px 24px;
	color:#77ad37;
	font-size:18px; 
}
.quote p{
	margin:0 0 0 24px;
	font-size:14px;
	line-height:18px;
}

/* main-content */
.main-content{
	height:1%;
	padding:0;
	overflow:hidden;
	background:url(../pix/divider03.gif) no-repeat;
}
/* content */
.content{
	float:right;
	width:550px;
	padding:0;
}
.content h1 {
	margin:0; 
	padding:0; 
	color:#77ad37; 
	line-height:22px;
	letter-spacing:-1px;
}
.content h2 {
	color:#717171; 
	letter-spacing:-1px;
}
.content p{
	margin:0 0 18px;
	font-size:16px;
	line-height:24px;
}
.content li{
	font-size:16px;
	list-style-image:url(../pix/cross.gif);
}
/* main-portfolio */
.main-portfolio{
	height:1%;
	padding:0;
	overflow:hidden;
	background:url(../pix/divider04.gif) no-repeat;
}
/* collection */
.collection{
	float:right;
	width:730px;
	padding:0;
}
.collection h1 {
	margin:0; 
	padding:0; 
	color:#77ad37; 
	line-height:22px;
	letter-spacing:-1px;
}
.collection h2 {
	color:#717171; 
	letter-spacing:-1px;
}
.collection p{
	margin:0 0 18px;
	font-size:16px;
	line-height:24px;
}
.collection ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.collection li{
	float:left;
	padding:8px;
	font-size:14px;
	text-align:center;
}
.collection img{
	border:solid 1px;
	border-color:#E7E3E3;
	padding:2px;
}
.collection p img{
	margin:10px 10px 0 0;
}
.collection p a:hover img{
	border-color:#73AD31;
}


/* side */
.side{
	float:left;
	width:360px;
}
.side h3{
	margin:5px 0 5px 0;
	color:#77ad37;
	font-size:16px; 
	letter-spacing:-1px;
}
.side p{
	margin:0;
	font-size:14px;
	line-height:18px;
}
.list{
	margin: 0;
	padding: 0 5px 0 5px;
	width: 110px;
	float:left;
}
.list ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
.list li {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	background: url(../pix/cross.gif) no-repeat;
}
.worklist{
	margin: 0;
	padding: 0 5px 0 5px;
	width: 150px;
	float:left;
}
.worklist ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
.worklist li {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	background: url(../pix/cross.gif) no-repeat;
}
/* option */
.option{
	margin:10px 0 0 10px;
	padding:0;
	float:left;
	width:170px;
}
.option li {
	margin: 0;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	background: url(../pix/square.gif) no-repeat;
	border-top: #CCC 1px solid;
}
.option li.first {
	border-top: none;
}
.option li a{
	margin:0;
	padding:0;
}
#portfolio-frame{
	margin:0;
	padding:0;
	height:5px;
	line-height:5px;
}
#portfolio{
	margin:0;
	padding:0;
	width:360px;
	float:left;
	background-image:url(../pix/portfolio-middle.png);
}
#portfolio p.pix{
	margin:5px 0 0 5px;
}
#portfolio p.pix img{
	margin:0;
	padding:0 0 0 5px;
}
/* columns */
.columns{
	height:1%;
	overflow:hidden;
	background:url(../pix/divider02.gif) repeat-x;
	padding:25px 0 0 0;
	margin:0 19px;
}

.columns-hold{
	width:942px;
	margin:0 0 0 -14px;
	overflow:hidden;
}
.column{
	float:left;
	width:300px;
	padding:0 0 0 14px;
}
.column .date{
	font-size:11px;
	line-height:14px;
	color:#262626;
	font-style:normal;
}
.column h4{
	margin:0 0 8px;
	font-size:15px;
	line-height:16px;
	height:100px;
}
.column p{
	margin:0;
	padding:3px 0;
	font-size:16px;
}
.column ul{
	margin:0;
	padding:0;
	list-style:none;
}
.column li{
	margin:0;
	padding:3px 0 0 11px;
	background:url(../pix/diamond.gif) no-repeat 1px 7px;
	font-size:16px;
	line-height:18px;
}

/* header */
#header{
	position:absolute;
	top:0;
	left:0;
	width:973px;
	z-index:99;
}
#header .holder{
	background:url(../pix/bg-header.png);
	padding:0;
	width:100%;
	overflow:hidden;
}
.version{
	float:right;
	padding:8px 18px 0 0;
	height:25px;
	color:#C0C0C0;
	font-size:12px;
}
.version a{
	color:#C0C0C0;
}
.version a:hover{
	color:#77AD37;
	text-decoration:none;
}
.phone{
	clear:both;
	float:right;
	padding:0 16px 0 0;
	height:25px;
	color:#ABA437;
	font-size:14px;
}
.phone em{
	font-weight:bold;
	font-family:Calibri,Arial;
	font-size:22px;
}
#nav{
	clear:both;
	width:100%;
	height:40px;
	background:url(../pix/bg-nav.png);
}
#nav ul{
	float:right;
	list-style:none;
	padding:0 20px 0 0;
	margin:0;
	position:relative;
}
#nav ul li{
	float:left;
	padding:12px 12px 0 13px;
	background:url(../pix/stroke.gif) no-repeat;
}
#nav ul li.first{
	background:none;
}
#nav ul li.last{
	padding:12px 0 0 13px;
}
#nav ul li a{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	text-transform:uppercase;
	color:#9fcf67;
}
#nav ul li a:hover{
	text-decoration:none;
	color:#ffcc00;
}

/* footer-main */
.footer-main{
	background:#f4f3f3 url(../pix/bg-footer-main.gif) repeat-x 0 100%;
	width:100%;
	padding:20px 0 20px;
	color:#717171;
	overflow:hidden;
}
.footer-main .holder, #footer .holder{
	width:936px;
	margin:0 auto;
	padding:0 20px 0 18px;
}

/* footer-contact */
.footer-contact{
	float:left;
	width:211px;
	padding:0 100px 0 0;
}
.footer-contact h3{
	font-size:14px;
	line-height:16px;
	color:#77ad37;
	margin:0;
	padding:0 0 8px;
	text-transform:uppercase;
}
.footer-contact ul{
	list-style:none;
	padding:0;
	margin:0;
}
.footer-contact ul li{
	padding:0 0 5px;
	font-size:12px;
	line-height:15px;
}
/* footer-menu */
.footer-menu{
	float:left;
	width:115px;
	padding:0 46px 0 4px;
}
.footer-menu h3{
	font-size:14px;
	line-height:16px;
	color:#77ad37;
	margin:0;
	padding:0 0 7px;
	border-bottom:1px solid #cecece;
	text-transform:uppercase;
}
.footer-menu ul{
	list-style:none;
	padding:0;
	margin:0;
}
.footer-menu ul li{
	padding:3px 0 2px 11px;
	border-bottom:1px solid #cecece;
	background:url(../pix/bull02.gif) no-repeat 1px 7px;
	font-size:12px;
	line-height:14px;
}
.footer-menu a{
	color:#717171;
}
.footer-bodies{
	float:left;
	width:454px;
}
.footer-bodies h3{
	font-size:14px;
	line-height:16px;
	color:#77ad37;
	margin:0;
	padding:0 0 7px;
	border-bottom:1px solid #cecece;
	text-transform:uppercase;
}
.footer-bodies p{
	font-size:12px;
	line-height:16px;
	padding:2px 0 15px 5px;
	margin:0;
}
.footer-bodies ul{
	list-style:none;
	padding:0 0 0 5px;
	margin:0;
}
.footer-bodies ul li{
	float:left;
	padding:0 15px 0 0;
}
.footer-bodies img{
	float:left;
}

/* footer */
#footer{
	width:100%;
	background:#797979 url(../pix/bg-footer.gif) repeat-x 0 100%;
	padding:10px 0;
	font-size:12px Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
}
#footer p{
	margin:3px 9px 0 0;
	float:left;
}

#footer p a{
	color:#fff; 
	text-decoration:none;
}
.note {
	size:12px;
	float:right;
	padding:0 4px 0 0;
}
.note a, .note a:hover{
	color:#fff;
	text-decoration:none;
}