body {
margin: 0;
padding: 0;
background: #ecf4f5 url(/images/bg_top.jpg);
font-family: "lucida sans unicode", verdana, arial, sans-serif;
font-size: 0.75em;
color: #ECF4F5;
background-repeat: repeat-x;
}

#container {
width:976px;
margin: 0 auto;
}

/*links*/

a {
color:#ECF5F4;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 8pt;
}


a:hover {
color:#DCB3C5;
text-decoration: none;
font-style: italic;
}



/*content  and images and footer*/

#bg{
width:976px;
background:url(/images/bg.jpg) repeat-y;
float: left;
}

.content{
padding:17px 150px 0 136px;
text-align: justify;
color: #3a0d0f;
}



#image1 {
width:976px;
height:105px;
background-image:url(/images/war_01.jpg);
float: left;
}

#image2 {
background-image:url(/images/war_02.jpg);
float: left;
width:976px;
height:106px;
}

#image3 {
background-image:url(/images/war_03.jpg);
float: left;
width:976px;
height:105px;
}

#image4 {
background-image:url(/images/war_04.jpg);
float: left;
width:976px;
height:106px;
}

#image5 {
background-image:url(/images/war_05.jpg);
float: left;
width:976px;
height:105px;
}

#image6 {
background-image:url(/images/war_06.jpg);
float: left;
width:285px;
height:192px;
}

#image7 {
background-image:url(/images/war_07.jpg);
float: left;
width:240px;
height:192px;
}


#image8 {
background-image:url(/images/war_08.jpg);
float: left;
width:213px;
height:192px;
}

#image9 {
background-image:url(/images/war_09.jpg);
float: left;
width:238px;
height:192px;
}


#image10 {
background-image:url(/images/war_10.jpg);
float: left;
width:976px;
background-repeat: no-repeat;
}

#image11 {
background-image:url(/images/war_11.jpg);
float: left;
width:173px;
height:259px;
}

#image12 {
background-image:url(/images/war_12.jpg);
float: left;
width:163px;
height:259px;
}

#image13 {
background-image:url(/images/war_13.jpg);
float: left;
width:147px;
height:259px;
}

#image14 {
background-image:url(/images/war_14.jpg);
float: left;
width:493px;
height:259px;
}


/*top navigation*/

#welcome{
padding: 3px 20px 0 106px;
font-family: Verdana, Geneva, sans-serif;
color: #DBEFF6;
font-size: 8pt;
overflow: hidden;
}

#update{
padding: 4px 3px 0 37px;
}

#info{
padding: 3px 0 0 30px;
}

#cont{
padding: 3px 0 0 32px;
}


#affis  a{
color: #5c3436;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
text-transform: uppercase;
}

#counter{
padding: 196px 0 0 245px;
}
#copyright {
margin: -33px 0 0 0;
color: #561B31;
}


/*update box*/

.con_top {
background: url(/images/box_01.jpg) no-repeat top;
width: 711px;
color: #724252;
text-align: center;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing:2px;
font-size: 18px;
}

.con_bg{
background: url(/images/box_02.jpg) repeat-y;
width: 711px;
padding: 10px 0 0 0;
}

.con_bottom {
background: url(/images/box_03.jpg) no-repeat bottom;
width: 711px;
}

.content_box {
padding:15px 10px 40px 15px;
margin:0 0 30px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1e2033;
letter-spacing: normal;
text-align: justify;
text-decoration: none;
text-transform: none;
line-height: 13pt;
}

/*avatar box*/

.updateavi{
background-image: url(/images/updateavi.jpg);
background-repeat: no-repeat;
float: left;
height: 139px;
padding: 16px 40px 0px 22px;
}

.updateavi img{
width:100px;
height:100px;
}

.avatar{
background-image: url(/images/avi.jpg);
background-repeat: no-repeat;
margin: 10px 7px 10px 24px;
padding:15px 20px 20px 18px;
}

.avatar img{
width:100px;
height:100px;
}



/* png box */

.png {
padding: 20px 15px 15px 17px;
background-image: url(/images/png.jpg);
background-repeat: no-repeat;
margin: 20px 17px 10px 10px;
}

.png img {
width:110px;
height:97px;
}

/* layout and wallpaper box */

.layout {
background: url(/images/layout.jpg) no-repeat;
height:228px;
font-size: 13px;
padding: 25px 0px 0px 60px;
width: 603px;
color: #493f54;
}

.layout img {
border:1px solid #DDE2E5;
margin: -10px 55px 0px 10px;
float: left;
}


.layout  center  a{
color:#F4F2DB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}


.layout  center  a:hover {
color:#3B364A;
text-decoration: line-through;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
}



/* pattern,brushes benner box */

.pattbraben {
background-repeat: no-repeat;
background-image: url(/images/pattbraben.jpg);
padding: 20px 20px 60px 15px;
margin: 0 0 15px 17px;
}

.pattbraben img {
width: 175px;
height: 102px;
}

/*content /comment box 2 and 3*/


.box2 {
background-image: url(/images/box2.jpg);
background-repeat: no-repeat;
width:710px;
}


.box2 p {
	padding:0 60px 70px 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: -20px;
	color: #3C3A48;
}


.box2 h1{
color:#3E3F53;
letter-spacing: 3px;
margin:0 0 0 90px;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 25px;
padding: 30px 0 30px 0;
}



.box3 {
background-image: url(/images/box3.png);
background-repeat: no-repeat;
width:710px;
}


.box3 p {
padding:0 60px 150px 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin-top: -15px;
color: #3C3A48;
}


.box3 h1{
color:#3E3F53;
margin:0 0 0 90px;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 22px;
padding: 30px 0 30px 0;
}


/* title */

h2{
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-decoration: overline;
color: #DFE3EF;
margin-top: -2px;
}

h3{
text-transform: uppercase;
font-family: palatino linotype;
font-size: 20px;
color: #900;
text-align:center;
letter-spacing: 5px;
}

h4{
text-transform: lowercase;
font-family: "palatino linotype";
font-size: 15px;
color: #F8E5FB;
text-align: center;
margin:-27px 0px 0px 100px;
letter-spacing: 4px;
}


h5{
font-weight: bold;
font-size: 20px;
color: #ECF5AE;
background-color: #764654;
font-family: georgia, arial, sans-serif;
border-left-style: solid;
border-width: 8px;
text-align: right;
padding-right: 5px;
margin: 0;
}

s{
font-family: georgia, arial, sans-serif;
color: #C30;
}

b{
font-family: Tahoma, Geneva, sans-serif;
color:#FAF3D6;
}

i{
font-family: Verdana, Geneva, sans-serif;
color: #939;
}

u{
font-family: "Times New Roman", Times, serif;
color: #060;
}


/* contant form  */

input, select, textarea {
background-color: #ECF4F6;
border:1px solid #863E56;
color: #5A2036;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
}

/* list */

ul{
list-style-type: circle;
}

li{
text-align:justify;
font-family: "lucida sans unicode", verdana, arial, sans-serif;
font-size: 11px;
color: #DCFBF3;
}