@charset "utf-8";

/* CSS Document */

#menu{

background-color: #455560;

padding:0px;

width:1020px;



}



#header_callus{

float:left;



}

img{



border:0px;

}

p{

margin:0px;

margin-bottom:.75em;

}





/*------------------------------------*\

	NAV

\*------------------------------------*/

#nav{

/*background-color: #455560;*/

padding: 0px;



margin:0px;

	list-style:none;

	/* Clear floats */

	float:right;

	border-right:1px solid #748088;

	border-left:1px solid #748088;

	/* Bring the nav above everything else--uncomment if needed.*/

	position:relative;

	z-index:5;

	

	

}

#nav li{

	float:left;

	

	position:relative;

}

#nav a{

	display:block;

	padding:8px 4px 15px 4px;

	color:#fff;

	background:#455560;

	text-decoration:none;

	

}

#nav a:hover{

padding:8px 4px 8px 4px;

	color:#fff;

	background:#AFBD22;

	text-decoration:underline;

}



#nav .blank a{

	display:block;

	padding:8px 0px 8px 0px;

	color:#fff;

	background:#455560;

	text-decoration:none;

	

}

#nav .blank a:hover{

padding:8px 0px 8px 0px;

	color:#fff;

	background:#AFBD22;

	text-decoration:underline;

}

#nav .alone a{

	display:block;

	padding:8px 4px 8px 4px;

	color:#fff;

	background:#455560;

	text-decoration:none;

	border-left:1px solid #748088;

}

#nav .alone a:hover{

padding:8px 4px 8px 4px;

	color:#fff;

	background:#AFBD22;

	text-decoration:underline;

	border-left:1px solid #748088;

}



#nav .aloneright a{

	display:block;

	padding:8px 8px 8px 0px;

	color:#fff;

	background:#455560;

	text-decoration:none;

	

}

#nav .aloneright a:hover{

padding:8px 8px 8px 0px;

	color:#fff;

	background:#AFBD22;

	text-decoration:underline;

	

}

#nav .dark a:hover{

background:#FFFFFF;

}

/*--- DROPDOWN ---*/

#nav ul{

	/*background:#fff;  Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

	list-style:none;

	position:absolute;

	top:40px;

	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */



	margin-left:-40px;



}

#nav ul li{

	/*padding-top:1px;  Introducing a padding between the li and the a give the illusion spaced items */

	float:none;

	border-top:1px solid #788c04;

	

}

#nav ul a{

	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */

	padding:10px 50px 10px 10px;

	

}



#nav li:hover ul{ /* Display the dropdown on hover */

	left:0; /* Bring back on-screen when needed */

}

#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

	background:#AFBD22;

	text-decoration:underline;

	

}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

	text-decoration:none;

}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	background:#788c04;

	padding:10px 50px 10px 10px;

}







#dim{

width:200px;

padding: 0px;

float:left;

}



#dim-links{

color:#AFBD22;

}

#dim-links a{

color:#455560;

text-decoration:none;

}



#dim-links a:hover{

color:#AFBD22;

text-decoration:none;

}





.about{

padding:8px 4px 3px 4px; 

/*padding-bottom:7px !important;*/

}





#logo{

	float:left;

	padding:10px;

}

#slogan{
float:left;
padding-top:60px;
padding-left:120px;
font-size:18px;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
color:#455560;
width:600px;
}

#slogan h1{
font-size:18px;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
color:#AFBD22;
margin:0; 
}

#newsslogan{
float:left;
font-size:18px;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
color:#455560;
width:900px;
padding-bottom:10px;
}

#newsslogan h1{
font-size:18px;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
color:#AFBD22;
margin:0; 
}



#content{

background-color:#F0F2F0;

padding:30px;

float:left;

width:960px;

}



.video{

float:left;

width:340px;

border-right:1px solid #4C5A52;

padding-right:10px;

}



.words{

float:left;

padding-left:28px;

width:580px;



font-size:18px;

font-family:Helvetica, Arial,  sans-serif;

color:#455560;

}



.words-small{

float:left;

padding-left:28px;

width:580px;



font-size:14px;

font-family:Helvetica, Arial,  sans-serif;

color:#455560;

}



.case-words-small{
float:left;
padding-left:28px;
width:580px;
font-size:12px;
font-family:Helvetica, Arial,  sans-serif;
color:#455560;
}

.case-words-small a{
color:#455560;
text-decoration:none;
}

.case-words-small a:hover{
text-decoration:none;
color:#AFBD22;
}

.news-words-small{
float:left;
padding-left:28px;
width:932px;
font-size:12px;
font-family:Helvetica, Arial,  sans-serif;
color:#455560;
}

.cnews-words-small a{
color:#455560;
text-decoration:none;
}

.news-words-small a:hover{
text-decoration:none;
color:#AFBD22;
}



.client-panel{

float:left;

padding-left:28px;

width:180px;



font-size:18px;

font-family:Helvetica, Arial,  sans-serif;

color:#455560;

}

.client-panel h2{

font-size:18px;

font-family:Helvetica, Arial,  sans-serif;

color:#AFBD22;

margin:0; 

}

#cpmid{

border-left:1px solid #afb7b2;

border-right:1px solid #afb7b2;

}

#cpend{



width:150px;

}

.case-panel{

float:left;

margin-left:28px;

padding-bottom:10px;

width:580px;



font-size:18px;

font-family:Helvetica, Arial,  sans-serif;

color:#455560;



border-bottom:1px solid #4C5A52;

}

.news-panel{

float:left;
margin-left:28px;
padding-bottom:5px;
padding-top:5px;
width:880px;
font-size:18px;
font-family:Helvetica, Arial,  sans-serif;
color:#455560;
border-bottom:1px solid #4C5A52;

}

.case-panel h2, .news-panel h2{

font-size:18px;

font-family:Helvetica, Arial,  sans-serif;

color:#AFBD22;

margin:0; 

}

.news-panel h2 a{
text-decoration:none;
color:#AFBD22;
}

.news-panel h2 a:hover{
text-decoration:underline;
color:#AFBD22;
}





.case-panel h3, .news-panel h3{

font-size:18px;

font-family:Helvetica, Arial,  sans-serif;

color:#AFBD22;

margin:0;

padding-top:10px; 

}



.case-title {

float:left;

width:400px;

}




.case-title a {

color:#455560;

text-decoration:none;

}



.case-title a:hover, .news-panel {

text-decoration:none;

color:#AFBD22;

}


.news-panel .case-title {
float:left;
width:680px;
}


.case-download{
float:left;
width:180px;
font-size:12px;
padding-top:4px;
text-align:right;
}

.case-download a{
color:#455560;
text-decoration:none;
}

.case-download a:hover{
text-decoration:none;
color:#AFBD22;
}

.news-panel .case-download{
float:left;
width:40px;
font-size:12px;
padding-top:4px;
text-align:right;
}

.news-panel .case-download a{
color:#455560;
text-decoration:none;
}

.news-panel .case-download a:hover{
text-decoration:none;
color:#AFBD22;
}

.news-date{
float:left;
width:80px;

}
.news-main{
float:left;
width:720px;

}

.num{
font-size:30px;
color:#f1f1f1;

}
.rest{
font-size:10px;
color:#f1f1f1;
}
.clients{

width:335px;

margin-top:6px;

padding-top:6px;

border-top:1px solid #4C5A52;

border-bottom:1px solid #4C5A52;

}

.clients-image{

text-align:center;

}

.small-txt{

font-size:12px;

font-family:Helvetica, Arial,  sans-serif;

color:#455560;

}



.footer{

float:left;

border-top:3px solid #AFBD22;

width:960px;	

margin-top:30px;

padding-top:5px;

}

.address{

padding-top:26px;

float:left;

}

.contact-address{

float:left;

width:340px;

border-right:1px solid #4C5A52;

padding-right:10px;

font-family:Helvetica, Arial,  sans-serif;

min-height:350px;

}



.contact-address a {

color:#455560;

text-decoration:none;

}



.contact-address a:active{

text-decoration:none;

}



.contact-address a:hover{

color:#AFBD22;

text-decoration:none;

}





.nic{

padding-top:6px;

float:right;

}

.small-txt a {

color:#455560;

text-decoration:none;

}



.small-txt a:active{

text-decoration:none;

}



.small-txt a:hover{



text-decoration:none;

}



#fixed-height{

min-height:310px;

}