/**
 * CSS-file for CRS PHOTO V1.0
 *
 * author: Verkoyen Tys
 * company: CR Solutions (http://www.crsolutions.be)
 */

/* testing
div {
 border: 1px solid #FF0000;
}
*/

/* Start Structure */
body, html {
 padding: 0;
 margin: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

#container {
 background-image: url(../images/container_bg.gif);
 background-position: 200px 33px;
 background-repeat: repeat-x;
}

#header {
 margin: 0;
 padding: 0;
 height: 55px;
}

#header #logo {
 float: left;
 position: relative;
 margin: 0;
 padding: 10px 0 0 0;
 width: 220px;
 height: 43px;
 background-image: url(../images/logo.gif);
 background-position: 0px 10px;
 background-repeat: no-repeat;
}

#header #path {
 position: relative;
 margin: 0 0 0 230px;
 padding: 33px 0 0 0;
}

#content {
 margin: 0 0 0 20px;
 padding: 0;
}

#content div.items {
 overflow: auto;
}

#content div.items div.item {
 float: left;
 margin: 0px 10px 5px 0;
 width: 135px;
 height: 135px;
 text-align: center;
}

#footer {
 position: relative;
 margin: 20px;
 padding: 0 0 0 5px;
 font-size: 9px;
 background-image: url(../images/container_bg.gif);
 background-repeat: repeat-x;
}
/* End Structure */

/* Start Pure Layout */
#content h1 {
 clear: left;
 margin: 0 20px 5px 0;
 padding: 0;
 color: #FF6600;
 font-size: 11px;
 text-transform: capitalize;
 vertical-align: baseline;
 line-height: 12px;
 background-image: url(../images/container_bg.gif);
 background-position: bottom left;
 background-repeat: repeat-x;
}
/* End Pure Layout */

/* Start Links */
a img {
 border: 0px solid #ffffff;
}

#path a {
 text-decoration: none;
}

#path a:hover {
 color: #FF6600;
}

div.item a {
 display: block;
 width: 100px;
 height: 100px;
 text-decoration: none;
 color: #000000;
}

#footer a {
 color: #FF6600;
 text-decoration: none;
}

#footer a:hover {
 text-decoration: underline;
}
/* End Links */

/* stupid IE-hacks */
* html #content {
 height: 400px;
}