@charset "utf-8";
body
{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#000;
	height: 100%;
	width: 100%;
	overflow-y:scroll


}

#top1
{
	width:100%;
	height:100%;
	float:left;
	margin:0px;
	padding:0px;
	text-align:center;
	
	
}
.main
{
	width:1053px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#sub-cnt {
	height: auto;
	width: 817px;
	float: left;
	top: 0px;
	margin-left: 4px;
	margin-bottom:40px;
	}

#left
{
	width:20%;
	float:left;
	height:100%;
	background-image:url(../images/left_bg.png);
	background-repeat:repeat-x;
	padding-bottom:100px;
	margin-left: 0%;
	padding-right: 1%;
	padding-left: 1%;
	min-height:100%;
	
	
}
.cntct
{
color:#FFFFFF;
font-family:Calibri;
width:100%;
margin-left:auto;
margin-right:auto;
line-height:25px;


}
#logo
{
width:100%;
height:auto;
float:left;
text-align:center;
margin-top:40px;
margin-bottom:40px;
}
#menu
{
width:100%;
height:auto;
float:left;
text-align:center;
margin-top:20px;
margin-bottom:88px;
}
h1
{
font-family:"HelveticaNeue LT 47 LightCn";
font-size:30px;
margin:0px;
color:#00e4ff;
font-weight:normal;
padding-bottom:15px;}

#footer
{
width:100%;
height:56px;
background-color:#000000;
float:left;
}
#ftr_lft
{
width:auto;
height:auto;
padding-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
color:#FFFFFF;
}
#ftr_right
{
width:auto;
height:auto;
padding-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#FFFFFF;

}
#ftr_right a
{
text-decoration:none;
color:#FFFFFF;

}
.top-style1 {
	float: left;
	height: 233px;
	width: 160px;
	margin-right: 4px;
	margin-bottom:0px;
	background-image: url(../images/top-style1.png);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	text-align: center;
	padding-top: 50px;


}
.top-style2 {
	float: left;
	height: 278px;
	width: 160px;
	margin-right: 4px;
	background-image: url(../images/top-style2.png);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	text-align: center;
	padding-top: 5px;
}
.top-style3 {
	float: left;
	height: 249px;
	width: 160px;
	margin-right: 4px;
	background-image: url(../images/top-style3.png);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	text-align: center;
	padding-top: 34px;
}
.top-style4 {
	float: left;
	height: 195px;
	width: 160px;
	margin-right: 4px;
	background-image: url(../images/top-style4.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	overflow: hidden;
	padding-top: 88px;
}
.top-style5 {
	float: left;
	height: 271px;
	width: 160px;
	margin-right: 0px;
	background-image: url(../images/top-style5.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	overflow: hidden;
	padding-top: 12px;
	
}
#content {
	float: left;
	width: 90%;
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	min-height:100%;
	text-align:justify;
	padding: 40.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 23px;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	margin:0px;
}
#content ul
{
	width:100%;
	height:auto;
	margin-left:20px;
	padding:0px;
}
#content ul li
{
	list-style-image:url(../images/li.png);
	padding-left:15px;

}
img { border:0px; }
		
ul.img_list {
	display:inline;
	float:left;
	height:196px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 165px;
	background-image: url(../images/white.png);
	background-repeat: repeat;
	padding: 0px;
	margin: 0px;

}	
	
li.image_one a {
	display:block;
	width:158px;
	height:196px;
	position:relative;
	margin: 0px;
	padding: 0px;
}	

li.image_one a .rollover {
	display:block;
	width:158px;
	height:196px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/white.png);
	position: absolute;
	left: 0px;
	top: 0px;
	
	
}
#header { height:100%; max-height:100%;}
.headerimg { 
		width:100%; 
		height:100%; 
		position:fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
	
		-webkit-transform: translateZ(0px);

}

h1
{
font-family:"HelveticaNeue LT 47 LightCn";
font-size:30px;
margin:0px;
color:#00e4ff;
font-weight:normal;
}
.ptnr_logo
{
width:auto;
height:auto;
margin-right:13px;
margin-bottom:5px;
}
a
{
text-decoration:none;
color:#FFFFFF;}

.portfolio
{
width:210px;
height:auto;
float:left;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
}
.adrs
{
width:100%;
height:20px;
padding-top:5px;
padding-bottom:5px;
float:left;
text-align:center;

}
.adrs a
{
text-decoration:none;
color:#FFFFFF;}
@media only screen and (max-width : 320px) 
{

#top1
{
background-image: url(../images/left_bg.png);
background-repeat: repeat-x;
}

#logo
{
width:100%;
margin-left:0px;
margin-top:20px;
margin-bottom:0px;

float:left;
}
#logo img
{
max-width:100%;}
.main
{
width:220px;
height:auto;

}
#left
{
width:100%;
padding:0px;
margin:0px;
height:170px;
background:none;
float:left;

}
#sub-cnt
{
width:100%;

margin-left:0px;
}
#menu
{
width:220px;
background-color:#000000;
float:left;
margin-top:10px;
padding-top:6px;
padding-bottom:6px;
position:absolute;
z-index:2000;
top:115px;
}
.top-style1 {
width:158px;
margin-left:auto;
margin-right:auto;
background:none;
padding-top:0px;
height:195px;
float:none;

}
.top-style2 {
width:158px;
margin-left:auto;
margin-right:auto;
background:none;
padding-top:0px;
height:195px;
float:none;

}
.top-style3 {
width:158px;
margin-left:auto;
margin-right:auto;
background:none;
padding-top:0px;
height:195px;
float:none;

}
.top-style4 {
width:158px;
margin-left:auto;
margin-right:auto;
background:none;
padding-top:0px;
height:195px;
float:none;

}
.top-style5 {
width:158px;
margin-left:auto;
margin-right:auto;
background:none;
padding-top:0px;
height:195px;
float:none;

}
#content
{
width:180px;
}
h1
{
font-size:25px;}
#content p
{
width:100%;}
#footer
{
background-color:#000000;
width:100%;
height:auto;
padding-bottom:20px;}
#ftr_lft,#ftr_right
{
width:100%;
height:auto;
float:left;
margin:0px;
text-align:center;}


}
@media only screen and (min-width : 320px) and (max-width : 480px)
{
#top1
{
background-image: url(../images/left_bg.png);
background-repeat: repeat-x;
}

#logo
{
width:100%;
margin-left:0px;
margin-top:20px;
margin-bottom:0px;

float:left;
}
#logo img
{
max-width:100%;}
.main
{
width:300px;
height:auto;

}
#left
{
width:100%;
padding:0px;
margin:0px;
height:170px;
background:none;
float:left;

}
#menu
{
width:300px;
background-color:#000;
float:left;
margin-top:10px;
padding-top:6px;
padding-bottom:6px;
position:absolute;
z-index:2000;
top:115px;
}
#sub-cnt
{
width:100%;

margin-left:0px;
}
.top-style1 {
width:144px;
margin-left:2px;
background:none;
padding-top:0px;
height:195px;

}
.top-style2 {
width:144px;
margin-left:2px;
background:none;
padding-top:0px;

height:195px;

}
.top-style3 {
width:95px;
margin-left:2px;
background:none;
padding-top:0px;

height:195px;

}
.top-style4 {
width:95px;
margin-left:2px;
background:none;
padding-top:0px;
height:195px;

}

.top-style5 {
width:95px;
margin-left:2px;
background:none;
padding-top:0px;
height:195px;

}
#content
{
width:260px;
}
#footer
{
background-color:#000000;
width:100%;
height:auto;
padding-bottom:20px;}
#ftr_lft,#ftr_right
{
width:100%;
height:auto;
float:left;
margin:0px;
text-align:center;}


}
@media only screen and (min-width : 480px) and (max-width : 640px)
{
#top1
{
background-image: url(../images/left_bg.png);
background-repeat: repeat-x;
}

#logo
{

width:150px;
margin-left:20px;
margin-top:20px;
}
#logo img
{
max-width:100%;}

.main
{
width:440px;
height:auto;

}
#left
{
width:100%;
padding:0px;
margin:0px;
height:120px;
background:none;

}
.top-style1 {
width:84px;
margin-left:2px;
background:none;
padding-top:0px;

height:195px;

}
.top-style2 {
width:84px;
background:none;
padding-top:0px;

height:195px;

}
.top-style3 {
width:84px;
background:none;
padding-top:0px;
height:195px;

}
.top-style4 {
width:84px;
background:none;
padding-top:0px;
height:195px;

}
.top-style5 {
width:84px;
background:none;
padding-top:0px;

height:195px;

}
#content
{
width:400px;}
#menu
{
width:180px;
float:right;
background-color:#000;
margin-right:30px;
text-align:right;
padding-top:8px;
padding-left:0px;
padding-bottom:8px;
z-index:5000;
right:10%;
top:6%;
position:absolute;}
.nav-collapse ul li
{
width:100%;
z-index:10000;
}
.nav-toggle
{
text-align:center;
}#sub-cnt
{
width:100%;

margin-left:0px;
}

}
@media only screen and (min-width : 640px) and (max-width : 768px)
{

#logo
{

width:180px;
margin-left:40px;
}
#logo img
{
max-width:100%;}
.main
{
width:600px;
height:auto;
}
#left
{
width:100%;
padding:0px;
margin:0px;
height:160px;
background:none;

}

#menu
{
width:360px;
float:right;
margin-top:95px;


}
.nav-collapse ul li
{
padding-left:15px;
width:auto;
float:left;
margin-left:14px;
}
#sub-cnt
{
width:100%;

margin-left:0px;
}
.top-style1 {
width:116px;
margin-left:2px;
background:none;
padding-top:0px;

height:195px;

}
.top-style2 {
width:116px;
background:none;
padding-top:0px;

height:195px;

}
.top-style3 {
width:116px;
background:none;
padding-top:0px;
height:195px;

}
.top-style4 {
width:116px;
background:none;
padding-top:0px;
height:195px;

}
.top-style5 {
width:116px;
background:none;
padding-top:0px;

height:195px;

}
#content
{
width:560px;}
#top1
{
background-image: url(../images/left_bg.png);
	background-repeat: repeat-x;
}

}
@media only screen and (min-width : 768px) and (max-width : 860px)
{
#logo
{

width:198px;
margin-left:40px;
}
#logo img
{
max-width:100%;}
.main
{
width:740px;
height:auto;
}
#top1
{
background-image: url(../images/left_bg.png);
	background-repeat: repeat-x;
}
#left
{
width:100%;
padding:0px;
margin:0px;
height:170px;
background:none;
}
.nav-collapse ul {

float:left;

}
.nav-collapse ul li
{
width:auto;
height:auto;
float:left;

padding-lef:10px;
margin-left:19px;
margin-top:10px;}

#menu
{

width:54%;
float:right;
margin-right:0px;
text-align:right;
padding:0px;
height:auto;
margin-top:85px;
margin-right:30px;}
#sub-cnt
{
width:100%;
}
.top-style1 {
width:144px;
margin-left:2px;
background:none;
padding-top:0px;

height:195px;

}
.top-style2 {
width:144px;
background:none;
padding-top:0px;

height:195px;

}
.top-style3 {
width:144px;
background:none;
padding-top:0px;
height:195px;

}
.top-style4 {
width:144px;
background:none;
padding-top:0px;
height:195px;

}
.top-style5 {
width:144px;
background:none;
padding-top:0px;

height:195px;

}
li.image_one a .rollover {
background:none;
}
.image_one img
{
max-width:100%;} 
#content
{
width:696px;
margin-left:2px;
}
ul.img_list
{
background:none;}
}
@media only screen and (min-width : 860px) and (max-width : 1024px)
{

#logo img
{
max-width:100%;}
.main
{
width:840px;
}
#left
{
width:18.5%;
}
#sub-cnt
{
width:663px;}
#content
{
width:621px;

}
.top-style1 {
width:129px;
}
.top-style2 {
width:129px;

}
.top-style3 {
width:129px;

}
.top-style4 {
width:129px;
}
.top-style5 {
width:129px;

}

}
@media only screen and (min-width : 1024px) and (max-width : 1124px)
{
#logo
{

}
#left
{
width:19.9%;
}
.main
{
width:1000px;
height:auto;
}
#sub-cnt
{
width: 777px;
margin-left:px;
margin-right:0px;
padding-right:0px;
}
#content
{
width:736px;
}
.top-style1 {
width:152px;
}
.top-style2
{
width:152px;
}
.top-style3
{
width:152px;}

.top-style4
{
width:152px;}

.top-style5
{
width:152px;}

}