@charset "UTF-8";

@font-face {
	font-family: 'Conv_He_Neu_Lt';
	src: url('../fonts/He_Neu_Lt.eot');
	src: local('☺'), url('../fonts/He_Neu_Lt.woff') format('woff'), url('../fonts/He_Neu_Lt.ttf') format('truetype'), url('../fonts/He_Neu_Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_CastleT';
	src: url('../fonts/CastleT.eot');
	src: local('☺'), url('../fonts/CastleT.woff') format('woff'), url('../fonts/CastleT.ttf') format('truetype'), url('../fonts/CastleT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_CastleT Bold';
	src: url('../fonts/CastleT Bold.eot');
	src: local('☺'), url('../fonts/CastleT Bold.woff') format('woff'), url('../fonts/CastleT Bold.ttf') format('truetype'), url('../fonts/CastleT Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*************************************************************************************************************/
/* Reset CSS */
/*************************************************************************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{display:block;margin:0px;}


/*************************************************************************************************************/
/* !Default styles
/*************************************************************************************************************/

	html, body { color: #64757f; font-family: 'Conv_He_Neu_Lt', Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size:18px; font-weight:200; line-height:1.5em; letter-spacing:0; background:#fff; }

/*************************************************************************************************************/
/* Text */
/*************************************************************************************************************/
	h1, h2, h3, h4, h5 {  font-weight: 100; margin-bottom: 0.5em; font-family: 'Conv_CastleT'; line-height:1em; color:#455560; } 
	h1 { font-size: 22px; text-shadow:0px 0px 2px #ccc; }
	h2 { font-size: 17px; }
	h3 { font-size: 15px; }
	h4 { font-size: 14px; }
	h5 { font-size: 13px; }
	
	p { line-height: 1.4em; margin-bottom: 1em; color:#64757f; }
	a { letter-spacing: 1px; }
	a:link { text-decoration: none; }
	a:hover, a.current { color: #64757f; }
	a.current { font-family:'Conv_CastleT Bold'; }
	.small { font-size: 10px; }
	li { margin: 10px 0 10px 6px; list-style-type: none; }
	#project_content ul li:before{ content:"-" !important; position:relative; left:-5px; }
	#page_content ul li:before{ content:"-" !important; position:relative; left:-5px; }
	
	
	a:hover img    { filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85; }
	
	.debug { display: none; width: 100%; padding: 30px; background-color: #fff; color: #000; font-size: 20px; }


/*************************************************************************************************************/
/* COMMON Structure ELEMENTS
/*************************************************************************************************************/

	body { background-color: #a1a1a2; }
	#mainwrap { width: 1100px; height: 100%; margin: 0 auto; position: relative; background: #ffffff url('../images/realcom_header_bg.png') no-repeat; background-position-x: 100px; box-shadow:0 0 15px rgba(0,0,0,0.56);  }
	#canvas { width:100%; height:100%; position:fixed; z-index:10; top:0; left:0; background:#000; opacity:0.8; display:none; }
	#notification { position:fixed; _position:absolute; left:50%; margin-left:-9em; width:16em; top:2.5em; z-index:100; height:7.5em; padding:1em; border-radius:1em; box-shadow:0 0 0.5em #000000; background:#dbd1b9; font-size:1.429em; color:#5a0000; text-align:center; border:#fff 0.25em dotted; }
	#notification a { color:#000; }
	#notification a:hover { color:#ffbb00; }
	#content { width:1060px; height:100%; padding: 20px 20px 0 20px; }
		#content ul, ol { list-style: inside; }	
	
	#page_content { width:827px; height:100%; margin: 15px auto 0 auto; }
	#page_content hr { border-top:1px solid #999; }
	
	.image_frame { border:2px solid rgba(101,153,183,0.6); border-radius:15px; overflow: hidden; }
	
	
	#header { width:1100px; height:160px; position: relative; }
		#company_logo { width: 243px; top:40px; left:35px; position: absolute; }
		#positioning_statement{ width: 190px; height: 20px; top:20px; right:40px; font-family:'Conv_CastleT Bold'; position: absolute; color:#455560; font-size:13.5px; line-height: 1.5em; text-align:left; }
		
		#main_menu { width: 1100px; height: 40px; background: url('../images/menu_bg.png') repeat-x; font-size:14px; font-family:'Conv_CastleT';  }
		#main_menu ul { margin-left: 280px; }
		#main_menu ul li { padding:5px 0 0 0; float:left; margin: 0 55px 0 0; } 
		#main_menu ul li.last { margin-right:0; }
		#main_menu ul li a { color:#454545; }
		#main_menu ul li a:hover { color:#777; }
	
	#testimonial_footer_wrap { width: 1100px; height:100%; padding: 20px 0 20px 0; font-size: 18px; overflow: hidden; }
	#testimonial_footer { width: 832px; height: 220px; padding: 45px 134px 45px 134px; box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.19); background: url('../images/footer_bg.png') no-repeat; font-family: 'Conv_CastleT'; }
	
	.carousel-control { background: none; width: 68px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; font-size: 150px; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; opacity: 1; transform: scale(2,1); -ms-transform: scale(2,1); /* IE 9 */ -webkit-transform: scale(2,1); /* Safari and Chrome */  }
	
	#footer { padding: 0 20px 0 20px; position: relative; }
	#footer a:hover { color:#444444; }
	#credits { float: right; margin-top: 10px; font-size:12px; }
	#address { position: absolute; right:20px; text-align: right; width:500px; font-size: 13px; }
	.footer_logo { float: left; margin-right: 20px; }
	

/*************************************************************************************************************/
/* HOMEPAGE */
/*************************************************************************************************************/

	#home_images { width:827px; height:214px; margin:15px auto 25px; }
	.home_image { width:265px; height:210px; margin-left: 10px; float:left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; }
	.home_image_border { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden; }
	.home_image_first { margin-left: 0px; }
	
	
	#news_and_featured_projects { }
	#home_news { width:300px; height:137px; float:left; font-size: 12px; }
	.home_news_article { position: relative; }
	.home_news_article .date { position: absolute; top:0; right:0; text-align: right; color: rgba(101,153,183,0.6); }
	
	#feature_project_carousel { width:482px; height:175px; float: right; } 
		#carousel-inner { width:482px; height:139px; }
		.feature_project_gallery { }
			.mini_gallery { width:133px; height:133px; float:left; margin-right:19px; }
				.feature_project_copy { width:326px; height:137px; float:left; }
				.feature_project_copy p { font-size:14px; }
		.carousel { margin-bottom: 0; }
		.carousel-indicators { width:482px; height:25px; display: block; top:150px; left:0px; }
		.carousel-indicators li { width:16px; height:16px; margin: 0 8px 0 0; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px rgba(101,153,183,0.6) solid;  }
		.carousel-indicators li.active { background-color: rgba(101,153,183,0.6); }
	


/*************************************************************************************************************/
/* CONTACT PAGE */
/*************************************************************************************************************/

	#contact { padding: 0 65px 0 100px; height: 330px; width: 320px; float: left; font-size: 17px; }
	.contact_map { width: 333px; height: 258px; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border: 3px solid rgba(101,153,183,0.6); overflow: hidden; }
	.contact_map_border { border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; overflow: hidden; }
	#contact_detail { margin-top: 50px; }



/*************************************************************************************************************/
/* SNIPPET */
/*************************************************************************************************************/

.snippet { padding: 15px 0 5px 0; }
.snippet_image { float: left; width: 92px; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; overflow: hidden; }
.snippet_content { float: left; width: 712px; padding-left: 23px; }



/*************************************************************************************************************/
/* PROJECTS */
/*************************************************************************************************************/

#sidebar { float: left; width: 260px; padding: 0 10px 0 10px; }
#sidebar_menu { margin-top: 30px; }
#sidebar_menu a { color: #64757f; font-family:'Conv_He_Neu_Lt'; font-size: 18px; }
#sidebar_menu a.current { color: #455560; font-size: 19px; }
#sidebar_menu a:hover { color:#777; }
.sidebar { margin-bottom: 10px; }
.subnav { padding-left: 25px; }
.subnav li { list-style: none; line-height: 30px; margin: 0; }
.subnav a { font-size: 15px !important; color: #5a94ab !important; }
.subnav .current_li { width:16px; height:16px; margin: 6px 8px 0 0; position: absolute; left: 30px; background-color: rgba(101,153,183,0.6); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px rgba(101,153,183,0.6) solid;  }

#project_carousel { width: 686px; height: 510px; }
#project_carousel ul.carousel-indicators li { position: relative; width: 16px; height: 16px; }
#project_carousel ul.carousel-indicators { width:137px; height:25px; display: block; top:455px; left:0px; list-style: decimal !important; }
#project_content { float: left; width: 705px; }
.project_images { width: 680px; height: 425px; margin-bottom: 25px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border:3px solid rgba(101,153,183,0.6); overflow: hidden !important; }
.project_image_border { border-radius: 37px; -webkit-border-radius: 37px; -moz-border-radius: 37px; overflow: hidden; }
.product_number { width: 20px; height: 20px; margin: 0 10px 30px 0; font-size: 13px; line-height: 20px; position: absolute; top: 0; left: 500px; text-align:center; }
.categories_images { width: 110px; height: 110px; float: left; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border:2px solid rgba(101,153,183,0.6); overflow: hidden; }
.images_border { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; overflow: hidden; }
.categories_content { width: 565px; float: left; padding-left: 25px; font-size: 14px; }
.categories_content h2 { color: #3e4c51; }


	
/* Clearing floats */
div.clear { clear: both; overflow: hidden; height: 0px; }