@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body
{
font-family: Montserrat, sans-serif;
font-size: 13px;
color: #444;
background: white;
}


#logo
{
	position:absolute; 
	z-index:20;
	left: 50px; 
	top: 10px
}

#news
{
	padding-left: 380px; 
}

#cinosure 
{
padding-left:100px;
padding-top:340px;
}



            *{
                margin:0;
                padding:0;
            }

            a{
                color:#444;
            }
            a:hover{
                color:#999;
            }
            .title{
                width:500px;
                height:152px;
                position:absolute;
                top:50px;
                left:50px;
                background:transparent url(title.png) no-repeat top left;
            }
            
            #content{
                margin:0 auto;
            }
            .reference{
                clear:both;
                top:200px;
		left: 50px;
                position:absolute;
                text-align:left;
                width:800px;
                padding:20px;
		padding-bottom: 50px;
		margin-bottom: 50px; 
                background-color:#fff;
                -moz-box-shadow:1px 3px 15px #ddd;
                -webkit-box-shadow:1px 3px 15px #ddd;
                box-shadow:1px 3px 15px #ddd;
            }



            .reference p {
		margin-top:20px;
		line-height: 18px;
}


.reference  h2 
{
text-transform:uppercase;
    letter-spacing:1px;
    font-size:18px;
font-weight: normal;
    text-align:left;
line-height: 28px;
    margin-top :40px;
    text-shadow:-1px -1px 1px #ccc;
border-bottom: 1px solid #ccc; 
padding-bottom: 3px;

}

.reference  h3 
{
text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
font-size: 13px;
    text-align:left;
    margin-top :50px;
}


.reference ul
{
padding: 50px;
padding-top: 20px;
padding-bottom: 20px;
}

.reference li
{
font-size: 13px;
line-height: 18px;}






ul.accordion{
    list-style:none;   
    position:absolute;
    left:80px;
    top:250px;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:350px;
    height:480px;
    display:block;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(../images/1.jpg);
}
ul.accordion li.bg2{
    background-image:url(../images/2.jpg);
}
ul.accordion li.bg3{
    background-image:url(../images/3.jpg);
}
ul.accordion li.bg4{
    background-image:url(../images/4.jpg);
}
ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:450px;
    height:175px;
    bottom:0px;
    left:0px;
    display:none;
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:15px;
    text-align:left;
    margin:0px 0px 15px 20px;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
    line-height:14px;
    margin:10px 22px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
    background:transparent url(../images/bgDescription.png) repeat-x top left;
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}


.pic1 {
	border: 1px solid rgb(97,141,186);
 	margin-right: 10px;
 	margin-bottom: 10px
}