body {
margin: 0px;
padding: 0px;
font-family: Trebuchet-MS, sans-serif;
background: url(../images/bkg_rpt.jpg) repeat;
}

#container{
margin: auto;
width: 900px;
height: 800px;
}

#container a:link {
text-decoration: none;
color: red;
}
#container a:visited {
text-decoration: none;
color: red;
}
#container a:hover {
text-decoration: underline;
color: red;
}
#container a:active {
color: red;
}

#top{
width: 900px;
height: 422px;
background: url(../images/bark-out-loud-logo.png);
margin-top: 35px;
}

#three_beams{
position: absolute;
width: 900px;
height: 197px;
margin-top: 227px;
margin-left: 3px;
}

#flower{
position: absolute;
width: 250px;
height: 248px;
margin-top: 20px;
margin-left: 700px;
}


#bottom_wrapper{
width: 900px;
height: 220px;
color: #666666;
font-weight: bold;
margin-top: 1px;
}

#box1{
position: relative;
float: left;
width: 286px;
margin-left: 2px;
}

.white_box1{
position: absolute;
background-color: white;
width: 100%;
height: 206px;
filter:alpha(opacity=50);
moz-opacity:0.5;
khtml-opacity: 0.5;
opacity: 0.5;
}

#box1 .content {
width: 287px;
position: relative;
font-size: 12px;
}



#box2{
position: relative;
float: left;
width: 285px;
margin-left: 20px;
}

.white_box2{
position: absolute;
background-color: white;
width: 100%;
height: 206px;
filter:alpha(opacity=50);
moz-opacity:0.5;
khtml-opacity: 0.5;
opacity: 0.5;
}

#box2 .content {
width: 287px;
position: relative;
font-size: 12px;
}



#box3{
position: relative;
float: right;
width: 285px;
height: 160px;
margin-right: 3px;
}

.white_box3{
position: absolute;
background-color: white;
width: 100%;
height: 206px;
filter:alpha(opacity=50);
moz-opacity:0.5;
khtml-opacity: 0.5;
opacity: 0.5;
}

#box3 .content {
width: 287px;
height: 206px;
position: relative;
font-size: 12px;
}

.content {
position: relative;
}

.content p{
margin: 0px;
padding: 10px;
}

.red_text{
color: red;
}

#list{
height: 100%;
padding-top: 8px;
margin-left: 15px;
font-size: 30px;
line-height: 7px;
font-weight: bold;
}

.wecreate{
color: #00AEDB;
position: relative;
}

.wethink{
position: relative;
color: #DD70A3;
filter:alpha(opacity=80);
moz-opacity:0.8;
khtml-opacity: 0.8;
opacity: 0.8;
}

.weinnovate{
position: relative;
color: #FF3400;
filter:alpha(opacity=60);
moz-opacity:0.6;
khtml-opacity: 0.6;
opacity: 0.6;
}

.wemake{
position: relative;
color: #78C800;
filter:alpha(opacity=60);
moz-opacity:0.6;
khtml-opacity: 0.6;
opacity: 0.6;
}

.wedeliver{
position: relative;
color: #EA7100;
filter:alpha(opacity=60);
moz-opacity:0.6;
khtml-opacity: 0.6;
opacity: 0.6;
}


#footer{
float: right;
width: 700px;
height: 100%;
margoin-top: 15px;
color: white;
}

#footer p{
font-size: 12px;
float: right;
margin-right: 5px;
margin-top: 23px;
}

#dog_icon{
float: left;
width: 80px;
height: 62px;
background: url(../images/dog-icon.png) repeat;
}