/* CSS Document */

/* Tags */

body, html{
margin:0;
padding:0;
background-image:url(../images/body-bg.gif);
background-repeat:repeat-x;
background-position:top left;
background-attachment:scroll;
background-color:#ffffff;
}

/* IDs */
#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header{
height:130px;
width:800px;
background-image:url(../images/header-bg.jpg);
}

#mainnavigation{
background-color:#CCCCCC;
margin-bottom:20px;
background-image:url(../images/bg3.gif);
}

#subnavigation{
background-image:url(../images/bg3.gif);
background-color:#CCCCCC;
margin-bottom:20px;
}

#contentwrapper{
float: left;
width: 100%;
margin-bottom:20px;
}

#contentwide{
margin-bottom:20px;
}

#contentcolumn{
float:left;
width:540px;
margin-right:20px;
}

#rightcolumn{
float: right;
width: 240px; /*Width of right column*/
background-image:url(../images/bg3.gif);
}

#contentcolumnhome{
float:left;
width:520px;
margin-right:20px;
padding:10px;
background-color:#FFFFFF;
background-image:url(../images/bg5.gif);
}

#rightcolumnhome{
float: right;
width: 240px; /*Width of right column*/
background-image:url(../images/bg5.gif);
}

#footer{
clear: both;
width: 100%;
background-color:#e41263;
color: #000000;
padding:10px 0 0 0;
}


/* Classes */
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}


/* Portfolio Boxes */

.port-piece-box-dark {
float:left;
width:520px;
padding:10px;
margin-bottom:20px;
background-image:url('../images/bg3.gif');
}

.port-piece-box-dark-l {
float:left;
margin-right:20px;
}

.port-piece-box-dark-l img{
padding:10px;
background-color:#000000;
}

.port-piece-box-dark-r {
margin-right:10px;
}


.port-piece-box-light {
float:left;
width:520px;
padding:0 10px 0 10px;
margin-bottom:20px;
background-color:#FFFFFF;
}

.port-piece-box-light-l {
float:left;
margin-right:20px;
}

.port-piece-box-light-l img{
padding:10px;
background-color:#000000;
}

.port-piece-box-light-r {
margin-right:10px;
}