@charset "utf-8";
/* CSS Document */

body{
background-color: #000000;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}

a:link {color: #F9F980; text-decoration: none}     
a:visited {color: #737373; text-decoration: none}  /* visited link */
a:hover {color: #b9b9b9; text-decoration: underline}   /* mouse over link */
a:active {color: #737373; text-decoration: none;}   /* selected link */

img{border-style: none;}

#container{ 
width: 100%;
text-align: left;
}

/*---- Top section ----*/
#header{
width: 100%;
height: 364px;
background-image: url(bkg1.jpg);
background-repeat: repeat-x;
}

#topban{
background-image:url(H5.png);
background-repeat: no-repeat;
height: 364px;
width: 1373px;
}

/*---- Main ----*/
#main{
padding: 11px;
width: 1000px;
height: 2000px;
min-height: 100%;
height: auto;
margin-left:auto;
margin-right: auto;
}

#main h3{
margin: 0px 0px -10px;
background-image:url(ima/select.jpg);
width: 272px;
height: 67px;
background-repeat:no-repeat;
float:left;	
}

#main .viewblog{
margin: 0px 0px -10px;
border-style: none;
width: 271px;
height: 43px;
background-repeat:no-repeat;
float:right;
margin-right: 37px;	
}



#main .work{
height: 100%;
height: auto;
clear:left;
width: 100%;
margin-left:auto;
margin-right: auto;
}

#main .work .blocks{
margin-right: 32px;
margin-bottom: 20px;
padding: 0px;
width: 300px;
height: 340px;
float:left;
border: none;
}
#main .work .blocks .sub{
background-color: #141414;
height: auto;
}
/*#main .work .blocks{
margin: 0px 0px 20px 20px;
padding: 20px;
background-color: #0d0d0d;
width: 260px;
height: 300px;
float:left;
}
*/

#main .work .blocks .sub p{
padding: 10px;
font-family: Lucida Sans, sans-serif;
font-size: 10px;
line-height: 1.7em;
color: #8f9e9b;
text-align: justify;
height: 85px;
}









/*---- Footer ----*/
#footer{
margin-top: 50px;
margin-bottom: 0px;
width: 100%;
min-height: 100%;
background-image:url(footer-bg.jpg);
background-color: #003138;
background-repeat:repeat-x;
clear:both;
float: left;
margin-left: auto;
margin-right: auto;
}

#footer .wrapper{
padding: 11px;
width: 1000px;
height: 100%;
min-height: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}

#footer .wrapper .left{
width: 500px;
float:left
}


#footer .wrapper .left {
margin-top: 20px;
font-family: Lucida Sans, sans-serif;
font-size: 10px;
line-height: 1.7em;
color: #00d5ff;
text-align: justify;
float:left;
clear:left;
width: 500px;
height:120px;

}