/* ---------------
     Defaults
------------------*/

body{
    background-color: #231f20;
}

#middle {
    margin: 151px 165px 143px 163px;
    width:710px;
}

#middle_frame {
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    border: solid 2px #fff;
    text-align: left;
    width: 700px;
    height: 418px;
    background-image: url("../images/background.png");
    background-repeat: no-repeat;
    background-color: #002a5c;
}

#footer {
    margin-top: 3px;
    text-align: left;
}



#content img{
    float:right;
    margin-top:4px;
}

#content {
    margin-top:30px;
}

.clear {
    clear: both;
}

a, a:active, a:visited {
    font-style: normal;
    text-decoration: none;
}

#footer {
    color: #616161;
    font-size: 10px;
}

h1,h2 {
    color: #fff;
    font-family: Helvetica;
 line-height: 0;
}

h2,h3 {
    margin : 30px 0px 5px;
}

p {
    color: #fff;
    font-family: Helvetica;
    font-size: 13px;
    line-height: 1.4em;
    max-width: 560px;
    padding: 0px 0px;
}
/*-------------------
 Back Button - backs to about us page
-----------------------*/

#back a {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    list-style: circle;
}
#back a:hover{
    color: #fff;
}

#back {
    margin-top:390px;
    margin-left:600px;
    position:absolute;
}


/*----------------------
    Layout - splash page
-----------------------*/

.index #middle_frame {
    background-image: url("../images/background_welcome.png");
}

a#about {
	width: 80px;
	height:15px;
	margin-left:77px;
	margin-top:330px;
	display:block;
	}
/*-------------------
    about us page
--------------------*/

.about_us #middle_frame {
    background-image: url("../images/background_about.png");
}
.about_us p {
	width:420px;
}


/*----------------------
    Layout - clients
-----------------------*/

#category {
    float: left;
    width: 200px;
    margin-top: 50px;
}

#clients_list {
    margin-top: 50px;
    float: left;
    border-left: solid 1px #00aff3;
    padding-left: 5px;
    width: 350px;
    height:318px;
}

/*------------
    Menu - one for all
-------------*/

#menu {
    margin-left: -12px;
}
#menu ul{
    list-style-image: url("../images/bulet.png");
    color: #fff;
    margin-top:4px;
}
#menu li{
    float: left;
    margin-left:30px;
}
#menu a{
    font-family:"Verdana",sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
#menu li.active,#menu .active a{
    color: #00aff3;
    list-style-image: url("../images/bulet_selected.png");
}
#menu a:hover{
    color: #00aff3;
}

/*------------------------
    news
-------------------------*/

.news h2 {
    font-size: 12px;
    margin-bottom: 2px;
    font-family: Helvetica;
}
.news p {
    color: #fff;
    padding: 0px;
}
.news img {
    border: solid 3px #000;
    margin: 20px 20px 20px 5px;
    float: right;
}
#news_link a {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    list-style: circle;
}
#news_link a:hover{
    color: #fff;
}

#news_link {
    margin-top:397px;
    margin-left:-5px;
    position:absolute;
}
#news_link span {
    width: 100px;
    display: block;
    float: left;
}
/*--------------------------
    concact us
---------------------------*/

#address {
    float: left;
    margin-top: 195px;
    width: 250px;
}

.contacts #middle_frame {
    background-image: url("../images/background_contact_us.png");
}

#address p {
    font-size:14px;    
    text-align: center;
}
#address a{
    color: #fff;
}
#address a:visited{
    color: #00aff3;
}

/*--------------------------
    clients
---------------------------*/

#category, #category a:hover {
    color: #00aff3;
    
}
#category a, #category a:visited{
    color: #fff;
    
}

#clients_list {
    color: #fff;
}

#category li.active {
    color: #00aff3;	
    list-style-image: url("../images/bulet_selected.png");
}

#category ul, #clients_list ul {
    list-style-image: url("../images/bulet.png");
    margin-left: 20px;
    color: #fff;
    font-family: Helvetica;
}
#category ul{
    font-size:16px;
    font-weight: bold;
}
#category li{
    margin-bottom:20px;
}
#clients_list li{
    margin-bottom:5px;
}

/*------------
    recent-projects
-------------*/

.projects #middle_frame {
    background-image: url("../images/background_projects.png");
}

#scroll_area {
    width:555px;
    height:350px;
    overflow:auto;
    margin-top:35px;
    margin-left:15px;
    background-color: #002a5c;
}

#scroll_area p{
    margin-bottom: 15px;
    width:400px;
    
}
#scroll_area p.general_info {
    color: #fff;
    font-size: 12px;
    margin-top: 70px;
    font-weight: bold;
    margin-left: 160px;
    width:240px;
}
span.label {
    width:160px;
    display:block;
    float:left;
    margin-left:-160px;
}
#scroll_area img {
    float: right;
    margin-right: 5px;
    margin-top: 35px;
    width:125px;
    height:80px;
    
}