body {
	margin: 0;
	background: #ffff;
	font-family: Arial;
	min-height:416px;
}

#main {
	width: 100%;
	margin:0;
	padding:0;
}

#logo{
	width:100%;
	height:31px;
	background-image: url(../images/logo.jpg);
	background-size: 100%;
}

#header{
	width:100%;
	height:40px;
	background-image: url(../images/home_header_bg_002.jpg);
	background-size: 100%;
	position:relative;
	overflow:hidden;
}

#header_services{
	width:100%;
	height:40px;
	background-image: url(../images/services_header_bg.jpg);
	background-size: 100%;
	position:relative;
	overflow:hidden;
}

.header_bubble{
	width:5%;
	height:40px;
	position:absolute;
	left:20%;
	background-image: url(../images/home_bubble_01.gif);
	background-size: 100%;
	z-index:1000;
	
}
.header_foreground{
	width:100%;
	height:80px;
	position:absolute;
	left:0%;
	background-image: url(../images/services_mountains_no_matte.png);
	background-size: 100%;
	z-index:1000;
	
}

.header_bubble2{
	width:10%;
	height:40px;
	position:absolute;
	left:65%;
	background-image: url(../images/home_header_bubble_02_002.gif);
	background-size: 100%;
	z-index:1001;
	
}
.header_bubble3{
	width:10%;
	height:40px;
	position:absolute;
	left:50%;
	background-image: url(../images/home_bubble_03.gif);
	background-size: 100%;
	z-index:1002;
	
}

#home_slide_show{
	width:100%;
	height:190px;
	background-image: url(../images/home_page_slideshow_bg.jpg);
	background-size: 100%;
	margin-top:14px;
	position:relative;
	overflow:hidden;
}

.logo_cont{
	width:100%;
	height:51px;
	background-size: 100%;
	background-image: url(../images/homepage/logo1.png);
	position:absolute;
	top:0;
	
}
.logo_services{
	width:100%;
	height:80px;
	background-image: url(../images/logo_160.jpg);
	background-size: 100%;
	position:absolute;
	top:0;
	
}

.logo_cont2{
	width:100%;
	height:51px;
	background-size: 100%;
	position:absolute;
	top:80px;
	
}

#logo_container{
	width:100%;
	height:51px;
	overflow:hidden;
	position:relative;
}
.slideshow_title{
	width:100%;
	height:30px;
	background-size: 100%;
	margin-left:100%;
}

.slideshow_image{
	width:65%;
	height:160px;
	background-size: 100%;
	/*
	background-image: url(../images/phone.png);
	background-size: 100%;
	*/
	float:left;
	margin-left:100%;
}

.slideshow_text{
	width:55%;
	height:130px;
	background-size: 100%;
	position:absolute;
	left:100%;

}

.header_text{
	font: Helvetica;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
	width:100%;
	position:absolute;
	top:15px;
	text-align: center;
	color:#fff;
	z-index:2000;
	
}

.cssButton{
	width:45%;
	height:26px;
	background: #1e8acb; /* Old browsers */
	background: -moz-linear-gradient(top, #1e8acb 0%, #00599d 25%, #012e51 50%, #00599d 75%, #1e8acb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e8acb), color-stop(25%,#00599d), color-stop(50%,#012e51), color-stop(75%,#00599d), color-stop(100%,#1e8acb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e8acb 0%,#00599d 25%,#012e51 50%,#00599d 75%,#1e8acb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e8acb 0%,#00599d 25%,#012e51 50%,#00599d 75%,#1e8acb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e8acb 0%,#00599d 25%,#012e51 50%,#00599d 75%,#1e8acb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1e8acb 0%,#00599d 25%,#012e51 50%,#00599d 75%,#1e8acb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8acb', endColorstr='#1e8acb',GradientType=0 ); /* IE6-9 */
	color:#fff;
	font-size:13px;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius: 5px;			
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.6;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(000,000,000,.8);
}

#button_container{
	width:100%;
	overflow:hidden;
	margin-bottom:3%;
}
.home_button{
	width:45%;
}

.left_button{
	float:left;
	margin-left:3%;
}
.right_button{
float:right;
	margin-right:3%;
}
.services_body_text{
	width: 94%;
	margin-left:3%;
	margin-bottom:10px;
	margin-top:4px;
	position:relative;
	float:left;
	font-size:1em;
}

.services_left_arrow{
	width:10%;
	height:65px;
	background-image: url(../images/services_arrow_left.png);
	background-size: 100%;
	float:left;
	margin-top:67px;
}
.services_right_arrow{
	width:10%;
	height:65px;
	background-image: url(../images/services_arrow_right.png);
	background-size: 100%;
	float:right;
	margin-top:67px;
}

#services_image_cont{
	position:relative;
	margin-top:4px;
}

.services_fan_image{
	width:80%;
	height:210px;
	/*background-image: url(../images/services_fan_02_sm.png);*/
	background-size: 100%;
	float:left;
}




.cloud_cont{
	position:absolute;
	top:80px;
	left:160px;
	width:20%;
}

.cloud_cont2{
	position:absolute;
	top:80px;
	left:160px;
	width:30%;
}
.cloud_cont3{
	position:absolute;
	top:80px;
	left:50px;
	width:25%;
}

h1{
	margin-left:3%;
}
/************************/

/* MENU */

.menu_cont{
	width:100%;
	/*
	position:absolute;
	*/
	z-index:1000;
	height:22px;
	/*padding-left:23%;
	top:18%;*/
	padding:0;
	margin:0;
}
#tab_bar{
	width:100%;
	height:22px;
	background-image: url(../images/tab_bar.jpg);
	background-size: 100%;

}


/************************/

#footer{
	font-size:.9em;
	text-align:center;
	margin-bottom:5%;
	margin-top:5%;
	color:#999;
	overflow:hidden;
}

#footer a{
	color:#00559f;
	text-decoration:none;
}

#button_container_stacked{
	width:45%;
	overflow:hidden;
	margin-bottom:3%;
	margin:0 auto 0 auto;
}
#button_container_stacked2{
	width:65%;
	overflow:hidden;
	margin-bottom:3%;
	margin:0 auto 0 auto;
}

.home_button{
	width:45%;
}

.stacked_button{
	display:block;
	width:100%;
	margin-bottom:8%;
}
img{
	display:block;
}



.services_fan_image_mobile_design_services{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_design_services.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_product_design_development{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_product_design_development.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_sites_landing_pages{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_sites_landing_pages.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_user_interface_ui_ux{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_user_interface_ui_ux.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_html5_design_development{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_html5_design_development.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_app_design{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_app_design.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_rich_media_advertising{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_rich_media_advertising.png);
	background-size: 100%;
	float:left;
}
.services_fan_image_mobile_prototypes_demos{
	width:80%;
	height:210px;
	background-image: url(../images/fan_mobile_prototypes_demos.png);
	background-size: 100%;
	float:left;
}