/* Max D Images */
/* The 'design' (the unique combination of images, colors, sizes, typography, and positioning) is copright Max D Images */
/* Max D Images is Max Dijksterhuis - http://www.maxdimages.com */
/* General */
html {
font-size: 100%; /* IE hack */
}
body {
margin-top: 15px;
padding: 0;
background: #000;
color: #fff;
font-size: 0.75em;
font-family: Trebuchet MS, Arial, sans-serif;
}
h1 {
margin: 0 0 14px 0;
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
margin: 0 0 14px 0;
}
a {
color: #886A4B;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
/* Containers */
#wrapper {
width: 997px;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}
#frame {
width: 766px;
height: 555px;
margin: 0 auto 0 auto;
background: url(img/frame.jpg) no-repeat;
}
#header {
position: relative;
}
#logo {
width: 302px;
height: 56px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 148px;
}
#inner_frame {
width: 644px;
height: 432px;
margin: 0 0 0 60px;
padding-top: 60px;
}
#inner_frame_content {
width: 644px;
height: 432px;
padding: 95px 0 0 197px;
}
#inner_frame_content_wide {
width: 575px;
height: 362px;
margin: 0 0 0 60px;
padding: 92px 40px 35px 39px;
}
.cat_block {
width: 120px;
padding: 0;
margin: 0 40px 20px 0;
float: left;
}
.cat_block_bottom {
margin-left: 80px;
}
#inner_frame_cat {
width: 575px;
height: 362px;
margin: 0 0 0 162px;
padding: 150px 40px 35px 0px;
}
#inner_frame_cat_2 {
width: 575px;
height: 362px;
margin: 0 0 0 240px;
padding: 150px 40px 35px 0px;
}
#content_left {
width: 180px;
float: left;
margin-right: 35px;
}
#flash {
width: 634px;
height: 422px;
border: 5px #000 solid;
}
#right_col {
width: 123px;
position: absolute;
top: 101px;
right: 1px;
}
#left_col {
width: 122px;
position: absolute;
top: 101px;
left: 1px;
}
/* Image Borders */
.stroke {
border: 1px #fff solid;
margin: 0 20px 10px 0;
padding: 0;
float: left;
}
.stroke_pad_w {
border: 1px #fff solid;
margin: 0 20px 0 0;
padding: 0;
}
.stroke_pad_b {
border: 5px #000 solid;
}
.stroke_pad_sm {
border: 1px #fff solid;
margin: 0 0 5px 0;
}
.double_pad {
margin: 0 0 8px 32px;
}
.double_pad_long {
margin: 0 0 8px 1px;
}
.double_pad_cat {
padding: 0;
margin: 10px 0 0 21px;
float: left;
}
.stroke_pad_cat {
border: 1px #fff solid;
padding: 0;
margin: 0;
}
/* Navigation */
#nav_container {
position: relative;
}
#nav {
width: 635px;
height: 12px;
margin: 0;
padding: 0;
position: absolute;
top: -20px;
left: 182px;
background: transparent url(img/nav.gif) no-repeat;
}
#menu {
margin: 0;
padding: 0;
height: 12px;
position: relative;
}
#menu li, #menu li a {
height: 12px;
display: block;
}
#menu_home {
position: absolute;
left: 0;
width: 38px;
}
#menu_home a:hover, .home_active {
background: transparent url(img/nav.gif) no-repeat 0 -15px;
}
#menu_portfolio {
position: absolute;
left: 141px;
width: 57px;
}
#menu_portfolio a:hover, .portfolio_active {
background: transparent url(img/nav.gif) no-repeat -141px -15px;
}
#menu_contact {
position: absolute;
left: 295px;
width: 47px;
}
#menu_contact a:hover, .contact_active {
background: transparent url(img/nav.gif) no-repeat -295px -15px;
}
#menu_about {
position: absolute;
left: 449px;
width: 39px;
}
#menu_about a:hover, .about_active {
background: transparent url(img/nav.gif) no-repeat -449px -15px;
}
#menu_links {
position: absolute;
left: 600px;
width: 35px;
}
#menu_links a:hover , .links_active{
background: transparent url(img/nav.gif) no-repeat -600px -15px;
}
/* Contact */
#contact_form {
float: left;
width: 180px;
}
.form {
color: #ebebeb;
font-size: 1.1em;
font-weight: bold;
}
.title {
padding-bottom: 3px;
font-size: 0.9em;
}
.formfield {
color: #000;
font-size: 0.9em;
font-weight: bold;
padding: 1px;
margin-bottom: 7px;
height: 14px;
width: 150px;
background: #B0B0B0;
border: #7C7C7C solid 1px;
}
textarea {
color: #000;
font-size: 1.2em;
font-weight: bold;
padding: 3px 3px 3px 3px;
background: #B0B0B0;
border: #7C7C7C solid 1px;
width: 150px;
height: 150px;
}
.formbutton {
color: #393838;
font-size: 0.9em;
font-weight: bold;
margin-right: 3px;
}