@font-face {
	font-family: 'FuturaMdMedium';
	src: url('futura-webfont.eot');
	src: local('☺'), url('futura-webfont.woff') format('woff'), url('futura-webfont.ttf') format('truetype'), url('futura-webfont.svg#webfontrUisOPTk') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
    height: 100%;
}

body { 
    font-family: 'FuturaMdMedium', Sans-Serif;
    font-size: 12px;
    background-color: #fdeef4;
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow-x: hidden;
}

img {
    border: none;
}

/*-- divs --*/
div.mainGrad
{
    background-image: url(img/page_gradient.png);
    background-repeat: repeat-y;
    width: 100%;
    min-width: 822px;
    max-width: 1200px;
    height: 100%;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

div.mainBox
{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 691px;
    width: 1200px;
    margin-left: -600px;
    margin-top: -345px;
}

div.leftBorder
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 189px;
    height: 691px;
    background-image: url(img/page_side_left.png);
}

div.rightBorder
{
    position: absolute;
    left: 1011px;
    top: 0px;
    width: 189px;
    height: 691px;
    background-image: url(img/page_side_right.png);
}

div.mainBoxInner
{
    position: absolute;
    left: 189px;
    width: 822px;
    height: 691px;
}

div.logoBox
{
    position: absolute;
    left: 245px;
    top: 0px;
    width: 332px;
    height: 121px;
    background-image: url(img/page_logo_rampant.png);
}

div.topBorder
{
    position: absolute;
    top: 121px;
    width: 822px;
    height: 20px;
    background-image: url(img/page_border_up.png);
}

div.bottomBorder
{
    position: absolute;
    top: 631px;
    width: 822px;
    height: 16px;
    background-image: url(img/page_border_down.png);
}

div.mainContent
{
    position: absolute;
    top: 141px;
    width: 822px;
    height: 490px;
    background: #ffffff;
}

div.mainMenu
{
    position: absolute;
    top: 14px;
    left: 96px;
    width: 630px;
    height: 12px;
}

div.ruler
{
    position: absolute;
    top: 40px;
    width: 100%;
    height: 5px;
    background-image: url(img/ruler.png);
}

div.innerContent
{
    position: absolute;
    top: 50px;
    left: 5px;
    width: 812px;
    height: 435px;
}

div.mainLeftContent
{
    width: 230px;
    height: 100%;
    margin-top: 5px;
    margin-left: 10px;
}

div.mainCenterContent
{
    position: absolute;
    top: 0px;
    left: 230px;
    width: 350px;
    height: 100%;
    margin-top: 5px;
}

div.mainRightContent
{
    position: absolute;
    top: 0px;
    left: 582px;
    width: 230px;
    height: 100%;
    margin-top: 5px;
    margin-right: 10px;
}

div.blogMainContent
{
    width: 450px;
    height: 100%;
    margin-top: 5px;
    margin-left: 10px;
}

div.blogMenuContent
{
    position: absolute;
    top: 0px;
    left: 450px;
    width: 130px;
    height: 100%;
    margin-top: 5px;
}

div.teamContent
{
    position: absolute;
    top: 0px;
    left: 230px;
    width: 580px;
}

div.teamPerson
{
    position: absolute;
    width: 150px;
    height: 220px;
}

div.artGrid
{
    position: absolute;
    top: 0px;
    left: 250px;
    width: 560px;
    height: 100%;
}

div.artThumb
{
    float: left;
    width: 90px;
    height: 90px;
    border: solid 1px #808080;
    padding: 0px;
    margin: 5px;
}

div.contactLeftContent
{
    width: 400px;
    height: 100%;
    margin-top: 5px;
    margin-left: 10px;
}

div.contactRightContent
{
    position: absolute;
    top: 0px;
    left: 430px;
    width: 382px;
    height: 100%;
    margin-top: 5px;
}

div.contactAddress
{
    float: left;
    width: 195px;
}

div.contactEmail
{
    float: right;
    width: 195px;
}

p.normal
{
    color: #707070;
}

p.signature
{
    color: #707070;
    text-align: right;
}

p.footer
{
    color: #808080;
    font-size: smaller;
    text-align: center;
}

input.emailField
{
    font-family: 'FuturaMdMedium', Sans-Serif;
    font-size: 12px;
    display: block;
    border: solid 1px #909090;
    width: 380px;
    height: 18px;
    padding-top: 2px;
}

input.sendButton
{
    width: 39px;
    height: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 171px;
    padding-right: 170px;
    border: solid 1px #909090;
}

textarea
{
    font-family: 'FuturaMdMedium', Sans-Serif;
    font-size: 12px;
    display: block;
    border: solid 1px #909090;
    width: 380px;
    height: 150px;
}

a:link { color:#404040; text-decoration: none; }
a:visited { color:#404040; text-decoration: none; }
a:hover { color:#202020; text-decoration: none; }
a:active { color:#404040; text-decoration: none; }