@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);

body
{
	margin:0;
	width:auto;
	height:auto;

}

.body-overlay
{
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: top;
}

.wrapper
{
	width:1000px;
	height:auto;
	margin:auto;
	
}

header
{
	margin:auto;
	width:1000px;
	height:85px;
}

.logo
{
	margin:10px 8px auto;
	width:180px;
	height:65px;
	float:left;
}

.header_right
{
	margin:10px 8px auto;
	width:250px;
	height:65px;
	float:right;
}

.social
{
	width:auto;
	height:30px;
	margin:15px 0 auto;
	float:none;
}

.social_img
{
	width:30px;
	height:30px;
	margin:0 0 0 15px;
	float:right;
}


.social_img > img
{
	width:30px;
	height:30px;
}

.navigation
{
	margin:auto;
	width:1000px;
	height:53px;
	background:#FC0;
	clear:both;
}

.slider-menu
{
	margin:auto;
	width:1000px;
	height:300px;
	clear:both;
}

.slider
{
	margin:auto;
	width:690px;
	height:300px;
	float:left;
}
	
.about
{
	margin:auto;
	width:690px;
	height:300px;
	float:left;
}
	
	
	
.menu
{
	margin:auto;
	width:300px;
	height:300px;
	float:right;
}

.menu h3
{
	margin:4px auto;
	width:300px;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

.about h3
{
	margin:4px 8px auto;
	width:auto;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

.about p
{
	margin:8px 8px auto;
	width:auto;
	height:auto;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:25px;
}

.about_us
{
	margin:auto;
	width:1000px;
	height:300px;
	float:left;
}
.about_us h4
{
	margin:4px 8px auto;
	width:auto;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

.about li
{
	margin:8px 28px auto;
	width:auto;
	height:auto;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:25px;
}
	
	
.middle
{
	margin:25px auto;
	width:1000px;
	height:300px;
	clear:both;
}

.middle_left
{
	margin:auto;
	width:650px;
	height:300px;
	float:left;
}
	
.middle_left_pic_1
{
	margin:auto;
	width:315px;
	height:265px;
	float:left;
	border: 1px solid #FC0;
	border-bottom: 35px solid #FC0;
}

.middle_left_pic_area
{
	margin:auto;
	width:315px;
	height:265px;
	float:none;
}

.middle_left_text_area
{
	margin:auto;
	width:315px;
	height:35px;
	float:none;
}

.middle_left_text_area h3
{
	margin:1px auto;
	width:300px;
	height:auto;
	font-weight:500;
	font-size:12px;
	text-align:right;
	font-family: 'Roboto Condensed';
	color:#000;
}

.middle_left_pic_2
{
	margin:auto;
	width:315px;
	height:265px;
	float:right;
	border: 1px solid #FC0;
	border-bottom: 35px solid #FC0;
}

.middle_right
{
	margin:auto;
	width:350px;
	height:300px;
	float:right;
}

.middle_right_title
{
	margin:auto;
	width:300px;
	height:35px;
	float:none;
	border-bottom: 1px #CCCCCC solid;
}

.middle_right_title h3
{
	margin:auto;
	width:330px;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

.middle_right_news
{
	margin:10px auto;
	width:300px;
	height:245px;
	float:none;
}

footer
{
	width:1000px;
	height:200px;
	margin-top:20px;
}

.footer_box
{
	width:230px;
	height:150px;
	margin:0 10px auto;
	float:left;
}

.footer_webtors_title h4 a:link {
	color: #FC0;
	text-decoration: none;
}
.footer_webtors_title h4 a:visited {
	color: #FC0;
	text-decoration: none;
}
.footer_webtors_title h4 a:hover {
	color: #CE6700;
	text-decoration: none;
	opacity:0.8;
	 -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.footer_webtors_title h4 a:active {
	color: #FC0;
	text-decoration: none;
}

.footer_box h3
{
	margin:auto;
	width:230px;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}


.footer_box li
{
	margin:5px 15px auto;
	width:230px;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#000;
	font-size:12px;
}
.footer_box li a:link {
	color: #000;
	text-decoration: none;
}
.footer_box li a:visited {
	text-decoration: none;
	color: #000;
}
.footer_box li a:hover {
	text-decoration: none;
	color: #666;
}
.footer_box li a:active {
	text-decoration: none;
	color: #000;
}

.footer_webtors
{
	width:500px;
	height:50px;
	margin:auto;
	float:left;
}

.footer_webtors > img
{
	width:90px;
	height:26px;
	margin: 18px auto;
	float:left;
}
.footer_webtors_title
{
	width:auto;
	height:50px;
	margin:auto;
	float:left;
}

.footer_webtors_title h4
{
	margin:25px 10px auto;
	width:auto;
	height:auto;
	font-size:12px;
	font-weight:500;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

/* ------ contact --------- */

.contact

{
	width: 1000px;
	height: 650px;
	margin: 5px auto;
	clear: both;

}

.contact h3

{
	width:auto;
	margin:10px auto;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FFBF00;
}

.contact p

{
	width:auto;
	margin:10px auto;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#000;
}


.cont-left
{
	width:500px;
	height:520px;
	margin:auto;
	float:left;
}

.cont-right
{
	width:500px;
	height:500px;
	margin:auto;
	background-image:url(../images/mail.png);
	float:right;
}

.cont-right p
{
	width:auto;
	height:auto;
	line-height:26px;
	margin:10px 5px 5px 20px;
	font-family: 'Roboto Condensed';
}

.cont-right h3

{
	width:auto;
	margin:20px 5px 5px 20px;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FFBF00;
}

.contact-field
{
	margin:7px auto;
	width:350px;
	padding:2px 0 0 10px;
	height:35px;
	background:#FFBF00;
	font-size:14px;
	font-family: 'Roboto Condensed';
	color:#000;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	border:  solid 1px #999;

}

.contact-buttons
{
	margin:0;
	width:85px;
	padding:2px 0 0 7px;
	height:30px;
	background:#FFBF00;
	font-size:14px;
	font-family: 'Roboto Condensed';
	color:#000;
	border-radius: 3px;
	border:  solid 1px #999;
}
/* --- Mailer --- */
.mailer
{
	width:960px;
	height:200px;
	margin:10px auto;
	float:left;
	font-size:14px;
	font-family: 'Roboto Condensed';
	color:#00AEEF;
	font-weight:bold;
}

.solution
{
	margin:auto;
	width:1000px;
	height:650px;
	float:left;
}
.solution h3
{
	margin:12px 8px auto;
	width:auto;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

.solution p
{
	margin:8px 8px auto;
	width:900px;
	height:auto;
	text-align:justify;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#000;
}

.solution li
{
	margin:12px 25px auto;
	width:900px;
	height:auto;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:25px;
}
.career
{
	margin:auto;
	width:1000px;
	height:450px;
	float:left;
}	
.career-left
{
	margin:auto;
	width:600px;
	height:450px;
	float:left;
}

.career-right
{
	margin:auto;
	width:400px;
	height:450px;
	float:right;
}

.career-left h3
{
	margin:12px 8px auto;
	width:auto;
	height:auto;
	font-family: 'Roboto Condensed';
	color:#FC0;
}

.career-left p
{
	margin:8px 8px auto;
	width:auto;
	height:auto;
	text-align:justify;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#000;
}

.career-left li
{
	margin:12px 25px auto;
	width:auto;
	height:auto;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:25px;
}