﻿body
{
background-color: #000000;
}

p
{
font: Normal 13px 'Arial';
padding: 0px;
margin: 0px;
color: #FFFFFF;
}

.caption
{
font: Normal 10px 'Arial';
padding: 0px;
margin: 0px;
margin-top: 5px;
text-align: center;
color: #FFFFFF;
}

ul
{
font: Normal 12px 'Arial';
}


h1
{
font: Normal 26px 'Arial Narrow';
padding: 0px;
margin: 0px;
color: #FFFFFF;
}

h2
{
font: Normal 18px 'Arial';
padding: 0px;
margin: 0px;
color: #FFFFFF;
}

#page
{
border: 0px solid #FFFFFF;
margin: auto; 
top: 30px;
position: relative;
padding: 0px;
width: 780px;
}

#header
{
border: 0px solid RED;
position: relative;
margin: 0px;
padding: 0px;
width: 778px;
float: left;
}

#logo
{
border: 0px solid GREEN;
position: relative;
margin: 0px;
padding: 0px;
width: 150px;
float: left;
}

#nav
{
border: 0px solid BLUE;
position: relative;
margin: 0px;
margin-top: 61px;
padding: 0px;
width: 624px;
float: left;
}

#nav ul 
{
border: 0px solid PURPLE;
margin: 0px;
padding: 3px;
float: right;
list-style: none;
}

#nav .bull
{
font: Bold 12px 'Helvetica';
color: ORANGE;
}

#nav li 
{
border: 0px solid GRAY;
float: left;
position: relative;
margin: 0px;
margin-left: 7px;
margin-right: 7px;
padding: 0px;
}

#nav li a
{
font: Bold 11px 'Helvetica';
text-decoration: none;
color: #FFFFFF;
}

#content
{
border: 0px solid YELLOW;
position: relative;
margin: 0px;
padding: 0px;
padding-top: 15px;
width: 778px;
float: left;
}

#content .image
{
border: 0px solid GREEN;
float: left;
margin: 0px;
padding: 0px;
}

#content .image img
{
border: 1px Solid #CCCCCC;
}

#crackedPainting
{
width: 250px;
}

#content #text
{
border: 0px solid GREEN;
float: right;
width: 514px;
margin: 0px;
padding: 0px;
text-align: center;
}

#container
{
border: 0px solid YELLOW;
position: relative;
margin: 0px;
padding: 0px;
padding-top: 15px;
padding-bottom: 14px;
width: 776px;
float: left;
}

.shadow
{
border: 1px solid #000000;
background-color: #303030;
position: relative;
text-align: left;
width: 230px;
float: left;
height: 210px;
margin: 0px;
padding-left: 8px;
padding-top: 8px;
}

.section
{
border: 2px solid #000000;
background-color: #FFFFFF;
float: left;
position: absolute;
text-align: left;
width: 240px;
float: left;
height: 220px;
margin: 0px;
}

.section .title
{
border-bottom: 2px solid #000000;
background-color: #888888;
position: absolute;
text-align: left;
width: 240px;
height: 20px;
float: left;
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;

text-align: center;
}

.section .title h2
{
font: Bold 16px 'Arial';
padding: 0px;
margin: 0px;
margin-top: 1px;
color: #FFFFFF;
}

.section .title p
{
font: Bold 14px 'Arial';
padding: 0px;
margin: 0px;
margin-top: 3px;
color: #FFFFFF;
}

#info
{
text-align: left;
margin: 0px;
padding: 0px;
}

#info ul
{
list-style-type: disc;
margin-top: 35px;
}


#info ul
{
margin-right: 10px;
font: Normal 12px 'Arial';
}

#info li
{
margin-top: -1px;
margin-left: -15px;
line-height: 16px;

}

#calculator
{
text-align: justify;
margin: 0px;
padding: 0px;
}

#console
{
/*border: Solid 1px #0000FF;*/
margin: 0px;
padding: 0px;
padding-top: 20px;
margin-top: 14px;
}

#order
{
text-align: center;
margin: 0px;
padding: 0px;
}

.section p
{
font: Normal 13px 'Arial';
padding: 0px;
margin: 0px;
color: #000000;
}

.section h2
{
font: Bold 15px 'Arial';
padding: 0px;
margin: 0px;
color: #000000;
}

#footer
{
border: 0px solid RED;
width: 778px;
height: 40px;
text-align: center;
margin: 0px;
padding-top: 40px;
padding-bottom: 20px;
float: left;
}

#footer p
{
font: Normal 10px 'Arial';
color: #CCCCCC;
}


