html, body {
margin: 0;
padding: 0;
}
body {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
color: #333;
background-image: url('images/background.jpg');
background-position: top left;
background-repeat: repeat-x;
}
#container {
margin-left: auto;
margin-right: auto;
width: 719px;
font-size: 90%;
text-align: center;
position: relative;
}
#container_inside {
margin-left: auto;
margin-right: auto;
width: 840px;
font-size: 90%;
text-align: center;
position: relative;
}
#header {
width: 100%;
height: 163px;
}
#header_links {
position: absolute;
top: 20px;
right: 0;
}

#header_links div {
width: 50px;
height: 36px;
float: left;
margin-right: 10px;
}

#header_logo {
padding: 0;
position: absolute;
top: 20px;
left: 0;
}

#header_logo_home {
padding: 0;
position: absolute;
top: 20px;
left: 0;
}
#logotype_home {
position: absolute;
top: 115px;
left: 25%;
z-index: 10;
}
#logotype_inside {
position: absolute;
top: 65px;
left: 38%;
z-index: 10;
}
/* BEGIN HOME PAGE STYLES */
#home_box {
background-image: url('images/home_box.gif');
background-position: top left;
background-repeat: repeat-x;
height: 443px;
width: 688px;
padding: 0 15px 0 16px;
}
div.category {
padding: 5px 0 0 0;
height: 140px;
text-align: center;
margin: 0 auto 0 auto;
width: 172px; 
}
#cat_fashion {
background-image: url('images/cat_fashion.jpg');
background-position: 10px 14px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
text-align: center;
}
#cat_food {
background-image: url('images/cat_food.jpg');
background-position: 10px 14px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
text-align: center;
}
#cat_macro {
background-image: url('images/cat_macro.jpg');
background-position: 10px 14px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
text-align: center;
}
#cat_motorsports {
background-image: url('images/cat_motorsports.jpg');
background-position: 10px 14px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
text-align: center;
}
.caption {
margin-top: -30px;
font-size: 85%;
}
.caption a {
color: #666;
text-decoration: none;
}
.caption a:hover {
color: #333;
text-decoration: none;
}

table.categories td {
vertical-align: middle;
text-align: center;
height: 180px;  /* use 225 for 8 or less; 180 for 9-12 */
}

table.verticalcenter td {
vertical-align: middle;
text-align: center;
}

/* END HOME PAGE STYLES */

/* BEGIN INSIDE PAGE STYLES */

#inside_box {
height: 550px;
width: 840px;
overflow: hidden;
z-index: 5;
position: absolute;
top: 80px;
left: 0;
text-align: left;
}


div.blue { background-color: #66f; }
div.red { background-color: #811; }
div.orange { background-color: #f90; }
div.green { background-color: #8f8; }
div.yellow { background-color: #ff3; }




#inside_border {
height: 550px;
width: 840px;
overflow: hidden;
z-index: 10;
position: absolute;
top: 80px;
left: 0;
}

#inside_border_back {
height: 550px;
width: 840px;
overflow: hidden;
z-index: 1;
position: absolute;
top: 80px;
left: 0;
}


/*
#box_border {
height: 445px;
width: 719px;
overflow: hidden;
z-index: 10;
position: absolute;
top: 0;
left: 0;
}
*/
.image_box {
width: 840px;
text-align: center;
display: none;
}
.image_full {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
}

#controls {
position: absolute;
top: 640px;
left: 10px;
z-index: 99;
}
#controls a, #controls a:link, #controls a:visited {
color: #555;
font-size: 85%;
text-decoration: none;
background-color: #eee;
padding: 2px 6px 2px 6px;
}
#controls a:hover {
background-color: #ccc;
}


a #btn_categories {
width: 50px;
height: 36px;
background-image: url('images/btn_categories_dim.png');
background-position: top left;
}

a:hover #btn_categories {
width: 50px;
height: 36px;
background-image: url('images/btn_categories.png');
background-position: top left;
}

a #btn_contact {
width: 50px;
height: 36px;
background-image: url('images/btn_contact_dim.png');
background-position: top left;
}

a:hover #btn_contact {
width: 50px;
height: 36px;
background-image: url('images/btn_contact.png');
background-position: top left;
}

a #btn_info {
width: 50px;
height: 36px;
background-image: url('images/btn_info_dim.png');
background-position: top left;
}

a:hover #btn_info {
width: 50px;
height: 36px;
background-image: url('images/btn_info.png');
background-position: top left;
}

a #btn_login {
width: 50px;
height: 36px;
background-image: url('images/btn_login_dim.png');
background-position: top left;
}

a:hover #btn_login {
width: 50px;
height: 36px;
background-image: url('images/btn_login.png');
background-position: top left;
}

#btn_clients {text-indent:-9999px;width:50px;height:36px;}
#btn_clients a {background:url('images/btn_clients.png') no-repeat top left;width:50px;height:36px;display:block;}
#btn_clients a:hover {background:url('images/btn_clients.png') no-repeat bottom left;width:50px;height:36px;display:block;}

table#form {
position: relative;
top: 50px;
left: 180px;
z-index: 199;
}

table#form td.label {
color: #888;
font-size: 85%;
text-align: right;
}

table#form td input {
width: 245px;
height: 22px;
background-color: #eee;
text-align: left;
}

table#form td textarea {
width: 245px;
height: 120px;
background-color: #eee;
text-align: left;
}


li {
margin-bottom: 16px;
}

li img {
margin-top: 2px;
margin-bottom: 2px;
}



/* END INSIDE PAGE STYLES */

#footer {
margin: 6px 0;
font-size: 85%;
color: #666;
position: relative;
top: 475px;
}
#facebook {
color: #666;
position: relative;
top: 425px;
z-index: 25;
}
#facebook a {
color: #666;
text-decoration:none;
/*
display: block;
width: 200px;
height: 48px;
*/
}
#footer_inside {
margin: 6px 0;
font-size: 85%;
color: #666;
position: relative;
top: 520px;
}
.light {
color: #999;
}
.copyright {
font-size: 80%;
color: #666;
}