/* CSS Document */
* { padding:0;}

body {font-size:100%; color: #666666; background:#ffffff url(images/spread.jpg) fixed repeat 50% 0;margin:20px 0 0 0}

a{color:#cc6633; text-decoration:underline} 
a:hover{color:#ff9900; text-decoration:underline}

.main{margin:0 auto; text-align:left; width:920px; padding:0px; background: #ffffff;border: solid; border-width:3px; border-color: #ffffff;}
.flashcontent{margin:0 auto; width:880px; padding:0px; }

/*======= menu =======*/
.bottommenu{margin:0 auto; width:920px; padding:5px 0px 5px 0px; background:#666666;color:#ffffff;font: normal 12px Arial, Sans-serif; line-height:1.3em; text-align:center;}
.bottommenu a {color:#ffffff; text-decoration:none;padding:5px;margin-right:15px;}  
.bottommenu a:hover {color:#ffffff; text-decoration:none;background: #cc6633; }

/*======= header =======*/
#header {height:80px; }
#header .col1{ width:540px;}
#header .col2{ width:380px;}

/*layout*/
.col1, .col2, .col3, .blogimage, .color, .col1art, .artimage, .descimage { float:left}

div.container {	overflow:hidden; width: 100%;}

#content .col1{ width:180px;}
#content .col2{ width:400px;}
#content .col3{ width:320px;}
#content .col1art{ width:550px;}

ul {margin-left: 2em;}
li {margin-left: 2em;}


.row1{padding:10px 0px 0px 20px}
.row2{padding:10px 0px 0px 20px}
.row3{padding:10px 0px 0px 20px}
.row4{padding:10px 0px 0px 20px}
.row5{padding:10px 0px 0px 0px}

/*content*/
#content{ font: normal 12px Arial, Sans-serif; width: 100%;line-height:1.3em; text-align:left;background: #ffffff}
#content p{ margin:10px 0px 10px 0px}
#content h1	{color:#ffffff; background: #993300 url(images/hbackground.jpg) repeat;padding:5px 0px 5px 10px;font: bold 12px Arial, Sans-serif; line-height:1em;margin:0px}
#content h2	{color:#000000; font: bold 15px Arial, Sans-serif; line-height:1.1em;margin:15px 0px 2px 0px}
#content h3	{color:#333333; font: bold 18px Arial, Sans-serif; line-height:1.2em;margin:0}
#content h4	{color:#990000; font: normal 2em Arial, Sans-serif;border-bottom: 1px solid #cccccc;letter-spacing: -0.01em;margin:0px 0px 2px 0px}
#content .artimage{ width:260px;padding:5px 10px 10px 0px}
#content .descimage{ width:100px;padding:3px 10px 10px 0px}
.preview{width:100%;overflow:hidden;padding:0px;}
#resources{color: #666666;padding: 10px 0px 10px 0px;}
#resources a{color:#666666; text-decoration:underline} 
#resources a:hover{color:#996600; text-decoration:underline} 
.photo{padding: 0px 0px 20px 0px;}
.leftimage{ width:160px;padding:0px; border: solid; border-width:0px;}
.sky{color: #666666;padding: 10px 0px 10px 50px;}


/*salessite*/
.salessite{padding: 0px 0px 20px 20px;float:left;width:700px}
.sswrap{padding: 0px 0px 0px 0px;float:left;width:700px}
.ssdescription{padding: 0px 0px 0px 20px;float:left;width:500px}
.ssrate{padding: 0px;float:left;width:130px; text-align:center}
.sstitle {color:#000000; font: bold 12px Arial, Sans-serif; line-height:1.2em;margin: 10px 0px 2px 0px;}

/* Print page styles */
.salessitea{padding: 20px 0px 20px 0px;float:left;width:560px}
.salessitea .sswrap{padding: 0px 0px 0px 0px;float:left;width:560px}
.salessitea .ssdescription{padding: 0px 0px 0px 20px;float:left;width:370px}