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

html, body {
   margin:0;
   padding:0;
   height:100%;
	width:100%;  
	font-family: 'Roboto', sans-serif;
	background:url(../img/homeback.png) repeat-x #000;
}



img{  border-style: none;
}


#backholder{
	width: 1475px;
	height: 1000px;
	position: relative;
	background-color: #000;
}


#nav{
	width:912px;
	height:125px;
	left:563px;
	position:relative;
	z-index:98;
}


#nav_logo{
	width:308px;
	float:left;
	padding-left:255px;
	z-index:99;
	position:absolute;
}


#footer{
	width:1050px;
	height:240px;
	top:515px;
	position:relative;
	background:#cc0;
	z-index:99;
	background:url(../img/navback.png) repeat-x;
	padding-left:270px;
	margin-right:50px;
}

#right-bg {
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 0;
    left: 1320px;
    width: 100%;
	background: url(../img/footerback.png) repeat-x;
	z-index:1;
}
#footer h1{
	color: #c20430;
	font-family: 'Rokkitt', serif;
	font-weight:400;
	font-size:25px;
	line-height:20px;
	text-transform:uppercase;
	padding:5px 0px 5px 0px; 
	margin:0px;

}

#footer p{
	font-size:12px;
	color:#FFF;
	padding:0px;
	margin:0px;
}

#footer p a{
	color: #c20430;
	text-decoration:none;
}

#footer_one{
	width: 175px;
	height: 110px;
	float: left;
	margin-top: 28px;
}
	



#footer_two{
	width: 250px;
	float: left;
	margin-top: 30px;
	background: url(../img/footertwo.png) repeat-y right;
	padding: 0px 20px 10px 0px;
}



#footer_twob{
	width: 175px;
	float: left;
	margin-top: 30px;
	background: url(../img/footertwo.png) repeat-y right;
	padding: 0px 20px 10px;
}


#footer_three{
	width: 250px;
	float: left;
	margin-top: 30px;
	padding: 0px 20px 0px 20px;
}

#footer_navholder{
	clear: both;
	padding: 0px 0px 70px;
	width: 925px;	

}
	#footer_navholder p {
    color: #7298bd;
    font-size: 13px;
    font-family: 'Rokkitt', serif;
    text-transform: uppercase;
    padding-top: 10px;
    margin-right: 10px;
    text-align: right;
    width: 400px;
    display: inline-block;
    float: right;
}
#footer_navholder p a{
	color: #7298bd;
}

/* hiding employee regular----------- */

#employee{
	width:132px;
	height:132px;
	background: #c20430;
	position:absolute;
	top:0px;
	right:0px;
	border-radius: 50%;
	margin-right:-20px;
	text-align:center;
	display:none;
}

#employee h1{
	font-size:16px;
	line-height:16px;
	color:#FFF;
	margin-top:30px;
		display:none;

}

#employee p{
	width:100px;
	text-align:center;
	margin-left:15px;
		display:none;

}

/* hiding employee regular----------- */


div.cf_wrapper{
	position: absolute;
	top:0px;	
	}
	
div.cf_element{
	width: 1475px;
	height: 1000px;
	background-color: #eee;
	top:0px;

	}
	
div.cf_element div.content2{
	padding: 10px;
	left:300px;
	top:200px;
	position:relative;
	width:600px;
	margin-bottom: -100px;
	}

div.cf_element div.content{
	padding: 10px;
	left:500px;
	top:275px;
	position:relative;
	width:600px;
	}
	
div.cf_element div.content h1{
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	font-size:30px;
	font-weight:100;
	text-transform:uppercase;
	margin:0px;
	padding:0px;		
		}
		
div.cf_element div.content h2{
	font-family: 'Rokkitt', serif;
	color:#FFF;
	font-weight:400;
	font-size:55px;
	text-transform:uppercase;
	margin:-10px 0px 0px 35px;
	padding:0px;
		}

div.cf_element div.content h3{
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	font-size:52px;
	font-weight:100;
	text-transform:uppercase;
	margin:-25px 0px 0px 280px;
	padding:0px;
		}


div.cf_element div.content p{
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:22px;
	font-weight:300;
	padding:0px;
	margin:0px 0px 0px 20px;
	width:560px;
	}


#cf1{
	background:url(../img/home/home01.jpg) no-repeat;
	}
	
	
#cf2{
	background:url(../img/home/home02.jpg) no-repeat;
		}
	
	
#cf3{
	background:url(../img/home/home03.jpg) no-repeat;	
	}
	
	#cf4{
	background:url(../img/home/home04.jpg) no-repeat;	
	}
	
	#cf5{
	background:url(../img/home/home05.jpg) no-repeat;	
	}
	
	
	#cf6{
	background:url(../img/home/home06.jpg) no-repeat;	
	}
	
	
	#cf7{
	background:url(../img/home/home07.jpg) no-repeat;	
	}
	
	
	#cf8{
	background:url(../img/home/home08.jpg) no-repeat;	
	}
	
	
	
	
	
/* Desktops and laptops ----------- */
	/* Beyond standard 960 */
	@media only screen and (max-width: 1100px) {
		
		
	
/* Styles */



html, body {
	width:1024px;
}
	

#contentheader, #content{
	left:275px;
	width:520px;
	overflow:hidden;
}


#contentheader{
	width:522px;

}

#nav{
	width:733px;
	left:300px;
	overflow:hidden;
	}

#nav_logo{
	width:175px;
	height:69px;
	float:left;
	padding-left:10px;
	}

#contentfooter{
	left:275px;
	width:680px;
	overflow:hidden;
}


#footer{
	width:950px;
	padding-left: 100px;
	height:500px;
	margin-right:70px;
}

#right-bg {
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 0;
    left: 1050px;
    width: 100%;
	background: url(../img/footerback.png) repeat-x;
	z-index:1;
}
#employee{
   margin-right:-20px;
}

#footer_two{
	width:220px;
}

ul#footernavlist{
	display:none;
}


#extranavlist li{
	font-size:16px;
}


#footer_navholder p{
	text-align:left;
}



div.cf_element div.content2
	{
		left:280px;
			top:150px;
			margin-bottom:-50px;

	}
	
	
	div.cf_element div.content
	{
		left:330px;
			top:200px;

	}
	
	

/* Large screens ----------- */
	@media only screen and (max-width: 1120px) {
/* Styles */

}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */



}



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

html, body, #backholder{
	width:1024px;
}

#cf_wrapper{
	left:50px;
	width:1024px;
	overflow:hidden;
}


#nav{
	width:733px;
	left:300px;
	overflow:hidden;

	}

#nav_logo{
	width:175px;
	height:69px;
	float:left;
	padding-left:10px;
	}

#contentfooter{
	left:275px;
	width:680px;
	overflow:hidden;
}


#footer{
	overflow:hidden;
	width:910px;
	padding-left: 100px;
	height:400px;
}

#footer_two{
	width:350px;
}

ul#footernavlist{
	display:none;
}


#extranavlist li{
	font-size:16px;
}


#footer_navholder p{
	text-align:left;
}


#employee{
	margin-right:0px;
	text-align:center;
}


#employee p{
	margin-left:10px;
}

#cf1, #cf2, #cf3{
	width:1024px;
	overflow:hidden;	
	}


div.cf_element div.content{
	padding: 10px;
	left:350px;
	top:200px;
	position:relative;
	width:550px;
	}
	
div.cf_element div.content h1{		
			
		}		
		
div.cf_element div.content h2{
	font-size:45px;
	line-height:45px;
	margin:-10px 0px 0px 15px;
		}

div.cf_element div.content h3{
	margin:-25px 0px 0px 80px;
		}

div.cf_element div.content p{
	line-height:18px;
	width:400px;
		}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
html, body, #backholder{
	width:768px;
}

#cf_wrapper{
	left:50px;
	width:768px;
	overflow:hidden;
}



#nav{
	width:670px;
	left:100px;
	overflow:hidden;
	top:20px;
	}
	
#extranavlist li{
	font-size:16px;
}


#nav_logo{
	width:175px;
	height:100px;
	float:left;
	padding-left:10px;
	}
	

#nav_logo img{
	width:200px;
	height:79px;

	}


#contentfooter{
	left:50px;
	width:680px;
	overflow:hidden;
}

#footer{
	width: 758px;
	padding-left: 0px;
	overflow:hidden;
	height: 400px;
}



ul#footernavlist, #footer_one{
	display:none;
}


#footer_two{
	margin-left:50px;
	width:550px;
	background:none;
}

#footer_three{
	margin: 20px 0px 0px 30px;
	width:680px;
	height:auto
}

#footer p{
	margin: 0px 0px 0px 50px;
}

#footer_two p, #footer_three p{
	margin: 0px;
}

#footer_navholder p{
	text-align:left;
}

#employee{
	margin-right:0px;
	text-align:center;
}


#employee p{
	margin-left:10px;
}

#cf1, #cf2, #cf3{
	width:768px;
	overflow:hidden;	
	}

#cf1{
	background:url(../img/home/home01_ipad.jpg) no-repeat;
	}
	
	
#cf2{
	background:url(../img/home/home02_ipad.jpg) no-repeat;
		
	}
	
	
#cf3{
	background:url(../img/home/home03_ipad.jpg) no-repeat;
		
	}
	
	#cf4{
	background:url(../img/home/home04_ipad.jpg) no-repeat;
		
	}
	
	#cf5{
	background:url(../img/home/home05_ipad.jpg) no-repeat;
		
	}
	
	
		#cf6{
	background:url(../img/home/home06_ipad.jpg) no-repeat;
		
	}
	
	
	
		#cf7{
	background:url(../img/home/home07_ipad.jpg) no-repeat;
		
	}
	
	
	
		#cf8{
	background:url(../img/home/home08_ipad.jpg) no-repeat;
		
	}
	

div.cf_element div.content{
		padding: 10px;
		left:250px;
		top:300px;
		position:relative;
		width:450px;
	}
	
div.cf_element div.content h1{
		font-weight:300;		
			
		}

div.cf_element div.content h2{

			font-size:40px;
			line-height:45px;
				margin:-10px 0px 0px 15px;
	
		}

div.cf_element div.content h3{
	
				margin:-25px 0px 0px 80px;
	

		}

	div.cf_element div.content p{
	
			line-height:18px;
	
						width:400px;

		}


/* Styles */
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */


html, body, #backholder{
	width:320px;
}

#cf_wrapper{
	left:50px;
	width:320px;
	overflow:hidden;
}



#nav{
	width:733px;
	left:35px;
	overflow:hidden;
	top:100px;
}
	
#extranavlist li{
	font-size:16px;
}


#nav_logo{
	width:175px;
	height:100px;
	float:left;
	padding-left:10px;
	}

#contentfooter{
	left:50px;
	width:680px;
	overflow:hidden;
}

#footer{
	width: 758px;
	padding-left: 0px;
	overflow:hidden;
	height: 500px;
	margin-top:150px;
}



ul#footernavlist, #footer_one{
	display:none;
}


#footer_two{
	margin-left:50px;
	width:550px;
	background:none;
}

#footer_twob{
	margin: 20px 0px 0px 30px;
	width:680px;
	height:auto;
}
#footer_three{
	margin: 20px 0px 0px 30px;
	width:680px;
	height:auto;
	padding-bottom:100px;
}

#footer p{
	margin: 0px 0px 0px 50px;
}

#footer_two p, #footer_three p{
	margin: 0px;
}

#footer_navholder p{
	text-align:left;
}

#employee{
	margin-right:0px;
	text-align:center;
}


#employee p{
	 margin-left:10px;
}
#cf1, #cf2, #cf3{
	width:768px;
	overflow:hidden;	
	}


div.cf_element div.content{
		padding: 10px;
		left:250px;
		top:300px;
		position:relative;
		width:450px;
	}
	
div.cf_element div.content h1{
	font-weight:300;
		}
		
		
div.cf_element div.content h2{
	font-size:40px;
	line-height:45px;
	margin:-10px 0px 0px 15px;
		}

div.cf_element div.content h3{
	margin:-25px 0px 0px 80px;
		}

div.cf_element div.content p{
	line-height:18px;
	width:400px;
		}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}