* {
margin: 0px;
padding: 0px;
}

body {
font: 16px Arial, Helvetica, sans-serif;
background-color:#0d1425;
background-attachment:fixed;
background-position:center;
color:#497185;
text-align:left;
}

/*----------------------------------------SPACER*/
#spacer {
position:relative;
width:800px;
height:15px;
margin-left:auto;
margin-right:auto;
background-color:#0d1425;
clear:both;
}

/*-------------------------------------SECTION 1*/
#section1 {
background-image: url('bg/section1.jpg');
position:relative;
width:800px;
height:130px;
margin-left:auto;
margin-right:auto;
background-color:#2c21c1;
clear:both;
}

.sec1_logo {
position: absolute;
top: 28px;
left: 30px;
height: 30px;
width: 34px;
}

/*-------------------------------------SECTION 2*/
#section2 {
background-image: url('bg/section2.jpg');
position:relative;
width:800px;
height:30px;
margin-left:auto;
margin-right:auto;
background-color:#e8ece6;
clear:both;
}

.sec2_home {
position: absolute;
top: 5px;
}

.sec2_link {
position: absolute;
top: 11px;
}

/*-------------------------------------SECTION 3*/
#section3 {
background-image: url('bg/section3.jpg');
position:relative;
width:800px;
height:310px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
clear:both;
}

/*  Include only for big pages 200px height*/
#section3_1 {
background-image: url('bg/section3_1.jpg');
position:relative;
width:800px;
height:170px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
clear:both;
}

/*  Include only for big pages 300px height*/
#section3_2 {
background-image: url('bg/section3_2.jpg');
position:relative;
width:800px;
height:308px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
clear:both;
}

/*  Include only for big pages 400px height*/
#section3_3 {
background-image: url('bg/section3_3.jpg');
position:relative;
width:800px;
height:400px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
clear:both;
}

/*  Include only for big pages 500px height*/
#section3_4 {
background-image: url('bg/section3_4.jpg');
position:relative;
width:800px;
height:500px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
clear:both;
}

/*  Include only for big pages 500px height*/
#section3_5 {
background-image: url('bg/section3_5.jpg');
position:relative;
width:800px;
height:816px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
clear:both;
}

.sec3_left_info {
position: absolute;
top: 10px;
left: 13px;
height: 30px;
width: 34px;
}

.sec3_right_info {
position: absolute;
top: 10px;
left: 278px;
height: 30px;
width: 34px;
}

.sec3_button {
position: absolute;
left: 45px;
}

.sec3_spacer {
position: absolute;
left: 38px;
}

#type1_left
{
position:relative;
background-image: url('bg/left_info.jpg');
float: left;
width:271px;
height:308px;
}

#type1_right /* small pages - closed bottom */
{
position:relative;
background-image: url('bg/right_info.jpg');
float: left;
width:529px;
height:308px;
}

#type1_right2 /* big pages - open bottom */
{
position:relative;
background-image: url('bg/right_info2.jpg');
float: left;
width:529px;
height:310px;
}

.info_1 
{
position: absolute;
top: 20px;
left: 20px;
height: 290px;
width: 480px;
/* background-color:blue; */
}

.info_2 
{
position: absolute;
left: 30px;
height: 170px;
width: 742px;
/* background-color:blue; */
}

.info_3 
{
position: absolute;
left: 30px;
height: 480px;
width: 747px;
/* background-color:blue; */ 
}

/*-------------------------------------SECTION 4*/
#section4 {
background-image: url('bg/section4.jpg');
position:relative;
width:800px;
height:15px;
margin-left:auto;
margin-right:auto;
background-color:#dddddd;
font: 12px Arial, Helvetica, sans-serif;
color:#36C;
text-align:center;
padding-top: 5px;
clear:both;
}