@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'fonts/MyriadProRegular';
    src: url('fonts/myriadpro-regular.eot');
    src: url('fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('fonts/myriadpro-regular.woff') format('woff'),
         url('fonts/myriadpro-regular.ttf') format('truetype'),
         url('fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}


*
{
margin:0 auto;
padding:0;
}

body
{
font-family:Arial, Helvetica, sans-serif;
color:#5e5c51;
font-size:12px;
background-color:#373737;
}

a
{
	text-decoration: none;
	color: #CCCCCC;
}



a:hover {

	text-decoration:none;
	color:#f3b806;

}


#header-wrapper {
	margin:0 auto;
	padding:0;
	background-image:url(images/top-bg.jpg); background-repeat:repeat-x;
	
}

#header
{
width:980px; margin:0 auto; padding:0;
height:126px;
padding-left:10px;
padding-right:10px;

}


#header h1
{
font-family: 'DroidSerifRegular';
color:#e1d09f;
font-size:24px;
font-weight:normal;
}

h1
{
    font-family: 'fonts/MyriadProRegular';
	font-size:25px;
	color:#f3b806;
	font-weight:normal;
	text-transform:capitalize;
	margin-bottom:10px;
}


.social
{
float:right;
margin-top:30px;
}
.social img
{
margin-left:5px;
border:0px;
}

.navi
{
float:right;
margin-top:80px;
}

#slideshow, img.bgM {  
		padding-top:120px;     
        width:100%;
        height:400px;
        position: absolute;
        top: 0;
        left: 0;
        z-index:-9999;	

}



#innr-ban
{
width:980px;
height:250px;
z-index:-9999;	
position: absolute;
top: 0;
left:185px;
padding-top:120px; 

}


#border
{
        height:8px;
		background-color:#f3b806;	
		margin-top:360px;
}





#contain
{
width:980px;
margin-top:210px;
}


#contain-proj
{
width:980px;
margin-top:20px;
}






p
{
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:1px;
line-height:20px;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}

p span
{
color:#f5b704;
font-weight:bold;
}


#bottom
{
width:980px; margin:0 auto; padding:0;
margin-top:5px;
}






#footer-wrapper 

{
background-image:url(images/footer-bg.jpg); background-repeat:repeat-x; height:41px; margin-top:30px;
}



#footer {

	width:1000px;
	height:64px;
	margin:0 auto;
	padding:0;
	padding-top:15px;

}

#footer a{

	color:#98927c;
	font-size:11px;
	text-decoration:none;

}



ul.listy{ margin:0px 0px 20px; margin-top:10px;}
ul.listy li{ list-style:disc; color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:1px;
line-height:20px;
margin-left:20px;
}


ul.listy li span{ color:#f5b704;
}




















.testi{
    border: 1px solid #a1a1a1;
    padding: 5px 8px; 
    background: #5e5e5e;
    width:98%;
    border-radius: 5px;
	margin-top:8px;
	margin-bottom:8px;
}


.testi1{
    border: 1px solid #a1a1a1;
    padding: 5px 8px; 
    background: #7d7b7b;
    width:98%;
    border-radius: 5px;
	margin-top:8px;
	margin-bottom:8px;
}




#batch
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:10px;


}




#batch td, #batch th 
{
font-size:1em;
padding:3px 7px 2px 7px;
}
#batch th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#4E94BE;
color:#000000;
background-color:#f3b806;
}
#batch tr.alt td 
{
color:#000000;
background-color:#fde088;
}