@import "typography.css";

a img {
	border: none;
}

a:hover, a:focus, a:active {border:none;}

body {
	background: url('bg.png') repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

div#body2 {
	background: url('bg.png') repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	margin-bottom: -2px;
}

div#wrapper {
	background: url('shadow-side.png') repeat-y;
	margin: auto;
	padding: 0px;
	width: 818px;
	height: auto;
	margin-top: 10px;
}

div#wrapper img#shadow-side-top {
	padding: 0px;
	float: right;
}

div#page {
	margin: auto;
	padding: 0px;
	width: 796px;
	height: auto;
	outline: solid #FFF 2px;
}

div#header {
	height: 96px;
}

div#header img {
	height: 96px;
	width: 796px;
	outline: 0px;
}

div.box-shadow-side {
	background: url('shadow-box-side.png') repeat-y;
	float: left;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: -13px;
	opacity: 0.8;
}

div#shadow-side {
	padding: 0px;
	margin: auto;
	height: auto;
	width: 818px;
	padding-top: 2px;
	overflow: hidden;
}

ul.buttons {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul.ftbuttons {
	background: #bbbbbb;
	margin: 0px;
	height: 50px;
	width: 96px;
	float: right;
	padding: 0px;
}

ul#portfolio-slideshow {
	margin: auto;
	width: 660px;
    height: 75px;
    border: 1px solid #1f8400;
    background: #bbbbbb;
	margin-top: 25px;
	list-style-type: none;
}

ul#portfolio-slideshow li {
	margin-left: -40px;
}

div#content {
	background: url('content-bg.png') repeat-x;
	background-color: #e5e2e2;
	height: 100%;
	width: 796px;
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
}

div#portfolio {
	height: auto;
	width: 796px;
	margin-left: 24px;
}

div.home-box {
	margin: auto;
	width: 700px;
	height: auto;
	background: #2e2e2e;
	padding: 0px;
	padding-right: 5px;
	overflow: hidden;
}

div.port {
	margin: auto;
	padding: 0px;
	padding-top: 25px;
	height: 300px;
	width: 750px;
}

div#cont-box {
	margin: auto;
	width: 600px;
	height: auto;
	background: #2e2e2e;
	padding: 0px;
	padding-right: 5px;
	overflow: hidden;
}

div.box-shadow-top {
	margin: auto;
	width: 808px;
	height: 13px;
	overflow: hidden;
	margin-left: -11px;
	opacity: .8;
}

div#shadow-bottom {
	margin: auto;
	width: 808px;
	height: 13px;
	overflow: hidden;
	padding-left: 10px;
}

div#ad {
	margin-top: 25px;
	margin-left: 34px;
	padding-bottom: 25px;
}

div#contact-form {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

ul.buttons{display:inline}
ul.buttons a{padding:0}
ul.buttons a:hover{background:none;padding:0}
ul.buttons li{display:inline;float:left;margin:0px}
ul.buttons li a{text-decoration:none;color:#777;display:block}
ul.buttons li a.inactive{height:50px;width:175px}
ul.buttons li span{display:block;height:50px;overflow:hidden;width:175px}

ul.ftbuttons{display:inline}
ul.ftbuttons a{padding:0}
ul.ftbuttons a:hover{background:none;padding:0}
ul.ftbuttons li{display:inline;float:left;margin:2px}
ul.ftbuttons li a{text-decoration:none;color:#777;display:block}
ul.ftbuttons li a.pages{height:44px;width:44px}
ul.ftbuttons li span{display:block;height:44px;overflow:hidden;width:44px}

div#content img.portfolio {
	padding: 0px;
	float: left;
	border: 1px solid #1f8400;
}

textarea {
	resize: none;
}

.boxgrid{  
    width: 350px;
    height: 260px;
	margin: 10px;
	float: left;
    border: ridge 2px #F8F8F8;
    overflow: hidden;
	position: relative;
}  

.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 80px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
    top: 260px;
	left: 0;
}

.caption .boxcaption {
    top: 220px;
	left: 0;
}