z/* 
FILENAME:qz_screen.css
DESCRIPTION:This stylesheet serves global declarations to all qzcreative.com assets
AUTHORS:Qinghua Zhang (Eddie) -> info@qzcreative.com
LAST MODIFIED DATE:04.07.2009
*/
	

/*	reset
------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
	}
html{
	font-size:100% /*WinIE6- text resize adjust*/
	}
a img, :link img, :visited img {
	border:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
ol, ul {
	list-style:none;
	}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	}

/*	typo
------------------------------------------------------ */
body {
	background:#EFEFEF url(/images/common/mainbg.jpg) repeat-x scroll; 
	font:0.7em/1.5em tahoma,arial,helvetica,sans-serif; 
	color:#444; 
	}

/*	=typo =header
------------------------------------------------------ 
h1, h2, h3, h4, h5, h6 {
	font-weight:900; 
	color:#089948;;
	}
h1 { 
	font-size:1.333em; 
	line-height:1.125em; 
	margin:0 0 1.125em 0;
	}
h2, h3 { 
	font-size:1.167em; 
	line-height:1.286em; 
	margin:1.286em 0 1.286em 0; 
	text-indent:-0.0714em;
	}
h4 { 
	font-size:1em; 
	margin:0 0 1em 0;
	}

/*	=typo =paragraph
------------------------------------------------------ */
p {
	margin:0 0 1.5em;
	}

/*	=typo =image
------------------------------------------------------ */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
	}	
p.imgholder { 
	margin-top:1.5em; 
	margin-bottom:1.5em;
	text-align:center;
	text-indent:0; }
p img.left { 
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
	float:left; 
	}
p img.right { 
	margin-top:1.5em; /*1.5em 0 1.5em 1.5em;*/
	float:right;
	}

/*	=typo =links
------------------------------------------------------ */
a, a:link, a:visited {
	color:#089948;
	text-decoration:none;
	}
a:hover {
	color:#339933;
	}
a:active {
	color:#089948; 
	}	
html>body a, html>body a:link, html>body a:visited { 
	color:#089948;
	text-decoration:none;
	}
html>body a:hover {
	color:#089948;
	text-decoration:none;
	/* Need to hide borders on links from IE6 due to text-jog bug */
	}
html>body a:active { 
	color:#089948; /*background-color*/
	} 
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:#089948;
	border:0;
	}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#089948;
	border:0;
	text-decoration:none;
	}

/*	=typo =specials
------------------------------------------------------ */
blockquote {
	margin:1.5em;
	color:#089948;
	font-style:italic;
	}
strong {
	font-weight:bold;
	}
em, dfn {
	font-style:italic;
	}
dfn {
	font-weight:bold;
	}
sup, sub {
	line-height:0;
	}
abbr, acronym {
	border-bottom:1px dotted #089948;
	}
address {
	margin:0 0 1.5em;
	font-style:italic;
	}
del {
	color:#089948;
	}
pre { 
	margin:1.5em 0; 
	white-space:pre;
	}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;
	}

/*	=typo =list
------------------------------------------------------ 
li ul, li ol {
	margin:0 1.5em;
	}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
	}
ul {
	list-style-type:disc;
	}
ol {
	list-style-type:decimal;
	}
 */
	
dl {
	margin:0 0 0 0;
}
dl dt {
	font-weight:normal;
	line-height:20px;
	text-transform:uppercase;
	}
dd { 
	margin:0 0 1em 0;
	}
/*	=typo =tables 
------------------------------------------------------ */
table {
	margin-bottom:1.4em;
	width:100%;
	}
th {
	font-weight:bold;
	}
thead th {
	background:#089948;
	}
th, td, caption {
	padding:4px 10px 4px 5px;
	}
tr.even td {
	background:#089948;
	}
tfoot {
	font-style:italic;
	}
caption {
	background:#089948;
	}
	
/*	=typo =other classes
------------------------------------------------------ */
.bold {
	font-weight:bold;
	}
.small {
	font-size:.8em; 
	margin-bottom:1.875em; 
	line-height:1.875em;
	}
.large {
	font-size:1.2em; 
	line-height:2.5em; 
	margin-bottom:1.25em;
	}
.ornate {
	font-family:georgia, "lucida bright", "times new roman", serif;
	font-style:italic;
	}
.hide {
	display:none;
	}
.quiet {
	color:#089948;
	}
.loud {
	color:#000000;
	}
.highlight {
	background:#089948;
	}
.added {
	background:#089948;
	color:#FFFFFF;
	}
.removed {
	background:#089948;
	color:#FFFFFF;
	}
.first {
	margin-left:0;
	padding-left:0;
	}
.last {
	margin-right:0;
	padding-right:0;
	}
.top {
	margin-top:0;
	padding-top:0;
	}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
	}

/* 	=typo =forms
------------------------------------------------------ */
label {
	font-weight:bold;
	}
fieldset {
	padding:1.4em;
	margin:0 0 1.5em 0;
	border:0.083em solid #089948;
	}
legend {
	font-weight:bold;
	font-size:1.2em;
	}
input, input.text, input.title, textarea, select {
	margin:0.5em 0;
	
	}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:0.083em solid #089948;
	}
input.text, input.title {
	width:300px;
	padding:5px;
	}
input.title {
	font-size:1.5em;
	}
textarea {
	width:390px;
	height:250px;
	padding:5px;
	}
.error, .notice, .success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #089948;
	}
.error {
	background:#089948;
	color:#802e1c;
	border-color:#089948;
	 }
.notice {
	background:#089948;
	color:#FFFFFF;
	border-color:#089948;
	}
.success {
	background:#000000;
	color:#000000;
	border-color:#089948;
	}
.error a {
	color:#089948;
	}
.notice a {
	color:#089948;
	}
.success a {
	color:#089948;
	}


/*	page layout
------------------------------------------------------ */

.container_12 {
	margin:0 0 0 250px;
	}
#masthead{
	height:30px;
	}
#masthead ul{
	list-style:none;
	}
#masthead li{
	width:auto;
	display:block;
	float:left;
	padding:10px 15px 0 0;
	letter-spacing:0.025em;
	color:#444;
	}
#masthead a{
	color:#444;
	}	
#masthead a:hover, #masthead .selected a{
	color:#444;
	} 


/*	=page layout =nav & subnav
------------------------------------------------------ */

.logo-nav{
	height:60px;
	/*border-bottom:0.083em solid #D9D9D0;*/
	position:relative;
	}
.logo-nav img{
	margin:20px 0 0 0;
	}
#nav{
	width:300px;
	margin:37px 0 8px 0;
	}
#nav a.selected, #nav a.active{
	color:#089948;
	font-weight:bold;
	}
#nav ul{
	position:relative;
	list-style:none
	}
#nav li{
	width:60px;
	height:15px;
	margin-right:20px;
	display:inline;
	float:left;
	}
#nav li a{
	color:#444
	}
#nav li a:hover{
	color:#444
	}
#nav li li{
	position:static;
	width:auto;
	height:auto;
	}
#nav li li a {
	color:#444;
	margin-right:10px;
	font-size:0.7em;
	}
#nav li li a:hover, #nav li li.selected a {
	color:#089948;
	font-weight:bold;
	}
#nav ul ul{
	position:absolute;
	left:0;
	width:300px;
	height:15px;
	margin-top:12px;
	display:none;
	top:15px;
	}

#nav li.main li a {
	width:auto;
	}
#nav li.profile li a {
	width:auto;
	}
#nav li.services li a {
	width:auto;
	}
#nav li.portfolio li a {
	width:auto;font-size:11px;
	}
	#nav li.blog li a {
	width:auto;
	}
#nav li.contact li a {
	width:auto;
	}
#slogan {
	height:120px;
	margin:0 0 0 160px;
	font-size:0.7em;
	color:#444;
	text-transform:uppercase;
	line-height:20px;
	letter-spacing:0.25em;
	}

/*	=page layout =call_out
------------------------------------------------------ */

.call-out {
	margin:0 0 0 -880px;
	padding:0 0 0 620px;
	position:relative;
	overflow:hidden;
	height:auto;
	border-top:20px solid #D9D9D0;
	}
.call-out-inner {
	padding:0px 0px 0px 260px
	}
.call-out-inner .breadcrumb {
	height:70px;
	margin:0;
	padding:0
	}
.call-out img {
	margin-bottom:10px;
	}
.call-out-bg {
	position:absolute;
	bottom:0;
	left: 1965px;
	z-index:0;
	}
.call-out h2 {
	border-bottom:0.083em solid #D9D9D0;
	color:#7A7A70;
	font-variant:small-caps;
	font-weight:300;
	letter-spacing:0.25em;
	line-height:1.833em;
	margin: 40px 0 1.833em 0;
	}
.call-out h1 {
	font-size:197%;
	color:#444;
	width:620px;
	padding:10px 0px 20px 0px
	}
.call-out h1, #call-out x {
	z-index:99;
	position:relative;
	}


/*	=page layout =call_out
------------------------------------------------------ */

#gallery {
	margin:0 0 0 -880px;
	padding:0 0 0 620px;
	position:relative;
	overflow:hidden;
	height:auto;
	}



/*	=page layout =content
------------------------------------------------------ */

.content {

	}
.content p {
	margin:0px 0px 50px 0px;
	}
.content p.posted {
	color: #666;
	font-size:x-small;
	border-top:0.083em solid #D9D9D0;
	text-align:left;
	margin-bottom:25px;
	line-height:normal;
	padding:3px;
	}
.content blockquote {
	line-height:150%;
	}
.content li {
	line-height:150%;
	}
.content h1 {
	color:#444;
	font-size:small;
	font-weight:bold;
	margin: 8px 0px 10px 0px;
	}
.content h2 {
	color:#444;
	border-bottom:0.083em solid #D9D9D0;
	text-align: left;
	font-weight:900; 
  	padding:0px 0px 5px 0px;
	margin:-5px 0px 20px 0px;
	}
.content h3 {
	color:#444;
	font-weight:bold;
	border-bottom:0.083em solid #D9D9D0;
	clear:both;
	margin:0 0 40px 0;
	padding:0 0 10px 0;
	}

/*	=page layout =sidebar
------------------------------------------------------ */

#sidebar {
	
	}
#sidebar a {
	text-decoration:none;
	color:#444;	
	}
#sidebar a:link {
	color:#444;
	}
#sidebar a:visited {
	color:#444;
	}
#sidebar a:active {
	color:#089948;
	}
#sidebar a:hover {
	color:#089948;
	}
#sidebar p {
	color:#444;
	}
#sidebar p a, #sidebar p a:link, #sidebar p a:visited, #sidebar p a:active {
	color:#089948;
	}
#sidebar h2 {
	border-bottom:0.083em solid #D9D9D0;
	color:#7A7A70;
	font-variant:small-caps;
	font-weight:300;
	letter-spacing:0.25em;
	line-height:1.833em;
	margin: -0.5em 0 1.833em 0;
	}
#sidebar ul {
	list-style-image:url(../images/common/list.png)
	}
	
#sidebar li {
	line-height:150%;
	}
#sidebar li a {
	color:#444;
	height:20px;
	}
#sidebar img {
	border:3px solid #FFFFFF;
	}
	
#sidebar dl {
	margin:0 0 0 0;
	}
#sidebar dl dt {
	line-height:180%;
	font-weight:normal;
	color:#444;
	}
#sidebar dd { 
	line-height:150%;
	margin:0 0 1.2em 0;
	color:#444;
	}

/*	=page layout =footer
------------------------------------------------------ */

#footer {
	border-top:0.083em solid #D9D9D0;
	margin:60px 0 0 0; 
	padding:0; 
	position:relative; 
	}
#footer p {
	font-size:0.7em;
	line-height:20px;
	color:#444;
	text-transform:uppercase;
	letter-spacing:0.25em;
	}
	

/*	=Special
------------------------------------------------------ */

.ver_mark_top {
	 height:10px; 
	 margin:20px 0 10px 0;
	}
.ver_mark {
	 margin-bottom:10px;
	}
.space_line {
	border-top:0.083em solid #d9d9d0;
	clear: both;
	padding-top:10px;
	margin: 20px 0px 0px 0px;
	}
.space {
	margin: 0px 0px 20px 0px;
	}



/*	=Special =thumbs
------------------------------------------------------ */
#thumbs {
	
	}
#thumbs a {
	text-decoration: none;
	color:#444;	
	}
#thumbs a:link {
	color:#444;
	}
#thumbs a:visited {
	color:#444;
	}
#thumbs a:active {
	color:#444;
	}
#thumbs a:hover {
	color:#089948;
	}
#thumbs p {
	color:#444;
	}
#thumbs p a, #thumbs p a:link, #thumbs p a:visited, #thumbs p a:active, #thumbs p a:hover {
	color:#089948;
	}
#thumbs h2 {
	border-bottom:0.083em solid #D9D9D0;
	color:#7A7A70;
	font-variant:small-caps;
	font-weight:300;
	letter-spacing:0.25em;
	line-height:1.833em;
	margin: -0.5em 0 1.833em 0;
	}
#thumbs ul {
	list-style-image:url(../images/common/list.png)
	}
#thumbs ul .none{
	list-style:none;
	}
#thumbs li {
	
	}
#thumbs li a {
	color:#444;
	line-height:150%;
	height:20px;
	}


/*	=Special =slider
------------------------------------------------------ */

#featured { 

	}
#featured img {
	margin:0em 0em 2em -260px; 
	padding:0em 0em 0em 0px; 
	position:relative; 
	overflow:hidden
	}


/*	=Special =slider =nav
------------------------------------------------------  */

#featured ul.ui-tabs-nav{
	float:left;
	width:220px;
	list-style-type:none;
	}
#featured ul.ui-tabs-nav li{ 
	color:#444; 
	display:inline;
	}
#featured li.ui-tabs-nav li a{ 
	display:block; 
	color:#444; 
	}
#featured li.ui-tabs-nav li a:link { 
	display:block; 
	color:#444; 
	}
#featured li.ui-tabs-nav li a:hover{ 

	}
#featured li.ui-tabs-selected{ 

	}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	border-top:5px solid #089948;
	color:#089948;
	}

/*	=Special =slider =panel
------------------------------------------------------  */

#featured .ui-tabs-panel{ 

	}
#featured .ui-tabs-hide{ 
	display:none; 
	}
#featured a{ 
	text-decoration: none;
	color:#444;	
	}
#featured a:link {
	color:#444;
	}
#featured a:visited {
	color:#089948;
	}
#featured a:active {
	color:#089948;
	}
#featured a:hover {
	color:#089948;
	}
#featured p {
	color:#444;
	}
#featured h2 {
	border-bottom:0.083em solid #D9D9D0;
	color:#7A7A70;
	font-variant:small-caps;
	font-weight:300;
	letter-spacing:0.25em;
	line-height:1.833em;
	margin: -0.5em 0 1.833em 0;
	}
#featured h1 {	
	font-family:Arial Narrow;
	font-size:28px;
	border-bottom:  thin solid #D9D9D0;
	padding:0 0 5px 0;
	margin:-5px 0 20px 0;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	color:#7A7A70;
	}	
#featured ul {
	list-style-image:url(../images/common/list.png)
	}
#featured li {
	}
#featured li a {
	color:#444;
	line-height: 150%;
	height:20px;
	}
#featured dl {
	margin: 6.5em 0 1.5em 0;
	}
#featured dl dt {
	font-weight:normal;
	line-height:20px;
	color:#089948;
	}
#featured dd { 
	margin:0 0 1em 0;
	}

/*	=Special =slider =number static
------------------------------------------------------  */

.number {
	position:absolute;
	left: 970px;
	top: 295px;
	width: 220px;
	}
#nav-fragment-5 a, #nav-fragment-4 a, #nav-fragment-3 a, #nav-fragment-2 a, #nav-fragment-1 a {
	padding:15px 16px 8px 16px;
	font-size:12px;
	
	}



/* ---------------------------------------------------------------------------
	=project list
--------------------------------------------------------------------------- */

#project-list {
	background: url(../images/common/bg-content-top.png) no-repeat 0 0;
	padding-top: 45px;
	width: 900px;
	}

#project-list h1 {
	left: -9999px;
	position: absolute;
	top: 0;
	}

div.project {
	/*background: url(../images/common/dash.png) repeat-x bottom left; */
	float: left;
	margin: 0 0 40px 0;
	padding: 0;
	width: 290px;
	}

div.project:hover {
	background-color: #e8e8e8;
	}

div.project img {
	padding:0;
	margin:0;
	}

div.project h3 {
	font-size: 14px;
	line-height: .875em;
	margin: 0;
	padding:10px 0 0 20px ;
}

div.project h3 a:link {
	color: #089948;
}

div.project h3 a:visited {
	color: #089948;
}

div.project h3 a:hover {
	color: #089948;
	text-decoration: none;
}

div.project p {
	font: italic .875em/1em Georgia, 'Times New Roman', Times, serif;
	margin: 0;
	padding:5px 0 15px 20px;
}


/* ---------------------------------------------------------------------------
	=casestudy list
--------------------------------------------------------------------------- */

#casestudy-list {
	background: url(../images/common/bg-content-top.png) no-repeat 0 0;
	padding-top: 45px;
	width: 900px;
	}

#casestudy-list h1 {
	left: -9999px;
	position: absolute;
	top: 0;
	}

div.casestudy {
	/*background: url(../images/common/dash.png) repeat-x bottom left; */
	float: left;
	margin: 0 0 40px 0;
	padding: 0;
	width: 290px;
	}

div.casestudy:hover {
	background-color: #e8e8e8;
	}

div.casestudy img {
	padding:0;
	margin:0;
	}

div.casestudy h3 {
	font-size: 14px;
	line-height: .875em;
	margin: 0;
	padding:10px 0 0 20px ;
}

div.casestudy h3 a:link {
	color: #089948;
}

div.casestudy h3 a:visited {
	color: #089948;
}

div.casestudy h3 a:hover {
	color: #089948;
	text-decoration: none;
}

div.casestudy p {
	font: italic .875em/1em Georgia, 'Times New Roman', Times, serif;
	margin: 0;
	padding:5px 0 15px 20px;
}



.topline {
	background-image: url(../images/common/line.gif);
	background-repeat: no-repeat;
	background-position: 340px bottom;
	}