/* CSS BY SMARTDESIGN.BY */

* {
margin: 0px;
padding: 0px;
border: 0px;
border-collapse: collapse;
}

body {
background: url(../img/bg_gradient.jpg) 0% 30% repeat-x #3e0c3f;
width: 100%;
text-align: center;
font-family: arial;
font-size: 14px;
}

a {
color: #bb3cc3;
}

a:hover {
color: #333;
text-decoration: none;
}

#logo {
width: 479px;
background: url(../img/white_bg.gif) no-repeat;
margin-top: 16%;
margin-left: auto;
margin-right: auto;
height: 262px;
min-height: 262px;
}

#logo img.logo {
margin-top: 40px;
margin-bottom: 30px;
float: right;
}

#logo a.link {
display: block;
margin-bottom: 10px;
}

#logo div.leftcol_links {
float: left;
margin-left: 125px;
text-align: left;
width: 160px;
}

*HTML #logo div.leftcol_links {
float: left;
margin-left: 60px;
text-align: left;
width: 160px;
}

#logo div.rightcol_links {
margin-left: 20px;
text-align: left;
width: 160px;
float: left;
}

#work {
width: 100%;
padding: 20px 0px;
}

#work img {
margin: 10px;
border: 1px solid #AB21B4;
}

#text {
text-align: left;
width: 479px;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
}

#text img.logo {
margin-left: 80px;
margin-top: 20px;
margin-bottom: 10px;
float: right;
border: 0px;
}

#text img {
margin: 0px 10px 10px 10px;
float: left;
border: 1px solid #3c0b3d;
}

#text h1 {
font-size: 15px;
font-family: Verdana;
color: black;
float: left;
margin-bottom: 2px;
margin-left: 8px;
margin-right: 8px;
width: 95%;
}

#text p {
text-indent: 10px;
font-family: Verdana;
font-size: 12px;
color: black;
margin-bottom: 13px;
margin-left: 8px;
margin-right: 8px;
}

#text div.top_bg {
float: left;
background: url(../img/bg_top.gif) center top no-repeat #fff;
width: 479px;
}

*HTML #text div.top_bg {
margin-left: -4px;
margin-right: -4px;
}

#text div.bot_bg {
float: left;
background: url(../img/bg_bot.gif) center bottom no-repeat;
width: 479px;
min-height: 262px;
padding-bottom: 20px;
}

*HTML #text div.bot_bg {
height: 262px;
}