/* Reset */

html{color:#666;background:#b8cba7;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:15px/1.231 georgia, trebuchet ms,serif;*font-size:small;*font:x-small; background: url('images/bg-gradient.png') repeat-x; padding: 10px;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Dropshadow box */
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#fff;
	border:1px solid #666;
	}

/* Rules for the top corners and border */
.bt {
	background:url('images/box.png') no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
	}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url('images/box.png') no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url('images/box.png') no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url('images/box.png') no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url('images/borders.png') repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url('images/borders.png') repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
	}


/* Content Style */

#container {
  	width: 770px;
  	margin: 0 auto;
}

#mast {
	height: 60px;
	padding: 0 7px 0 7px;
}

#mast img#logo {
 	float: left;
}

#mast img#phone-number {
 	float: right;
}

#height-fix {
	height: 580px;
}

#col1 {
	width: 496px;
	float: left;
	padding: 0 30px 0 0;
}

#col2 {
	width: 170px;
  	float: left;
  	padding: 0 10px 0 0;
}

#col1 img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: #ccc solid 1px;
}

#col1 #portfolio {
	background: #ddd;
	padding: 5px;
	margin: 20px 0 0 0;
}

a {
  	color: #437332;
  	text-decoration: none;
}

a:hover {
  	text-decoration: underline;
}

h1, h3 {
  	font-size: 1.2em;
	font-weight: bold;
  	color: #65471d;
  	letter-spacing: -0.02em;
	margin: 0 0 10px 0;
}

h2 {
  	background: url('images/bullet.gif') no-repeat top left;
  	padding: 0 0 5px 14px;
}

h4 {
  	font-weight: bold;
}

p {
	margin: 0 0 10px 0;
}

#footer {
  	height: 20px;
  	padding: 5px 7px 0 7px;
  	color: #fff;
	clear: both;
}

#footer #address {
  	width: 490px;
  	float: left;
}

#footer #email {
  	width: 200px;
  	float: right;
  	text-align: right;
}