/* CSS - SOPHIADOLLS.COM - ALL RIGHTS RESERVED */


html {
    height: 100%:
    min-height: 100%;
    font: 11pt "Arial" sans-serif;
    color: #CCCCCC;
    background: url(images/backgrad.jpg) repeat-x;
    background-attachment: scroll;
}



body {
    font:  10pt "arial", sans-serif;
    background: ;
}

div.viewport {
    width: 793px;
    height: auto;
    margin-top: 0px;
    position: absolute;
    left: 50%; 
    margin-left: -396px;
    right: 50%;
    margin-right: -397px;
    top: 0;
}

div.header {
    width: 120px;
    height: 100px;
    margin-top: 0px;
    background-color: white;
    float: left;
    border: 1px solid grey;
    padding: 5px;
    font: "Arial" sans-serif;
    color: #666666;
}

div.h1 {
    width: 793px;
    height: 85px;
    padding: none;
    margin-top: none;
    float: left;
}

div.h1-1, div.h1-1 a {
    width: 461px;
    height: 85px;
    float: left;
    background: url(images/h1-1.jpg) no-repeat;
}

div.h1-2-1 a {
    width: 92px;
    height: 85px;
    float: left;
    background: url(images/h1-2-1.jpg) no-repeat;
}

div.h1-2-1 a:hover {
    width: 92px;
    height: 85px;
    float: left;
    background: url(images/h1-2-2.jpg) no-repeat;
}

div.h1-3-1 a {
    width: 240px;
    height: 85px;
    float: left;
    background: url(images/h1-3-1.jpg) no-repeat;
}

div.h1-3-1 a:hover {
    width: 240px;
    height: 85px;
    float: left;
    background: url(images/h1-3-2.jpg) no-repeat;
}

div.h2-1 {
    width: 52px;
    height: 36px;
    float: left;
    background: url(images/h2-1.jpg) no-repeat;
}

div.h2-2-1 a {
    width: 78px;
    height: 36px;
    float: left;
    background: url(images/h2-2-1.jpg) no-repeat;
}

div.h2-2-1 a:hover {
    width: 78px;
    height: 36px;
    float: left;
    background: url(images/h2-2-2.jpg) no-repeat;
}

div.h2-3-1 a {
    width: 126px;
    height: 36px;
    float: left;
    background: url(images/h2-3-1.jpg) no-repeat;
}

div.h2-3-1 a:hover {
    width: 126px;
    height: 36px;
    float: left;
    background: url(images/h2-3-2.jpg) no-repeat;
}

div.h2-4-1 a {
    width: 131px;
    height: 36px;
    float: left;
    background: url(images/h2-4-1.jpg) no-repeat;
}

div.h2-4-1 a:hover {
    width: 131px;
    height: 36px;
    float: left;
    background: url(images/h2-4-2.jpg) no-repeat;
}

div.h2-5-1 a {
    width: 103px;
    height: 36px;
    float: left;
    background: url(images/h2-5-1.jpg) no-repeat;
}

div.h2-5-1 a:hover {
    width: 103px;
    height: 36px;
    float: left;
    background: url(images/h2-5-2.jpg) no-repeat;
}

div.h2-6-1 a {
    width: 65px;
    height: 36px;
    float: left;
    background: url(images/h2-6-1.jpg) no-repeat;
}

div.h2-6-1 a:hover {
    width: 65px;
    height: 36px;
    float: left;
    background: url(images/h2-6-2.jpg) no-repeat;
}

div.h2-7 {
    width: 238px;
    height: 36px;
    float: left;
    background: url(images/h2-7.jpg) no-repeat;
}

div.h2-8 {
    width: 793px;
    height: 50px;
    float: left;
    clear: left;
	background: url(images/h2-8.jpg) no-repeat;
    
}

div.h3 {
    width: 793px;
    height: 388px;
    float: left;
}


div.h3-1 {
    width: 60px;
    height: 388px;
    float: left;
    background: url(images/h3-1.jpg) no-repeat;
}


div.h3-2 {
    width: 670px;
    height: 388px;
    float: left;
    background: url(images/h3-2.jpg) no-repeat;
    overflow: none;
}


div.h3-2-clouds {
    width: 670px;
    height: 388px;
    float: left;
    background: ;
    overflow: none;
    background-color: white;
}


div.h3-2-blankbody {
    width: 670px;
    height: 388px;
    float: left;
    background: white;
     font: 11pt "Verdana" sans-serif;
    color: #9900FF;
}

div.h3-2-header {
    width: 650px;
    height: 65px;
    padding-left: 20px;
    font: 13pt "Verdana" sans-serif;
    color: #6600CC;
    margin-top: 5px;
    text-decoration: none;
}

div.h3-2-content {
    width: 620px;
    height: 348px;
    padding-left: 30px;
    padding-right: 20px;
    font: 11pt "Verdana" sans-serif;
    color: #9900FF;
    overflow: auto;
}

    

div.h3-3 {
    width: 63px;
    height: 388px;
    float: left;
    background: url(images/h3-3.jpg) no-repeat;
    clear: none;
}

* html div.h3-3 {
    clear: none;
    margin-left: none;
    position: absolute;
}


div.h4 {
    width: 793px;
    height: 160px;
    float: left;
}


div.h4-1 {
    width: 60px;
    height: 160px;
    float: left;
    background: url(images/h4-1.jpg) no-repeat;
}

div.h4-2 {
    width: 670px;
    height: 160px;
    float: left;
    background: url(images/h4-2.jpg) no-repeat;
}


div.h4-2-1 {
	width: 330px;
	height: 130px;
	padding-top: 30px;
	padding-left: 70px;
	float: left;
	font: 11.5pt "verdana" sans-serif;
	color:  #6600CC;
	line-height: 15pt;
}


div.h4-2-1 a {
    font: 12pt "verdana" sans-serif;
    color:  #6600CC;
    text-decoration: none;
}
div.h4-2-1 a:hover {
    font: 12pt "verdana" sans-serif;
    color:  #6600CC;
    text-decoration: underline;
}

div.h4-2-2 {
	width: 250px;
	height: 130px;
	padding-top: 25px;
	padding-left: 20px;
	float: left;
	font: 11.5pt "verdana" sans-serif;
	color:  #6600CC;
	line-height: 15pt;
}


div.h4-2-2 a {
    font: 12pt "verdana" sans-serif;
    color:  #6600CC;
    text-decoration: none;
}
div.h4-2-2 a:hover {
    font: 12pt "verdana" sans-serif;
    color:  #6600CC;
    text-decoration: underline;
}

span.tm {
    font: 5pt "verdana" sans-serif;
    line-height: -12pt;
    vertical-align: top;
	
}

div.h4-3 {
    width: 63px;
    height: 160px;
    float: left;
    background: url(images/h4-3.jpg) no-repeat;
}
* html div.h4-3 {
    clear: none;
    margin-left: none;
    position: absolute;
}

div.h5 {
    width: 793px;
    height: 97px;
    float: left;
    background: url(images/h5-1.jpg) no-repeat;
}

div.h6-1 {
    width: 372px;
    height: 39px;
    float: left;
    background: url(images/h6-1.jpg) no-repeat;
    text-align: right;
    font: 7pt "verdana" sans-serif;
    color: #6600CC;
}


div.h6-1 a {
    color: #9900FF;
    text-decoration: none;
}

div.h6-1 a:hover {
    color: #9900FF;
    text-decoration: underline;
}

div.h6-2 {
    width: 46px;
    height: 39px;
    float: left;
    background: url(images/h6-2.jpg) no-repeat;
}

div.h6-3 {
    width: 375px;
    height: 39px;
    float: left;
    background: url(images/h6-3.jpg) no-repeat;
    text-align: left;
    font: 7pt "verdana" sans-serif;
    color: #6600CC;
}

div.h7 {
    width: 793px;
    height: 82px;
    float: left;
    background: url(images/h7-1.jpg) no-repeat;
}
* html div.h7 {
    clear: none;
    margin-left: none;
    position: absolute;
    margin-top: -12px;
}


span.greentext1 {
    color: #74DC17;
}

span.darkviolet, span.darkviolet a {
    color: #6600CC;
    text-decoration: none;
}

span.darkviolet a:hover {
    color: #9900FF;
    text-decoration: underline;
}

span.darkvioletten {
    color: #6600CC;
    font: 10pt "Verdaa" sans-serif;
}

span.darkvioletten5 {
    color: #6600CC;
    font: 10.5pt "Verdaa" sans-serif;
}

span.darkvioletcenter {
    color: #6600CC;
    text-align: center;
}

img { 
border-color:  #FFFFFF; 
}