@import url("social_style.css");
@import url("form_style.css");

body, h1, h2, h3, h4, h5, table, form, ul, li, p {
	margin: 0px;
	padding: 0px;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #eaeaea;
	}
h1  {
	width:100%;
	float:left;
	display:block;
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	}
.double_line {
	width:100%;
	float:left;
	margin-bottom:20px;
	}	
.double_line div {
	width:600px;
	height:1px;
	background:#004270;
	border-bottom:1px solid #227098;
	}	

.main_div {
	width: 100%;
	float: left;
	}

.top_block {
	width: 100%;
	float: left;
	background:#015a9e url(../images/web_img/contact_glow.jpg) no-repeat center top; 
	padding: 40px 0; margin-bottom: 40px;
}
.logo {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.logo > a {
	text-decoration: none;
}
.logo > img {
	max-width: 110px; height: auto;
	border: none;
}
.phone {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.phone span {
	padding: 0 15px;
	color: #FFF; font-size:26px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:0 2px 2px #004072;	
}


/* PROJECTS */
.projects_suit {
	width:100%;
	float:left;
	padding-bottom: 40px;
	background: url(../images/web_img/contact_top.png) no-repeat bottom center;
	}		
.projects_suit h1 {
	color:#191919;
	text-shadow:0 2px 0 #fff;
	margin-bottom:40px;
	}	
.projects_suit #all_projects {
	width:100%;
	float:left;
	margin-bottom:35px;
	}		
.projects_suit #all_projects a {
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#43bbfa;
	text-shadow:0 4px 0 #fff;
	background:url(../images/web_img/arrow.png) no-repeat right center;
	padding-right:20px;
	}
/*//////////////////*/	
.projects {
	width:960px;
	}		
.projects #project_circle {
	width:260px;
	height:260px;
	float:left;
	position:relative;
	margin:0 30px 50px;
	overflow:hidden;
	}	
.projects #project_circle img {
	width:254px;
	height:254px;
	position:absolute;
	z-index:1;
	top:3px;
	left:3px;
	}	
.projects #project_circle a {
	width:260px;
	height:260px;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	background:url(../images/web_img/project_circle.png) no-repeat;
	}	


/* CONTACTS */
.contact_suit {
	width:100%;
	float:left;
	padding-bottom:40px;
	border-bottom:1px solid #67bdff;
	background:#015a9e url(../images/web_img/contact_glow.jpg) no-repeat center top;
	}	
.contact_suit h1 {
	color:#FFF;
	text-shadow:0 2px 0 #4cafe6;
	margin-top:50px;
	margin-bottom:20px;
	}			
.contact_suit em {
	width:100%;
	display:block;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#003659;
	font-size:18px;
	text-shadow:0 1px 0 #4686b8;
	}		
.contact_suit strong {
	width:100%;
	display:block;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:30px;
	font-weight:normal;
	text-shadow:0 2px 2px #004072;
	margin-bottom:15px;
	}	
.contact_suit a {
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
	}	


/* PORTFOLIO INFO */
.portfolio_info,
#portfolio_inside {
	width:100%;
	float:left;
	background:#eaeaea;
	border-bottom:1px solid #fff;
	}	
.portfolio_info #portfolio_fixer {
	width:960px;
	height:400px;
	}	
	
/*portfolio arrow*/		
.portfolio_arrow {
	width:100%;
	float:left;
	margin:30px 0 30px;
	padding-bottom:20px;
	border-bottom:1px solid #e2e2e2;
	}	
.portfolio_arrow #arrow_fixer {
	width:960px;
	}
.portfolio_arrow a {
	width:30px;
	height:30px;
	float:right;
	background:url(../images/web_img/portfolio_arrows.png) no-repeat;
	
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.15s ease-in;
	-moz-transition:all 0.15s ease-in;
	-o-transition:all 0.15s ease-in;
	}
.portfolio_arrow #port_prew {
	background-color:#fff;
	background-position:left top;
	}	
.portfolio_arrow #port_prew:hover {
	background-position:left bottom;
	background-color:#1d1d1d;
	}				
.portfolio_arrow #port_next {
	background-color:#fff;
	background-position:-30px top;
	}	
.portfolio_arrow #port_next:hover {
	background-position:-30px bottom;
	background-color:#1d1d1d;
	}	
.portfolio_arrow #port_all {
	background-color:#f0f0f0;
	background-position:-60px top;
	}	
.portfolio_arrow #port_all:hover {
	background-position:-60px bottom;
	background-color:#1d1d1d;
	}		
		

/*portfolio img*/	
.portfolio_info #portfolio_img {
	width:660px;
	float:right;
	}	
.portfolio_info #portfolio_img div {
	width:100%;
	height:531px;
	float:left;
	background:url(../images/web_img/portfolio_browser.png) no-repeat;
	margin-bottom:50px;
	position:relative;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-moz-box-shadow:0 3px 7px 0 #aeaeae;
    -webkit-box-shadow:0 3px 7px 0 #aeaeae;
    box-shadow:0 3px 7px 0 #aeaeae; 
	}	
.portfolio_info #portfolio_img img {
	width:660px;
	height:500px;
	margin-top:24px;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	}
.portfolio_info #portfolio_img a {
	position:absolute;
	z-index:2;
	top:7px;
	left:45px;
	color:#434343;
	text-decoration:none;
	font-size:9px;
	line-height:13px;
	}	
	
/*portfolio info*/	
.portfolio_info #portfolio_info {
	width:300px;
	float:left;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	line-height:18px;
	font-size:11px;
	}
	
/*project title*/
.portfolio_info h1 {
	font-size:15px;
	text-align:left;
	margin-bottom:10px;
	}	
	
/*project date*/	
.portfolio_info #port_date {
	width:100%;
	display:block;
	float:left;
	color:#9d9d9d;
	margin-bottom:20px;
	}

/*project des*/
.portfolio_info #port_des {
	width:100%;
	display:block;
	float:left;
	color:#9d9d9d;
	margin-bottom:20px;
	}		
.portfolio_info #port_des ul,
.portfolio_info #port_des strong {
	list-style:inside;
	color:#1d1d1d;
	font-weight:normal;
	}	
.portfolio_info #port_des li {
	list-style-image: url(../images/web_img/li_dot.png);
}

/*project cost*/	
.portfolio_info #port_cost {
	width:100%;
	display:block;
	float:left;
	color:#9d9d9d;
	}	
.portfolio_info #port_cost strong,
.portfolio_info #port_date strong {
	font-weight:normal;
	color:#1d1d1d;
	}
	
/*project link*/
.portfolio_info #port_link {
	width:130px;
	padding:10px 0;
	float:left;
	display:block;
	background:#FFF;
	margin:20px 0 0;
	font-size:10px;
	
	text-transform:uppercase;
	text-decoration:none;
	color:#1d1d1d;
	text-align:center;
	
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.15s ease-in;
	-moz-transition:all 0.15s ease-in;
	-o-transition:all 0.15s ease-in;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-moz-box-shadow:0 2px 5px 0 #cecece;
    -webkit-box-shadow:0 2px 5px 0 #cecece;
    box-shadow:0 2px 5px 0 #cecece; 
	}	
.portfolio_info #port_link:hover {
	color:#fff;
	background:#1d1d1d;
	}