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

@font-face {
    font-family: 'TeXGyreHerosCnRegular';
    src: url('../fonts/texgyreheroscn-regular-webfont.eot');
    src: url('../fonts/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn-regular-webfont.svg#TeXGyreHerosCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHerosCnBold';
    src: url('../fonts/texgyreheroscn-bold-webfont.eot');
    src: url('../fonts/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn-bold-webfont.svg#TeXGyreHerosCnBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

span	{
	font-family: TeXGyreHerosCnRegular, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

a.visitlink	{
	color: #99ff33;
}

p.label	{
	font: font-family: TeXGyreHerosCnRegular, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: white;
}


p	{
	font-family: TeXGyreHerosCnRegular, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;

}

p.bodytxt	{
	color: #999;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	margin-left: 116px;
	margin-top: 0px;

}

p.bodytxt2	{
	color: #999;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	margin-left: 116px;
	margin-top: 0px;

}

p.bodytxt3	{
	color: #999;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	margin-left: 20px;
	margin-top: 20px;

}

p.bodytxt4 {
	color: #999;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	margin-top: 20px;
	margin-right: 20px;
	text-align: right;

}

p.bodytxt4 a	{
	color: #999;
	text-decoration: none;
}

p.bodytxt5{
	color: #999;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	margin-top: 0;
	margin-left: 20px;

}

h1.titleweb2	{
	font-family: TeXGyreHerosCnRegular, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: white;
	-webkit-font-smoothing: antialiased;
	margin-top: 15px;
	margin-left: 20px;
}

p.nav{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	text-align: right;
	margin-right: 10px;
}

p.copyright	{
	color: #666;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	margin-right: 50px;
}


h1, h2, h3, h4, h5, h6	{
	font-family: TeXGyreHerosCnBold, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1.title	{
	font-size: 85px;
	line-height: 75px;
	color: #ff6600
}

h1.title2	{
	font-size: 85px;
	line-height: 75px;
	color: #99ff33;
}

h1.title3	{
	font-size: 85px;
	line-height: 75px;
	color: #ff33ff;
}

h1.title4	{
	font-size: 85px;
	line-height: 75px;
	color: #33ffff;
}

h1.title5	{
	font-size: 85px;
	line-height: 75px;
	color: #ff3333;
}

h1.title6	{
	font-size: 85px;
	line-height: 75px;
	color: #ffcc66;
}


h1.titleweb	{
	font-size: 110px;
	line-height: 75px;
	color: #99ff33;
}

h1.titleprint	{
	font-size: 110px;
	line-height: 75px;
	color: #ff33ff;
}

h1.titlephoto	{
	font-size: 85px;
	line-height: 75px;
	color: #33ffff;
	margin: 0;
}

h1.titlecontact	{
	font-size: 85px;
	line-height: 75px;
	color: #ff0000;
	margin: 0;
}

li a	{
	font-family: TeXGyreHerosCnRegular, Helvetica, Arial, sans-serif;
}

li a.extra-nav1	{
	color: #999;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

ul.main-nav	{
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 6px;
}


li a.nav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}

li a.nav:hover	 { color: #ff6600; }


ul	{ 
	list-style: none; 
}

ul.extra-nav-container	{
	width: 254px;
	padding: 0;
	position: absolute;
	bottom: 0;
}

ul.extra-nav-container li a	{ 
	display: block; 
	padding: 0px 10px; /* this control the height and width of the main button */

}

ul.extra-nav-container li  { 
	float: left; 
	zoom: 1; 		
}

/* web ul sytle */

ul.web-nav	{
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 0px;
}

li a.webnav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}

li a.webnav:hover	 { color: #99ff33; }

li a.webnavactive	{ color: #99ff33; font-size: 18px; }

/* print ul sytle */

ul.print-nav	{
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 0px;
}

li a.printnav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}

li a.printnav:hover	 { color: #ff33ff; }

li a.printnavactive	{ color: #ff33ff; font-size: 18px; }

/* photography style */

ul.photo-nav	{
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 0px;
}

li a.photonav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}

li a.photonav:hover	 { color: #33ffff; }

li a.photonavactive	{ color: #33ffff; font-size: 18px; }

/* about style */

li a.aboutnav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}


li a.aboutnav:hover	 { color: #ff3333; }

li a.aboutnavactive	{ color: #ff3333; font-size: 18px; }

/* client style */

li a.clientnav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}


li a.clientnav:hover	 { color: #ffcc66; }

li a.clientnavactive	{ color: #ffcc66; font-size: 18px; }

/* contact style */

li a.contactnav	{
	color: white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	display: block; 
}


li a.contactnav:hover	 { color: #ff0000; }

li a.contactnavactive	{ color: #ff0000; font-size: 18px; }