/*
   css by ms.concept
    msconcept.info
*/


/* ---- clean css ---- */

*, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, th,
td, blockquote 
{
    margin: 0px;
    padding: 0px;
    
}

fieldset, img 
{ 
    border: 0; 
}

/* ---- page css ---- */


html, body 
{
		 margin: 0px;
		 padding: 0px;
		 height: 100%;
		 text-align: center;
		 font: 12px "Trebuchet MS";
		 background: #000000 url('/images/bg.jpg') top center no-repeat;
}


#page 
{
		 min-height: 100%;
		 width: 900px;
		 margin: 0px auto;
		 position: relative;
		 overflow: hidden;
		 text-align: left;
}

#logo
{
		width: 304px;
		height: 51px;
		position: absolute;
		background: url('/images/logo.png');
		margin: 30px 0px 0px 10px;
		cursor: pointer;
}

#container
{
		width: 100%;
		height: 270px;
		margin-top: 125px;
}

#container .fix 
{
		width: 100%;
		height: 270px;
		color: #ff0000;
		display: block;
		position: absolute;
		background: url('/images/fix.gif') repeat;
		z-index: 999999999;
}

#container div
{
		width: 198px;
		height: 265px;
		background: url('/images/nav.png') no-repeat;
		overflow: visible;
		margin-left: 11px;
		margin-right: 15px;
		padding-top: 5px;
		float: left;
		display: none;
		cursor: default;
}

#container div h1
{
		width: 125px;
		height: 39px;
		font-size: 15px;
		color: #ffffff;
		margin: 10px 0px 0px -10px;
		padding: 4px 0px 0px 15px;
}

#container #nav_1 h1
{
		background: url('/images/h1_blue.png');
}

#container #nav_2 h1
{
		background: url('/images/h1_magneta.png');
}

#container #nav_3 h1
{
		background: url('/images/h1_brown.png');
}

#container #nav_4 h1
{
		background: url('/images/h1_green.png');
}

#container div p
{
		width: 155px;
		height: 135px;
		text-align: justify;
		margin-left: 20px;
}

#container div a
{
		width: 156px;
		height: 29px;
		background-image: url('/images/nav_a.png');
		display: block;
		text-align: center;
		padding-top: 10px;
		bottom: 0px;
		margin-left: 20px;
		color: #131313;
		text-decoration: none;
}

#container div a:hover
{
		background-position: 0px 39px;
}

#container .shaddow
{
		width: 198px;
		height: 20px;
		background: url('/images/nav_shaddow.png') center bottom;
		position: absolute;
		display: block;
		margin: 0px 0px;
}

#content 
{
		width: 827px;
		margin-left: 11px;
		height: auto;
		background-color: #f1f1f1; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #d8d8d8;
		margin-top: 30px;
		padding: 20px;
}

#content .item
{
		width: 250px;
		float: left;
		margin-right: 25px;
}

#content .item h1, #content .item_big h1
{
		font-weight: normal;
		font-size: 18px;
		color: #353535;
}

#content .item img, #content .item_big img
{
		float: left;
		margin-top: -8px;
		margin-right: 5px;
}

#content .item .spacer, #content .item_big .spacer
{
		background: #9d9d9d;
		height: 1px;
		width: 100%;
		margin: 20px 0px 20px 0px;
}

#content .item_big
{
		width: 520px;
		float: left;
		margin-right: 25px;
}

#content .item p
{
		font-size: 13px;
		color: #353535;
		line-height: 21px;
		height: 240px;
}

#content .item_big p
{
		font-size: 13px;
		color: #353535;
		line-height: 21px;
}

#content .item_big li
{
		list-style-type: none;
		background: url('/images/bullet_green.png') left center no-repeat;
		padding-left: 20px;
		font-size: 13px;
		color: #353535;
		margin-bottom: 5px;
}

#content .contact a, #content .contact img
{
		float: left;
}

#content .contact img
{
		margin: 3px 8px 0px 3px;
}

#content a
{
		color: #007feb;
}

#footer
{
		color: #75b2dd;
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
}

#footer .right 
{
		float: right;
		padding-right: 20px;
}