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


/*H1 {font-size:30px; margin: 10px 0px 0px 0px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color:#64b7cc; word-spacing:4.0px}
H2 {font-size:14px; margin: 5px 0px 0px 0px; font-weight:bold; }
H3 {font-size:14px; margin: 36px 0px 0px 0px;  color: #FFFFFF;} */
h1 {font-size:24px; margin: 3px 0px 0px 0px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color:#3eb1df; word-spacing:3.0px; font-weight:bold;  position:absolute;
	text-indent:-9999px; }
H2 {font-size:24px; margin: 3px 0px 0px 0px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color:#3eb1df; word-spacing:3.0px; font-weight:bold}
H3 {font-size:16px; margin: 0px 0px 0px 10px;  font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color:#3eb1df; word-spacing:3.0px; font-weight:bold}

:focus	{ outline:0 } 

body {
	background: url(images/back_main.gif) repeat-x;
	font: 105% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #219fcc;
	letter-spacing:1px;  
	line-height:1.4em;    
	
 }
#container {
	width:991px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
#header {
	height:121px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	
}
#footer {
	padding-top: 2px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	margin: 0 auto;
	width:750px;
}
#footer p {
	margin: 0 auto;
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	width:704px;
	height:87px;
	
}

h1.logo {
	margin:0;
	padding:0;
	width:370px;
	height:40px;
	position: relative;
	float:left;
	margin-left:35px;
	margin-top:55px;
	background: url(images/alpha.gif);
	text-indent: -9999px;
}

h2.text {
	text-indent: -9999px;
}


/*slider index css */

#slider_bt {
		background-image:url(images/big_bg_head.jpg);
		height:479px;
		width:991px;
		}

#slider_holder {
	width:991px;
	height:479px;
		}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 940px; /*Width of Carousel Viewer itself*/
height: 470px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin-top:37px;
height:470px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 991px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:470px;
}

.project_image1 {
	width:890px; 
	height:431px;
	margin-left: 19px;  
	margin-top: 5px;
	z-index:1;
	position:absolute;
}

.project_image {
	width:890px;
	height:431px;
	margin-left: 17px;  
	  
} 

.project_text {
	float:right;
	width:470px;
	height:300px;
	margin-right:130px;
	margin-top:110px;
	z-index:10;
	position:relative;
	text-align:justify;
	}

.button_more {
		float:left;
		position:absolute;
		margin-left:45px;
		margin-top:200px;
		z-index:12;
}
	
/*end slider */	

/*slider contact css */

#slider_contact {
		background-image:url(images/contact_slide.jpg);
		height:479px;
		width:991px;
		}
		
#slider_holder {
	width:991px;
	height:479px;
		}


.stepcarousel_contact{
position: relative; /*leave this value alone*/
width: 940px; /*Width of Carousel Viewer itself*/
height: 470px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin-top:37px;
height:470px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 991px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:470px;
}
.project_image1 {
	width:890px; 
	height:431px;
	margin-left: 19px;  
	margin-top: 5px;
	z-index:1;
	position:absolute;
	}

.project_image {
	width:890px;
	height:431px;
	margin-left: 17px;  
	  
} 



/*end slider */	


/*slider portfolio css */

#slider_bt_portfolio {
		background-image:url(images/big_bg_portfolio.jpg);
		height:1109px;
		width:991px;
		}

#slider_holder_portfolio {
	width:991px;
	height:1037px;
		}


.stepcarousel_portfolio{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 941px; /*Width of Carousel Viewer itself*/
height: 1109px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel_portfolio .belt_portfolio{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin-top:34px;
height:1037px;
}

.stepcarousel_portfolio .panel_portfolio{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 941px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:1037px;
}

.project_portfolio_image1 {
	width:941px; 
	height:1037px;
	margin-left: 0;  
	margin-top:0;
	z-index:1;
	position:absolute;
	}

.project_portfolio_image {
	width:890px;
	height:431px;
	margin-left: 17px;  
	  
} 

.project_portfolio_text {
	float:right;
	width:900px;
	height:100px;
	margin-right:30px;
	margin-top:0px;
	z-index:10;
	position:relative;
	text-align:justify;
	}

.button_portfolio_more {
		float:left;
	}
	
/*end slider */