@charset "utf-8";
/* CSS Document */

body{
	font-family: 'OpenSansRegular';
	margin:0px;
	padding:0px;
}
p, h1, h2, h3, h4, h5, h6, span, a, img, field, table, ul, li, span{
	margin:0px;
	padding:0px;
}
h1{
	font-family: 'OpenSansCondensedBold';
	font-size:24px;
}
h2{
	font-family: 'OpenSansCondensedBold';
	font-size:24px;
}
h3{
	font-family: 'OpenSansCondensedBold';
	font-size:16px;
}
h4{
	font-family: 'OpenSansCondensedBold';
	font-size:16px;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
a img{
	border:none;
}
p{
	font-size:12px;
	color:#FF0000;
}
.clear{
	clear:both;
}
.height5  { height:5px;}
.height10 { height:10px;}
.height15 { height:15px;}
.height20 { height:20px;}
.height25 { height:25px;}
.height30 { height:30px;}
.height35 { height:35px;}
#wrap{
}
#wrap .container{
	width:960px;
	margin:0 auto;
}
#top_sec{
	background:#fff;
	height:89px;
}
#top_sec .logo{
	float:left;
}
#top_sec .nav_left{
	float:left;
	width:304px;
}
#top_sec .nav_left li{
	background:#fff;
	float:left;
	border-left:solid 1px #ebebeb;
}
#top_sec .nav_left li.selected a{
	background:#fff;
	color:#3098ad;
	border-left:solid 1px #ebebeb;
	-moz-box-shadow:inset 3px 3px 5px 6px #ccc;
    -webkit-box-shadow:inset 3px 3px 5px 6px #ccc;
    box-shadow:inset 0px 0px 10px 0px #ccc;
	
}
#top_sec .nav_left li:hover a{
	background:#fff;
	color:#3098ad;
	-moz-box-shadow:inset 3px 3px 5px 6px #ccc;
    -webkit-box-shadow:inset 3px 3px 5px 6px #ccc;
    box-shadow:inset 0px 0px 10px 0px #ccc;
}
#top_sec .nav_left a{
	display:block;
	float:left;
	text-align:center;
	font-family: 'OpenSansBold';
	font-size:12px;
	color:#4e4e4e;
	padding:29px 19px;
	text-transform:uppercase;
}
#top_sec .nav_left span{
	color:#a4a4a4;
	font-size:10px;
	font-family: 'OpenSansRegular';
}
#top_sec .nav_right{
	float:right;
}
#top_sec .nav_right li{
	background:#fff;
	float:left;
	border-right:solid 1px #ebebeb;
}
#top_sec .nav_right li.selected a{
	background:#fff;
	color:#3098ad;
	border-left:solid 1px #e86767;
	-moz-box-shadow:inset 3px 3px 5px 6px #ccc;
    -webkit-box-shadow:inset 3px 3px 5px 6px #ccc;
    box-shadow:inset 0px 0px 10px 0px #ccc;
}
#top_sec .nav_right li:hover a{
	background:#fff;
	color:#3098ad;
	-moz-box-shadow:inset 3px 3px 5px 6px #ccc;
    -webkit-box-shadow:inset 3px 3px 5px 6px #ccc;
    box-shadow:inset 0px 0px 10px 0px #ccc;
}
#top_sec .nav_right a{
	display:block;
	float:right;
	text-align:center;
	font-family: 'OpenSansBold';
	font-size:12px;
	color:#4e4e4e;
	padding:29px 20px;
	text-transform:uppercase;
}
#top_sec .nav_right span{
	color:#a4a4a4;
	font-size:10px;
	font-family: 'OpenSansRegular';
}
#home{
	background:url(../images/home_bg.jpg) repeat;
	padding:0 0 2px 0;
}
#home .social{
	height:73px;
	width:117px;
	float:left;
	margin:28px 0 0 0;
	background-image: url(../images/social_bg.png);
	background-repeat: no-repeat;
}
#home .social .icon{
	margin:20px 0 0 18px;
}
#home .social a{
	margin:0 1px;
}
#home .social a.tw{
	height:33px;
	width:34px;
	float:left;
	background-image: url(../images/eng_icon.png);
	background-repeat: no-repeat;
}
#home .social a.tw:hover{
	background-position:0 -34px;
	
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#home .social a.fb{
	height:33px;
	width:34px;
	float:left;
	background-image: url(../images/ger_icon.png);
	background-repeat: no-repeat;
	margin-left: 5px;
}
#home .social a.fb:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#home .social a.g_plus{
	background:url(../images/g_plus_icon.png) no-repeat;
	height:33px;
	width:34px;
	float:left;
}
#home .social a.g_plus:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#home .social a.dribble{
	background:url(../images/dribble_icon.png) no-repeat;
	height:33px;
	width:34px;
	float:left;
}
#home .social a.dribble:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#home .phone{
	background:url(../images/social_bg1.png) no-repeat;
	height:73px;
	width:220px;
	float:right;
	margin:28px 0 0 0;
}
#home .phone .text{
	margin:10px 0 0 0;
	text-align:center;
}
#home .phone .text span{
	color:#fff;
	font-style:italic;
	font-size:14px;
}
#home .phone .text h3{
	color:#fff;
	font-size:28px;
}
#home .home_text{
	text-align:center;
	margin:38px 0 0 0;
}
#home .home_text span{
	font-family: 'BreeSerifRegular';
	text-transform:uppercase;
	font-size:50px;
	color:#fff;
	line-height:40px;
}
#home .home_text span.big{
	font-size:75px;
	margin:10px 0 0 0;
	line-height: 55px;
}
#home .home_text span.small{
	font-size:20px;
}
#home .home_text .my_pic{
	margin:70px 0 0 0;
}
#home .home_text .dir{
	margin:10px 0 0 0;
	font-size:15px;
	color: #FFFFFF;
}

#home .divider{
	background:url(../images/divider.png) repeat-x;
	height:6px;
	margin:15px 0 0 0;
}
#about{
	background:url(../images/about_bg.jpg) repeat;
	padding:2px 0 0 0;
}
#about .about_text{
	text-align:center;
	margin:37px 0 0 0;
}
#about .about_text p{
	color:#da5555;
	margin:26px 0 0 0;
}
#about .what_do{
	float:left;
	width:295px;
	margin:35px 24px 0 0;
	text-align:left;
}
#about .last{
	margin:80px 0 0 0;
}
#about .what_do span{
	color:#1D2B53;
	font-size:24px;
	font-family: 'OpenSansCondensedBold';
}
#about .what_do span.black{
	color:#474747;
	font-size:24px;
	font-family: 'OpenSansCondensedBold';
}
#about .what_do p{
	color:#656565;
	margin:12px 0 0 0;
	line-height:20px;
}
#about .what_do li{
	color:#656565;
	line-height:18px;
	font-size:12px;
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
#about .round_skills{
	float:right;
	margin:15px 25px 0 0;
}
#about .about_divider{
	background:url(../images/about_divider.png) repeat-x;
	margin:48px 0 0 0;
	height:2px;
}
#about .bio{
	background:url(../images/bio.jpg) no-repeat center;
	height:729px;
	margin:30px 0 0 0;
}
#about .divider{
	background:url(../images/divider.png) repeat-x;
	height:6px;
	margin:0 0 0 0;
}
#portfolio{
	background:url(../images/portfolio_bg.jpg) repeat;
	
}
#portfolio .portfolio_text{
	text-align:center;
	margin:37px 0 0 0;
}
#portfolio .portfolio_text p{
	color:#ffffff;
	margin:26px 0 0 0;
}

#our_work{
	margin:36px 0 0 0;
}
#our_work .tabs{
	background:url(../images/tab_bg.png) repeat;
	height:48px;
	padding:0 0 0 10px;
	border:solid 1px #e46b6b;
	-moz-box-shadow:inset 3px 3px 5px 6px #ca4c4c;
	-webkit-box-shadow:inset 3px 3px 5px 6px #ca4c4c;
	box-shadow:inset 0px 0px 0px 1px #ca4c4c;
}
#our_work .tabs a.selected{
	background-color:#443121;
	padding:7px 18px;
	margin:7px 6px 0 0;
	float:left;
	color:#fff;
	font-size:13px;
	text-shadow:none;
		border-radius:0px;
 	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
#our_work .tabs a{
	background-color:#f1ece1;
	padding:7px 18px;
	margin:7px 6px 0 0;
	float:left;
	color:#898989;
	font-size:13px;
	text-shadow:0 1px 0 #fff;
		border-radius:0px;
 	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
#our_work .tabs a:hover{
	background-color:#443121;
	padding:7px 18px;
	margin:7px 6px 0 0;
	float:left;
	border-radius:0px;
 	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	color:#fff;
	font-size:13px;
	text-shadow:none;
}
#our_work .portfolio{
	margin:25px 0 0px 0;
	float:left;
}
#our_work .my_pf{
	float:left;
	margin:0 21px 15px 0;
	width:306px;
}
#our_work .last{
	margin:0px;
}
#our_work .port_text{
	background-color:#f1ece1;
	border:solid 1px #ececec;
	padding:10px 10px;
	height: 370px;
}

#our_work .port_text1{
	background-color:#f1ece1;
	border:solid 1px #ececec;
	padding:10px 10px;
	height: 370px;
}

#our_work .port_text1 li{
	font-size:12px;
	line-height:16px;
	color:#666666;
	list-style-position: inside;
	list-style-type: disc;
}

#our_work .port_text li{
	font-size:13px;
	line-height:18px;
	color:#666666;
	list-style-position: inside;
	list-style-type: disc;
}

#our_work .port_text h3{
	font-size:18px;
	color:#006699;
	font-family: 'OpenSansRegular';
	font-weight:normal; 
}

#our_work .port_text1 h3{
	font-size:18px;
	color:#006699;
	font-family: 'OpenSansRegular';
	font-weight:normal; 
}
#our_work .port_text p{
	font-size:13px;
	line-height:18px;
	margin:5px 0 0 0;
	color:#666666;
}
#our_work .portfolio .shadow{
	 margin:0 0 0 11px;
}
#portfolio .divider{
	background:url(../images/divider.png) repeat-x;
	height:6px;
	margin:0 0 0 0;
}
#services{
	background:url(../images/service_bg.jpg) repeat;
}
#services .services_text{
	text-align:center;
	margin:37px 0 0 0;
}
#services .services_text p{
	color:#cdc4b3;
	margin:26px 0 0 0;
}
#services .service_sec{
	margin:40px 40px 0 0;
}
#services .service_sec .service_content{
	text-align:center;
	
}
#services .service_sec h3{
	color:#e5decd;
	font-size:22px;
	margin:20px 0 0 0;
	text-shadow:0 3px 0 #2c2621;
	
}
#services .service_sec p{
	color:#b5b2b0;
	font-size:12px;
	margin:7px 0 0 0;
}
#services .service_sec li{
	color:#b5b2b0;
	font-size:12px;
	margin:7px 0 0 0;
	text-align:left;
	list-style-position: inside;
	list-style-type: disc;
}
#services .service_sec .list {
	float:left;
	width:350px;
	margin-right:45px;
	margin-bottom: 25px;
	margin-top: 15px;
	}

#services .service_sec.last{
	margin:40px 0 0 0;
}
#services .divider{
	background:url(../images/divider.png) repeat-x ;
	height:6px;
	margin:0 0 0 0;
}
#services .bottom{
	background:url(../images/divider.png) repeat-x ;
	height:6px;
	margin:65px 0 0 0;
}
#contact{
	background:url(../images/home_bg.jpg) repeat;
	height:720px;
}
#contact .contact_text{
	text-align:center;
	margin:37px 0 0 0;
}
#contact .contact_text p{
	color:#d6e8ec;
	margin:26px 0 0 0;
}
#contact .blue_back{
	margin:60px 0 0 0;
	background:#308a9d;
	height:42px;
	border-bottom:solid 1px #267d8f;
}
#contact .nav{
	float:left;
}
#contact .nav li{
	float:left;
}
#contact .nav a{
	color:#f3f3f3;
	font-size:11px;
	margin:0 10px;
	line-height:42px;
	padding:5px 10px;
}
#contact .nav a.selected{
	background:#267d8f;
}
#contact .nav a:hover{
	background:#267d8f;
}
#contact .social{
	float:right;
	margin:15px 20px 0 0;
}
#contact .social a{
	margin:0 1px;
}
#contact .social a.tw{
	background:url(../images/twitter_icon.png) no-repeat;
	height:33px;
	width:34px;
	float:right;
}
#contact .social a.tw:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#contact .social a.fb{
	background:url(../images/fb_icon.png) no-repeat;
	height:33px;
	width:34px;
	float:left;
}
#contact .social a.fb:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#contact .social a.g_plus{
	background:url(../images/g_plus_icon.png) no-repeat;
	height:33px;
	width:34px;
	float:left;
}
#contact .social a.g_plus:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#contact .social a.dribble{
	background:url(../images/dribble_icon.png) no-repeat;
	height:33px;
	width:34px;
	float:left;
}
#contact .social a.dribble:hover{
	background-position:0 -34px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
#contact .get_touch{
	float:left;
	width:450px;
	margin:40px 0 0 0;
}
#contact .get_touch h1{ 
	color:#fff;
	font-size:38px;
	text-shadow:0 3px 0 #196272;
}
#contact .get_touch label{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	width:138px;
	float:left;
	margin:22px 0 0 0;
}
#contact .get_touch input[type=text]{
	background:url(../images/input.png) no-repeat;
	width:300px;
	height:38px;
	color:#d8eaed;
	padding:0 5px;
	font-size:14px;
	font-family: 'OpenSansRegular';
	border:none;
	float:left;
}
.submit{
	float:right;
	width:154px;
	height:52px;
	margin:15px 0 0 10px;
	background-image: url(../images/sebmit_btn.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border:0 none;
	cursor:pointer;
}
.submit:hover{
	background-position:0 -52px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}
.reset{
	float:left;
	width:154px;
	height:52px;
	margin:15px 0 0 130px;
	background-image: url(../images/reset_btn.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border:0 none;
	cursor:pointer;
}
.reset:hover{
	background-position:0 -52px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}

.submit1 {
	float:right;
	width:154px;
	height:52px;
	margin:15px 0 0 10px;
	background-image: url(../images/sebmit_btn_ale.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border:0 none;
	cursor:pointer;
}
.submit1:hover{
	background-position:0 -52px;
	transition: background-position 0.1s ease-out;
	-moz-transition: background-position 0.1s ease-out;
	-ms-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
}

#contact .right_sec{
	float:right;
	width:360px;
	margin:150px 0 0 0;
}
#contact .right_sec .map{
	background:url(../images/map.png) no-repeat 0px 35px;
	padding:0 0 0 30px;
}
#contact .right_sec a{
	color:#fff;
	font-size:16px;
	margin:3px 0 0 0;
	float:left;
}
#contact .right_sec a:hover{
	color:#ede6d8;
}
#contact .right_sec li.mobile{
	background:url(../images/mobile_icon.png) no-repeat;
	height:30px;
	padding:0 0 25px 40px;
}
#contact .right_sec li.email{
	background:url(../images/email_icon.png) no-repeat;
	height:30px;
	padding:0 0 25px 40px;
}
#contact .right_sec li.url{
	background:url(../images/globe_icon.png) no-repeat;
	height:30px;
	padding:0 0 25px 40px;
}
#contact .right_sec li.address{
	background:url(../images/home_icon.png) no-repeat;
	height:30px;
	padding:0 0 25px 40px;
}
#contact .copyright{
	background:url(../images/copy_right_bg.jpg) repeat-x;
	height:87px;
	margin:50px 0 0 0;
	text-align:center;
	padding:18px 0 0 0;
}
#contact .copyright h3{
	color:#064f5e;
	text-shadow:0 3px 0 #57a0af;
	text-transform:uppercase;
	font-size:24px;
}
#contact .divider{
	background:url(../images/divider.png) repeat-x ;
	height:6px;
	margin:0 0 0 0;
}
#contact .copyright p{
	color:#fff;
	font-size:11px;
	margin:5px 0 0 0;
}
#contact .copyright .privacy{
	margin:3px 0 0 395px;
}
#contact .copyright li{
	background:url(../images/privacy_line.jpg) no-repeat right;
	float:left;
}
#contact .copyright li.last{
	background:none;
}
#contact .copyright a{
	color:#97d7e5;
	font-size:10px;
	float:left;
	margin:0 5px;
}
#contact .copyright a:hover{
	color:#063e4a;
}
.social-span {
	color:#FFFFFF;
	font-size:12px;
	margin-right: 8px;
}
.list1 {
	font-size:12px;
	line-height:14px;
	}