@import "easy-slider.css";
@import "uni-form.css";
/*------------------------------------------------
Slick Design - master style sheet
Author:		Grafik
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: 00 March 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: lists
	5. links
	6: images	
	7: layout
	8: tables
	9. forms
	10. misc

====================
*/


/*
= 1. universal reset ---------------------------------- */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
ul, 
ol {
	list-style: none;
}

/*
= 2. html & body ---------------------------------- */
html {
	overflow-x: hidden; /* for parallax */
}
body {
	background: #08080a url(../images/global/bg_body.jpg) 0 0 repeat;
	color: #ffffff;
	font: normal 12px helvetica, arial, sans-serif;
	line-height: 1.333em;
}

/*
= 3. typography ---------------------------------- */

/* =h1 */
h1 {
	background: transparent url(../images/global/logo.png) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 176px;
	margin-top: 58px;
	text-indent: -9000px;
	width: 150px;
}
h1 a {
	display: block;
	height: 176px;	
}

/* =h2 */
h2 {
	height: 44px;
	margin: 50px 0 31px 0;
	text-indent: -9000px;
	width: 283px;
}
body#home h2 {
	background: transparent url(../images/global/h2_brand-print-digital.png) 0 0 repeat-x;	
	height: 170px;
	margin: 0;
	width: 460px;
}
body#portfolio.index h2 {
	background: transparent url(../images/global/h2_our-work.png) 0 0 repeat-x;	
	width: 283px;
}
body#portfolio.identity h2 {
	background: transparent url(../images/global/h2_our-work-identity.png) 0 0 repeat-x;	
	width: 631px;
}
body#portfolio.print h2 {
	background: transparent url(../images/global/h2_our-work-print.png) 0 0 repeat-x;	
	width: 543px;
}
body#portfolio.signage h2 {
	background: transparent url(../images/global/h2_our-work-signage.png) 0 0 repeat-x;	
	width: 872px;
}
body#portfolio.web h2 {
	background: transparent url(../images/global/h2_our-work-web.png) 0 0 repeat-x;	
	width: 515px;
}
body#about h2 {
	background: transparent url(../images/global/h2_about.png) 0 0 repeat-x;	
	width: 176px;
}
body#services h2 {
	background: transparent url(../images/global/h2_services.png) 0 0 repeat-x;	
	width: 230px;
}

body#blog h2 {
	background: transparent url(../images/global/h2_blog.png) 0 0 repeat-x;	
	width: 130px;
}
body#contact h2 {
	background: transparent url(../images/global/h2_contact.png) 0 0 repeat-x;	
	width: 239px;
}

/* =h3 */
h3 {
	font-size: 1.75em;		
}
div#nav-sub h3 {
	font-size: 1.1667em;
	margin: 30px 0 .5em 20px;
}
body#about h3 {
	margin-bottom: .5em;
}

body#portfolio.ind div#overview h3 {
	font-size:1.25em;
	font-weight: bold;
	line-height:1.333em;
	margin: 0 0 0.5em 20px;		

}
p+h3 {
	padding-top: .5em;
}
/* =h4 */
h4 {
	font-size: 1.1667em;
	line-height: 1.333em;
	margin-bottom: .5em;	
}
div#overview h4 {
	margin: 0 20px .5em 20px;
}
div.side-panel h4,
div#address h4,
div#visit h4 {
	color: #BE5F7C;
	font-size: 1.1667em;
}
div.head-ind h4 {
	color: #BE5F7C;
	font-size: 1.1667em;
	margin-bottom: 0;
}
/* =h5 */
h5 {
	font-size: 1em;
	font-style: italic;
	margin-bottom: .5em;	
}



/* =p */
p {
	font-size: 1em;
	margin-bottom: 1em;
}

p.copyright {
	display: inline;
	float: right;
	margin: 0 20px 0px 0;
	padding-top: 20px;
}
div#nav-sub p {
	color: #be5f7c;
	margin-left: 20px;	
}
div#overview p {
	margin: 0 20px 1em 20px;
}
/* =strong/b/em/i */
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}

/* =typographic spans */
span.date {
	color: #c0c0c0;
	display: block;
	font-size: .8333em
	font-style: italic;
	margin: 0 20px 2em 20px;
}
span#back {
	margin: 50px 0 10px 0;

}
span.external {
	background: transparent url(../images/global/arrow.png) 100px 3px no-repeat;
	display: block;
	margin: 10px 0 10px 0;
}
/*
= 4. lists ---------------------------------- */

ul {
	
}

div#header ul {
	float: right;
	width: 560px;
}

ul#social {
	float: left;
	padding: 6px 0 0 0;	
}
div#nav-sub ul {
	margin-left: 20px;
}
div#nav-sub ul {
	height: 130px;
	margin: 10px 20px 0 20px;
}
body#portfolio div#nav-sub ul {
	margin-top: 20px;
}
div#nav-sub ul#more {
	height: auto;
	
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div#address li {
	line-height: 1.5em; 
}



ol {
	
}

li {
	
}
div#header ul li {
	font-size: 1.083em;
	display: inline;
	float: left;
	margin-right: 15px;
	padding-top: 26px;
	text-align: right;
	text-transform: uppercase;
	width: 80px;
}
div#header ul li.last {
	margin-right: 0;
}
div#header ul li.selected {
	background: transparent url(../images/global/selected_nav-main.png) 0 bottom repeat-x;
}



ul#social li {
	display: inline;
	float: left;
	margin-left: 10px;
}




div#nav-sub ul li {
	font-size: 1.1667em;
	margin-bottom: .5em;

}


li.hide {
	display: none;
}

/*
= 5. links ---------------------------------- */
a {
	outline: none;
}
a:link, 
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
a img {
	border: none;
}

div.summ-project h4 a {
	font-weight: bold;
}

div#header ul li a:link,
div#header ul li a:visited,
div#header ul li a:active {
	border-bottom: #fff 1px solid;
	display: block;
	padding-bottom: 13px;
	width: 80px;
}
div#header ul li a:hover,
body#home ul li#nav_home a,
body#portfolio ul li#nav_portfolio a,
body#blog ul li#nav_blog a,
body#contact ul li#nav_contact a
body#services ul li#nav_services a {
	background: transparent url(../images/global/hover_nav-main.png) 0 bottom repeat-x;
	text-decoration: none;
}




div.colx3#more a {
	display: block;
	float: right;
	text-align: right;
}

div.colx3#more a:link,
div.colx3#more a:visited,
div.colx3#more a:active {
	border-bottom: #fff 1px solid;
	font-size: 1.083em;
	padding-bottom: 11px;
	text-transform: uppercase;
	width: 140px;
}

div.colx3#more a:hover {
	background: transparent url(../images/global/hover_nav-main.png) 0 bottom repeat-x;
	text-decoration: none;
}

ul#social li a:link, 
ul#social li a:visited,
ul#social li a:active {
	color: #5d5d5d;
}
ul#social li a:hover {
	color: #fff;
	text-decoration: none;
}





div#nav-sub ul li a:link,
div#nav-sub ul li a:visited,
div#nav-sub ul li a:active {
	background: transparent url(../images/global/plus_nav-sub.png) 0 3px no-repeat;
	color: #be5f7c;
	padding-left: 10px;
}
div#nav-sub ul li.selected a:link,
div#nav-sub ul li.selected a:visited,
div#nav-sub ul li.selected a:active {
	background: transparent url(../images/global/plus_nav-sub.png) 0 -23px no-repeat;
	color: #fff;
}
div#nav-sub ul li a:hover {
	background: transparent url(../images/global/plus_nav-sub.png) 0 -23px no-repeat;
	color: #fff;
	text-decoration: none;
}		

a.visit {
	border-bottom: #fff 1px solid;
	display: inline;
	float: right;
	margin-right: 20px;
	padding: 0 0 6px 20px;
}
a.visit:link,
a.visit:visited {
	text-decoration: none;
}
a.visit:hover {
	background: transparent url(../images/global/hover_visit.png) 0 bottom repeat-x;
	text-decoration: none;
}
a.visit.hide {
	display: none;
}

span#back a {
	background: transparent url(../images/global/arrow-left-small.png) 0 2px no-repeat;
	font-size: .916em;
	text-transform: uppercase;
	padding: 3px 0 0 40px;
}


/*
= 6. images ---------------------------------- */

div.summ-project img {
	margin: 20px 0 10px 0;
	height: 80px;
	width: 220px;
}

/*
= 7. layout ---------------------------------- */
div#accessibility {
	left:-9000px;
	position:absolute;
}
div#parallax {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

div#wrap {
	margin: 0 auto;
	width: 940px;
	position: relative; /* for parallax */
	z-index: 2; /* for parallax */	
}
div#header {
	width: 940px;	
}


div#content {
	width: 940px;	
}
.colx3 {
	display: inline;
	float: left;
	width: 220px;
}
.colx6 {
	display: inline;
	float: left;
	width: 460px;
}
.colx9 {
	display: inline;
	float: left;
	width: 700px;
}


div.colx3#intro {
	background: transparent url(../images/global/divider.png) 0 bottom repeat-x;
	font-size: 1.167em;
	line-height: 1.429em;
	margin: 0 20px 0 0;	
	padding-bottom: 14px;

}
div.colx3#more {
	background: transparent url(../images/global/arrow.png) 0 0 no-repeat;
}
div.colx3#nav-sub {
	background: transparent url(../images/global/bg_nav-sub_arrow.png) right bottom repeat;
	height: 170px;
}

body#portfolio.ind div.colx3#nav-sub {
	height: auto;
}



body#contact div.colx3#nav-sub {
	background: transparent url(../images/global/bg_nav-sub_arrow.png) right bottom no-repeat;
	height: 170px;
}
div.colx3#address {
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;	
	margin-left: 20px;
	padding: 20px 0 10px 0;
}
div.colx3#visit {
	border-bottom: #fff 1px solid;	
	margin-left: 20px;
	padding: 20px 0 10px 0;
}
div.colx3#heads {
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;	
	font-size: .916em;
	margin-left: 20px;
}


div.colx3#overview  {
	background: transparent url(../images/global/bg_overview.png) 0 0 repeat;
	margin-top: 20px;
	padding: 20px 0 20px 0;
	

}
body#home div.colx6 {
	padding: 58px 0;
}
div.colx6#headline {
	margin-right: 20px;
}
div.colx6#contact-form {
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;	
	margin-left: 20px;
}

div.colx6#copy {
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;	
	margin-left: 20px;
}

div.colx9#projects {
	width: 720px;	
}
div.colx9#project {
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;
	margin-left: 20px;	
	padding-bottom: 10px;
}
body#portfolio.ind div.colx9#projects {
	float: right;
	padding-top: 20px;
	width: 700px;
}
div.colx9#blog-posts {
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;
	margin-left: 20px;	
	padding-bottom: 10px;
	background: transparent url(../images/global/divider.png) 0 top repeat-x;
	border-bottom: #fff 1px solid;	
	margin-left: 20px;
	
}
div#wrap-project {
	clear: both;
}

div.summ-project {
	background: transparent url(../images/global/divider.png) 0 0 repeat-x;
	border-bottom: #fff 1px solid;
	display: inline;
	float: left;
	height: 169px;	
	margin: 0 0 40px 20px;
	width: 220px;
}
body#portfolio.ind div.summ-project {
	height: auto;	
	padding: 20px 0 10px 0;
}

div.copy-area {
	background: transparent url(../images/global/bg_copy-area.png) 0 0 repeat;
	margin: 20px 0 10px 0;
	padding: 30px;
}

div.blog-container {
	background: transparent url(../images/global/bg_copy-area.png) 0 0 repeat;
	margin: 20px 0 10px 0;
	padding: 30px;
}
div.BlogRecentPost {
	padding-bottom: 10px;
}
div.blog-post div.post-details {
	color: #fff;
	font-style: italic;
	padding-top: 6px;
}

div.blog-container div.post-list p.page-nav {
	float:right;
	margin:5px 0 0;
	text-align:left;
}
div.blog-container div.post-list p.page-nav span {
	font-weight: bold;
}

div.blog-container div.post-list p.page-nav a:link,
div.blog-container div.post-list p.page-nav a:visited, 
div.blog-container div.post-list p.page-nav a:active {
	color: #BE5F7C;
	font-weight: normal;
}

ul.pagination {
	clear: both;
	margin: 5px 0 0;
	text-align: right;
	width: 100%;
}

body#home ul#webapp7259pagination {
	display: none;
}

li.pag-current {
	font-weight: bold;
}
ul.pagination li a:link,
ul.pagination li a:visited,
ul.pagination li a:active {
	color: #BE5F7C;
}

div.post-body {
	background: transparent url(../images/global/divider.png) 0 bottom repeat-x;
	padding-bottom: 20px;
}


div#footer {
	background: transparent url(../images/global/bg_footer.png) 0 top repeat;
	clear: both;
	color: #5d5d5d;	
	margin-top: 10px;
	width: 940px;
}


/*
= 8. tables ---------------------------------- */
table {
	border-collapse: collapse;
}

table.webapptable {
	float: left;
}



/*
= 9. forms ---------------------------------- */

/*
= 10. misc ---------------------------------- */

/* float clearing for IE6 */
* html .clearfix {
	height: 1%;
  	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix {
   	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after {
 	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}