body
{
margin: 0px auto;
background-color: #fff;
}

#main
{
width: 900px;
height: 100%;
margin: 0px auto;
}

#header
{
width: 100%;
height: 124px;
background-image: url("images/headerbg.jpg");
background-position: top center;
background-color: #000;
background-repeat: no-repeat;
margin: 0px auto;
}

#nav
{
width: 875px;
margin: 0px auto;
font-family: Century Gothic, Arial, Verdana;
font-size: 16px;
color: #fff;
padding-left: 25px;
padding-top: 95px;
}

#nav a
{
color: #fff;
font-size: 16px;
text-decoration: none;
}

#nav a:hover
{
color: #1de708;
font-size: 16px;
text-decoration: none;
}

#content
{
width: 900px;
margin: 0 auto;
margin: 0px auto;
}

#leftcontent
{
width: 350px;
padding: 25px;
float: left;
font-family: Century Gothic, Arial, Verdana;
font-size: 12px;
color: #000;
background-image: url("images/contentbg.jpg");
background-position: top center;
background-repeat: no-repeat;
}

#rightcontent
{
width: 440px;
padding: 25px;
float: right;
text-align: right;
}

.blogleft
{
width: 450px;
padding: 25px;
float: left;
font-family: Century Gothic, Arial, Verdana;
font-size: 12px;
color: #000;
}

.blogright
{
width: 340px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-top: 50px;
float: right;
}


#design
{
background-image: url("images/designis.jpg");
background-position: top center;
width: 100%;
height: 361px;
background-repeat: no-repeat;
background-color: #292929;
margin: 0px auto;
clear: both;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#outsidebox
{
background-image: url("images/outsidebox.jpg");
background-position: top center;
width: 100%;
height: 361px;
background-repeat: no-repeat;
background-color: #292929;
margin: 0px auto;
clear: both;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#blacksheep
{
background-image: url("images/blacksheep.jpg");
background-position: top center;
width: 100%;
height: 361px;
background-repeat: no-repeat;
background-color: #292929;
margin: 0px auto;
clear: both;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#footer
{
width: 100%;
height: 300px;
background-color: #acd0d3;
margin: 0px auto;
}

h1
{
font-family: Century Gothic, Arial, Verdana;
font-size: 18px;
color: #000;
}

h2
{
font-family: Century Gothic, Arial, Verdana;
font-size: 14px;
color: #000;
border-bottom: 1px dotted #000;
}

.magenta
{
font-family: Century Gothic, Arial, Verdana;
font-size: 16px;
color: #ec008c;
}

.green
{
font-family: Century Gothic, Arial, Verdana;
font-size: 16px;
color: #1de708;
}

.cyan
{
font-family: Century Gothic, Arial, Verdana;
font-size: 16px;
color: #08d5e7;
}

#footercontent
{
width: 900px;
margin: 0px auto;
}

#footercontentleft
{
width: 420px;
float: left;
}

#footercontentright
{
width: 420px;
background-image: url("images/ringading.gif");
background-repeat: no-repeat;
float: right;
text-align: right;
font-family: Century Gothic, Arial, Verdana;
font-size: 12px;
color: #000;
padding-top: 20px;
}

a
{
font-family: Century Gothic, Arial, Verdana;
font-size: 12px;
color: #ec008c;
text-decoration: none;
}

a:hover
{
font-family: Century Gothic, Arial, Verdana;
font-size: 12px;
color: #1de708;
text-decoration: none;
}