@charset "utf-8";

*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;	
}

html, body {
	font-size: 1em tahoma, verdana, arial, sans-serif;
	background-color: #fff;	
}

img {
	max-width: 100%;
}

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

}

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

}

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

}

/* Portfolio H3 font */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/h3/League_Gothic-webfont.eot');
    src: url('fonts/h3/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/h3/League_Gothic-webfont.woff') format('woff'),
         url('fonts/h3/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/h3/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* TOP button */
@font-face {
    font-family: 'utilityboldcondensed';
    src: url('fonts/top/UTILITY-webfont.eot');
    src: url('fonts/top/UTILITY-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/top/UTILITY-webfont.woff') format('woff'),
         url('fonts/top/UTILITY-webfont.ttf') format('truetype'),
         url('fonts/top/UTILITY-webfont.svg#utilityboldcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Submit button */
@font-face {
    font-family: 'ReklameScriptRegularDEMORg';
    src: url('fonts/submit_btn/ReklameScript-Regular_DEMO-webfont.eot');
    src: url('fonts/submit_btn/ReklameScript-Regular_DEMO-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/submit_btn/ReklameScript-Regular_DEMO-webfont.woff') format('woff'),
         url('fonts/submit_btn/ReklameScript-Regular_DEMO-webfont.ttf') format('truetype'),
         url('fonts/submit_btn/ReklameScript-Regular_DEMO-webfont.svg#ReklameScriptRegularDEMORg') format('svg');
    font-weight: normal;
    font-style: normal;

}


#container {
	max-width: 120em; /* 1920px / 16px */
	height: auto;
	margin: 0 auto;	
}

p {
	font-family: 'DejaVuSansBook', tahoma, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 1.25em;
}

/* HEADER */

header {
	width: 100%; 
	height: /*13.8125em*/ 17.8125em;
	padding-top: 2.1875em;
	background: url(images/header/background/tileStrip.png);	
	position: relative;
	z-index: 0;	
}

#header-content, #footer-content {
	max-width: 62.5em; /* 1000px/16px */ 
	margin: 0 auto;
}

.hide {
	display: none;	
}

/* logo */

h1#logo {
	max-width: 668px;
	margin: 0 auto;
}

#background-logo {
	padding-top: 10.33%;	
	background: url(images/header/logo.png) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;	
}

/* end logo */

/* slogan */
#slogan {
	max-width: 673px;
	margin: 0 auto;
}

#background-slogan {
	padding-top: 3.42%;
	background: url(images/header/slogan.png) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;	
}
/* end slogan */

nav {
	width: 67.3%;
	margin: 0 auto;	
	margin-top: 1.5625em;
}

#nav-background {
	position: relative;
	z-index: 0;
}

ul#nav-ul {
	width: 68.4054%; /* 459px / 671px */
	margin: 0 auto;
	position: relative;
	z-index: 1;
	margin-top: -3.3125em;
	margin-left: 18.5%;	
}

ul#nav-ul li {
	display: inline;
	list-style-type: none;
}

.nav-divider {
	float: left;
	margin: -0.3125em 3.2680% 0 3.2680%;	
}

a#nav-portfolio {
	width: 25.2723%;	/* 116px / 459px */
	height: 0.9375em;
	display: block;
	background: url(images/header/nav/navPortfolio.png) no-repeat;
	text-indent: -1000em;
	float: left;		
}

a#nav-portfolio:hover {
	background-position: 0 -0.9375em;	
}


a#nav-about, a#nav-about-static {
	width: 13.7255%;	
	height: 0.9375em;
	display: block;
	background: url(images/header/nav/navAbout.png) no-repeat;
	text-indent: -1000em;
	float: left;
	
}

a#nav-about:hover {
	background-position: 0 -0.9375em;	
}

a#nav-about-static {
	background-position: 0 -0.9375em;	
	cursor: default;	
}


a#nav-news, a#nav-news-static {
	width: 10.4575%;	
	height: 0.9375em;
	display: block;
	background: url(images/header/nav/navNews.png) no-repeat;
	text-indent: -1000em;
	float: left;
	
}

a#nav-news:hover {
	background-position: 0 -0.9375em;	
}

a#nav-news-static {
	background-position: 0 -0.9375em;
	cursor: default;	
}

a#nav-contact, a#nav-contact-static {
	width: 19.6078%;	
	height: 0.9375em;
	display: block;
	background: url(images/header/nav/navContact.png) no-repeat;
	text-indent: -1000em;
	float: left;
}

a#nav-contact:hover {
	background-position: 0 -0.9375em;	
}

a#nav-contact-static {
	background-position: 0 -0.9375em;
	cursor: default;	
}

/* END HEADER */

/* MAIN CONTENT */
#main-content {
	max-width: 62.5em; 
	margin: 0 auto;
	padding: 3em 0 0 6%;
	}

h2 {
	font-family: 'TangerineBold';
	font-size: 4em;
	color: #000;
}

h2.smaller-size {
	font-size: 3em;	
}

#left-column {
	width: 44.7%;
	float: left;
	margin-bottom: 6em;
}

#right-column {
	width: 44.7%;
	float: left;
	margin-left: 6%;
	padding-bottom: 10em;	
}

/* News */

#left-column-news {
	width: 50%;
	float: left;
	margin-bottom: 6em;
}

#right-column-news {
	width: 38%;
	float: left;
	margin-left: 6%;
	padding-right: 6%;
	margin-top: 1.875em;	
}

.news-item {
	margin-top: 1.875em;
	min-height: 8em;	
}


.circle {
	width: 6.25em;
	height: 6.25em;
	-moz-border-radius: 3.125em;
	-webkit-border-radius: 3.125em;
	border-radius: 3.125em;
	background-color: #ccc;
	text-align: center;
	float: left;
	margin-right: 4%; /* 20px/500px */
	margin-bottom: 0.625em;
}

.date {
	width: 75%;
	font-size: 1.5625em;
	color: #666;
	border-bottom: 2px solid #666;	
	margin-bottom: 0;
	margin: 0 auto;
	padding-top: 0.9375em;
}

.year {
	font-size: 1.875em;
	color: #666;
	margin-bottom: 0;
	padding-top: 0.1875em;		
}

/* Contact */

#form-container {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
		
}

table {
	max-width: 100%;	
}

.form-labels {
	font-family: 'DejaVuSansBook';		
}

.form-fields {
	width: 90%;
	height: 3.125em;
	padding: 0 5% 0 5%;
	margin-bottom: 1.25em;
	background-color: #ccc;	
	font-family: 'DejaVuSansBook';
	font-size: 1em;
	-webkit-appearance: none;
}

.form-message {
	width: 90%;
	background-color: #ccc;	
	margin-bottom: 1.25em;
	padding: 5%;
	font-family: 'DejaVuSansBook';
	font-size: 1em;
	-webkit-appearance: none;
}

.submit {
	width: 25%;	
	float: right;
	background-color: #fff;
	color: #ccc;	
	font-family: 'ReklameScriptRegularDEMORg';	
	font-size: 2.5em;
	-webkit-appearance: none;			
}

.submit:hover {
	color: #666;
	cursor: pointer;	
}

#left-column-contact {
	width: 50%;
	float: left;
	margin-bottom: 6em;
}

#right-column-contact {
	width: 38%;
	float: left;
	margin-left: 6%;
	padding-right: 6%;	
}

ul#social li {
	list-style-type: none;
	clear: both;	
}

img.social-logos {
	float: left;
	margin-bottom: 3.125em;
	margin-right: 5%;
}

.social-text {
	float: left;
	margin-top: 1.875em;
}

#skype-text {
	float: left;
	margin-top: 0.625em;	
}

a.body-links {
	color: #7f007f;	
	text-decoration: none;
	border-bottom: 1px dotted #7f007f;
	padding-right: 2px;
	padding-left: 2px;
}

a.body-links:hover {
	color: #fff;
	border-bottom: none;
	background-color: #993D3D;	
	padding: 2px;
}

#business {
	font-size: 0.625em;	
}

/* Portfolio */

	/*Screenshots*/
	#webshot-container {
		width: 86.6%; /* 814px/940px */
		margin: 0 auto;
		padding-right: 6%;
	}
	
	#webshot {
		width: 100%;
		text-align: center;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	#web-link {
		width: 30%;
		height: 1em;
		background-color: #ccc;
		text-align: center;
		padding: 0.5em 0 0.64375em 0;
		float: right;
		margin-top: 1em;
		margin-bottom: 2em;		
	}
	
	#web-link a {
		font-family: 'DejaVuSansBook', tahoma, sans-serif;
		font-size: 1em;
		color: #666;
		text-decoration: none;		
	}
	
	#web-link a:hover {
		color: #333;	
	}
		
	/* divider */
	#divider {
		width: 42.3404%;		
		margin: 0 auto;
		margin-top: 4.6656em;	
		margin-bottom: 1.5625em;
		padding-right: 6%;
	}
	
	/* details */
	#details {
		width: 100%;		
	}
	
	#info {
		width: 45%;
		padding-right: 5%;	
		float: left;
		margin-bottom: 15em;	
		
	}
	
	#testimonials {
		width: 45%;
		padding-right: 5%;
		float: left;	
	}
	
	.bold-text {
		font-family: 'DejaVuSansBold';
		 	
	}
	
	#speech {
		width: 96.2222%;
		margin: 0 auto;	
		text-align: center;
		margin-bottom: 5em;
	}
	
	/*top button*/	
	
	#top {
		margin-right: 3%;
		margin-bottom: 3.75em;
		clear: both;
		float: right;
	}
	
	a#top-button {
		font-family: 'utilityboldcondensed';
		font-size: 2em;	
		color: #ccc;
		text-decoration: none;
	}
	
	a#top-button:hover {
		color: #666;	
	}
	
	#screenshot-container {
		width: 72.3404%;
		margin: 0 auto;
		text-align: center;	
	}
	
	p#screenshot-p {
		margin-top: 0.625em;	
	}
	
	#banners-container {
		width: 49.7872%;
		margin: 0 auto;	
		margin-top: 4em;
		text-align: center;
		padding-right: 6%;
	}
	
	#print-container, #logo-container {
		width: 86.6%;
		margin: 0 auto;
		text-align: center;
		margin-top: 2em;
		padding-right: 6%;
	}


/* END MAIN CONTENT */

/* PORTFOLIO LINKS */

h3 {
	font-family: 'LeagueGothicRegular';
	font-size: 2.25em;
	color: #fff;
	padding-top: 0.125em;
	font-weight: 100;
	
}

h4 {
	font-size: 0.875em;
	margin-bottom: 0.5em;	
}


#portfolio {
	width: 100%;
	height: 20em;
	background-color: #303;	
	clear: both;
	position: relative;
	z-index: 0;
	top: 0.0625em;
}

#porfolio-content {
	max-width: 62.5em;
	margin: 0 auto;
	font-family: tahoma, verdana, sans-serif;
	color: #fff;
	}

#portfolio-label {
	width: 26.5%;
	height: 3.125em; 
	background-color: #067f6d;
	position: relative;
	top: -1.4375em;
	left: 2%;
	text-align: center;
}

.portfolio-list {
	float: left;
	margin-left: 5%;
}

ol li{
	font-size: 0.6875em;
	list-style-type: none;
	margin-bottom: 0.3125em;	
}

a.portfolio-links {
	color: #fff;
	text-decoration: none;	
}

a.portfolio-links:hover {
	color: #067f6d;
	border-bottom: 1px dashed #067f6d;	
}



/* END PORTFOLIO LINKS */

/* FOOTER */
footer {
	width: 100%;
	height: 11em;
	background: url(images/footer/background/tileStrip.png) repeat-x;	
	}

#footer-content {
	width: inherit;
	padding-top: 1em;	
}


/* Stay In Touch */
h3#stay-in-touch {
	max-width: 181px;
	margin: 0 auto;
	margin-top: /*-2em */ 4em;
	text-indent: -1000em;	
	font-size: 0;
}

#background-sit {
	padding-top: 27.62%;
	background: url(images/footer/sit.png) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;	
}

/* /Stay In Touch */

ul#footer-social {
	width: 18.1%;
	height: 5em;
	margin: 0 auto;
	padding-right: 0.4%;
}

ul#footer-social li {
	display: inline;
	list-style-type: none;	
}

a#facebook {
	width: 27.0718%;
	height: 3.0625em;
	display: block;
	background: url(images/footer/buttonFB.png) no-repeat;
	text-indent: -1000em;	
	float: left;
	margin-right: 9.3923%;
}

a#facebook:hover {
	background-position: 0 -3.0625em;	
}

a#twitter {
	width: 27.0718%;
	height: 3.0625em;
	display: block;
	background: url(images/footer/buttonTwitter.png) no-repeat;
	text-indent: -1000em;	
	float: left;
	margin-right: 9.3923%;
}

a#twitter:hover {
	background-position: 0 -3.0625em;	
}

a#skype {
	width: 27.0718%;
	height: 3.0625em;
	display: block;
	background: url(images/footer/buttonSkype.png) no-repeat;
	text-indent: -1000em;	
	float: left;
}

a#skype:hover {
	background-position: 0 -3.0625em;	
}


/* Copyright */
#copyright {
	max-width: 404px;
	margin: 0 auto;
	text-indent: -1000em;
	font-size: 0;	
}

#background-copyright {
	padding-top: 2.48%;
	background: url(images/footer/copyright.png) no-repeat;	
	background-size: contain;
	-moz-background-size: contain;
	background-position: center;
}
/* /Copyright*/

/* END FOOTER */










@media screen and (max-width:1000px) {
	
	/* HEADER */	
	nav {
		width: 72%;	
	}
	
	ul#nav-ul {
		width: 70.5%; 
		margin-left: 17.2%;	
	}

	
	#bottom-bar {
		padding-left: 0.5349%;
	}
	
	/* MAIN CONTENT */	
	#info {
		margin-bottom: 10em;		
	}	
		
	/* PORTFOLIO LINKS */	
	.portfolio-list {
		margin-left: 4.7%;
	}	
	
	/* FOOTER */	
	ul#footer-social {
		width: 19%;
	}
}










@media screen and (max-width:855px) {
	
	/* HEADER */
	nav {
		width: 81.5%;	
	}
	
	/* Contact */
	#form-container {
		width: 100%;
		padding-left: 0;
	}
		
	/* PORTFOLIO LINKS */
	h4 {
		margin-bottom: 0.5em;	
	}

	.portfolio-list {
		margin-left: 3.5%;
	}

		
	/* FOOTER */	
	ul#footer-social {
		width: 22.5%;
	}
	
}










@media screen and (max-width: 800px) {
	
	/* HEADER */
	nav {
		width: 87%;	
	}
	
	ul#nav-ul {
		margin-left: 17.3%;	
	}
	
	a#top-button {
		font-size: 1.8em;	
	}
	
	/*PORTFOLIO LINKS*/	
	h4 {
		font-size: 0.8125em;
	}

	#portfolio {
		height: 15em;
	}
	
	.portfolio-list {
		margin-left: 3.2%;
	}

	ol li{
		font-size: 0.625em;
	}	
	
	/* FOOTER */	
	ul#footer-social {
		width: 23%;
	}		
}










@media screen and (max-width: 768px) {
	
	/* HEADER */	
	nav {
		width: 90.5%;	
	}
	
	ul#nav-ul {
		margin-left: 17.37%;	
	}
	
	/* MAIN CONTENT */	
	#main-content {
		padding: 2em 0 0 6%;
	}
	
	h2 {		
		font-size: 3.5em;
	}
	
	h2.smaller-size {
		font-size: 2.5em;	
	}	
	
	p.portfolio-text, #screenshot-p, #info p, #details p, #testimonials p, #speech p, #left-column p, #right-column p, p.news-text, #left-column-contact p, #right-column-contact p, .form-fields, .form-message, .form-labels, .fields-required {
		font-size: 0.9375em;	
	}
	
	.circle {
		width: 6em;
		height: 6em;
		-moz-border-radius: 3em;
		-webkit-border-radius: 3em;
		border-radius: 3em;
		margin-bottom: 0.5em;
	}
	
	.date {
		font-size: 1.5em;
		padding-top: 0.84375em;
	}

	.year {
		font-size: 1.8em;
	}
	
	/*PORTFOLIO LINKS*/	
	#portfolio {
		height: 18em;
	}
	
	.portfolio-list {
		margin-left: 2.9%;
	}

	
	/* FOOTER */	
	ul#footer-social {
		width: 24%;
	}		
}










@media screen and (max-width: 685px) {
	
	/* HEADER */	
	header {
		height: 19.9875em;
		padding-top: 0;
		margin-top: -2em;
	}
	
	#header-content {
		padding: 5em 4% 0 4%;	
	}
	
	nav {
		width: 100%;
		margin-top: 0.9375em;	
	}
	
	ul#nav-ul {
		margin-top: -3.0594em;
		margin-left: 15.5%;	
	}	
	
		
	.nav-divider {
		float: left;
		margin: -0.3125em 3% 0 3%;	
	}
	
	a#nav-portfolio {
		width: 28.5%;				
	}
	
	a#nav-about, a#nav-about-static {
		width: 15.5%;	
	}
	
	a#nav-news, a#nav-news-static {
		width: 11.7%;	
	}
	
	a#nav-contact, a#nav-contact-static {
		width: 22%;	
	}

/* MAIN CONTENT */
	h2 {
		font-size: 3em;
	}
	
	h2.smaller-size {
		font-size: 2em;	
	}
	
	#web-link {
		padding: 0.375em 0 0.64375em 0;
	}
	
	#web-link a {
		font-size: 0.9em;
	}	
	
	#divider {
		width: 50%;
	}
	
	 	
	p.portfolio-text, #screenshot-p, #info p, #details p, #testimonials p, #speech p, #left-column p, #right-column p, p.news-text, #left-column-contact p, #right-column-contact p, .form-fields, .form-message, .form-labels, .fields-required {
		font-size: 0.875em;	
	}
	
	.circle {
		width: 5.8em;
		height: 5.8em;
		-moz-border-radius: 2.9em;
		-webkit-border-radius: 2.9em;
		border-radius: 2.9em;
	}
	
	.date {
		font-size: 1.45em;
		padding-top: 0.83437em;
	}

	.year {
		font-size: 1.74em;
	}

	
	/* Contact */
	.submit {
		width: 30%;	
	}
	
	img.social-logos {
		margin-right: 3%;
	}
	
	/*PORTFOLIO LINKS*/	
	
	#portfolio {
		height: 25em;
	}
	
	.portfolio-list {
		width: 20%;
		height: 10em;
		margin-left: 4%;
		margin-bottom: 1em;
	}

	/* FOOTER */	
	ul#footer-social {
		width: 27%;
	}
}










@media screen and (max-width:640px) {
	
	/* HEADER */
	#header-content {
		padding: 4.5em 2% 0 2%;	
	}
	
	nav {
		width: 100%;	
	}

	ul#nav-ul {
		width: 69%;
		margin-top: -3.0125em;
		margin-left: 15.8%;	
	}		

	.nav-divider {
		float: left;
		margin: -0.3125em 3% 0 3%;	
	}	
	
	a#nav-portfolio {
		width: 28.5%;	/* 116px / 459px */
			
	}
	
	a#nav-about, a#nav-about-static {
		width: 15.5%;	
	}
	
	a#nav-news, a#nav-news-static {
		width: 12%;	
	}
	
	a#nav-contact, a#nav-contact-static {
		width: 23%;	
	}

	/*MAIN CONTENT */	
		
	/* News */		
	.circle {
		width: 5.6em;
		height: 5.6em;
		-moz-border-radius: 2.8em;
		-webkit-border-radius: 2.8em;
		border-radius: 2.8em;
		margin-bottom: 0.3em;
	}
	
	.date {
		font-size: 1.4em;
		padding-top: 0.79062em;
	}

	.year {
		font-size: 1.68em;
	}
	
	/* CONTACT */
	#left-column-contact {
		width: 45%;
	}

	#right-column-contact {
		width: 43%;
	}
	
	.fields-required {
		margin-left: 1%;	
	}
	
	.submit {
		width: 30%;	
		font-size: 2em;			
	}
	
	/* FOOTER */	
	ul#footer-social {
		width: 29%;
	}		
}










@media screen and (max-width: 603px) {
	
	/* HEADER */
	header {
		margin-top: -4.5em;	
	}
	
	#header-content {
		padding: 6.5em 4% 0 4%;	
	}
	
	nav {
		width: 100%;	
	}
	
	ul#nav-ul {
		width: 69%;
		margin-top: -2.7656em;
		margin-left: 16.5%;	
	}	

	.nav-divider {
		margin: -0.3125em 1% 0 1%;	
	}

	a#nav-portfolio {
		width: 32.5%;	
	}

	a#nav-about, a#nav-about-static {
		width: 17.5%;	
	}

	a#nav-news, a#nav-news-static {
		width: 13.5%;	
	}

	a#nav-contact, a#nav-contact-static {
		width: 25%;	
	}

	/*MAIN CONTENT */
	#web-link {
		padding: 0.275em 0 0.49375em 0;
	}
	
	#web-link a {
		font-size: 0.8em;
	}
	
	a#top-button {
		font-size: 1.75em;	
	}
	
	#divider {
		width: 55%;
	}
	
	.circle {
		width: 5.4em;
		height: 5.4em;
		-moz-border-radius: 2.7em;
		-webkit-border-radius: 2.7em;
		border-radius: 2.7em;
		margin-right: 3%;
		margin-bottom: 0.25em;
	}
	
	.date {
		font-size: 1.35em;
		padding-top: 0.79062em;
	}

	.year {
		font-size: 1.62em;
	}
	
	/*Contact*/
	
	#left-column-contact, #right-column-contact  {
		width: 44%;
	}
			
	/* FOOTER */	
	ul#footer-social {
		width: 31%;
	}		
}










@media screen and (max-width:568px){
	
	header {
		height: 20em;
		padding-top: 0;
		margin-top: -4em;	
	}
	
	#header-content {
		padding: 6em 4% 0 4%;	
	}	
	
	nav {
		width: 100%;	
	}
	
	ul#nav-ul {
		margin-top: -2.6406em;
		margin-left: 18.6%;	
	}	
	
	.nav-divider {
		float: left;
		margin: -0.3125em 3.2680% 0 3.2680%;	
	}

	a#nav-portfolio {
		width: 25.2723%;	
		height: 0.6875em;
		background: url(images/568-600/header/nav/navPortfolio.png) no-repeat;
	}

	a#nav-portfolio:hover {
		background-position: 0 -0.6875em;	
	}


	a#nav-about, a#nav-about-static {
		width: 13.7255%;	
		height: 0.6875em;
		background: url(images/568-600/header/nav/navAbout.png) no-repeat;
	}

	a#nav-about:hover {
		background-position: 0 -0.6875em;	
	}

	a#nav-about-static {
		background-position: 0 -0.6875em;	
	}


	a#nav-news, a#nav-news-static {
		width: 11%;	
		height: 0.6875em;
		background: url(images/568-600/header/nav/navNews.png) no-repeat;
	}

	a#nav-news:hover {
		background-position: 0 -0.6875em;	
	}

	a#nav-news-static {
		background-position: 0 -0.6875em;
	}

	a#nav-contact, a#nav-contact-static {
		width: 19.6078%;	
		height: 0.6875em;
		background: url(images/568-600/header/nav/navContact.png) no-repeat;
	}

	a#nav-contact:hover {
		background-position: 0 -0.6875em;	
	}

	a#nav-contact-static {
		background-position: 0 -0.6875em;
		
	}

/* END HEADER */

/* MAIN CONTENT */
	
	#main-content {
		padding: 1.5em 0 0 6%;
	}
	
	h2 {
		font-size: 2.5em;
	}
	
	h2.smaller-size {
		font-size: 2.2em;	
	}
	
	#web-link {
		padding: 0.14375em 0 0.49375em 0;
	}
	
	#web-link a {
		font-size: 0.7em;
	}
	
	#divider {
		width: 60%;
	}
	
	p.portfolio-text, #screenshot-p, #info p, #details p, #testimonials p, #speech p, #left-column p, #right-column p, p.news-text, #left-column-contact p, #right-column-contact p, .form-fields, .form-message, .form-labels, .fields-required {
		font-size: 0.8125em;	
	}	
	
	.circle {
		width: 5.2em;
		height: 5.2em;
		-moz-border-radius: 2.6em;
		-webkit-border-radius: 2.6em;
		border-radius: 2.6em;
	}
	
	.date {
		font-size: 1.3em;
		padding-top: 0.81249em;
	}

	.year {
		font-size: 1.56em;
	}
	
	/* Contact */
	#form-container {
		width: 100%;
		padding-left: 0;
		margin: 0 auto;
			
	}
	
	table {
		width: 80%;	
		margin: 0 auto;
	}
	
	#left-column-contact {
		width: 95%;
		padding-right: 5%;
		margin: 0 auto;
		float: none;
		margin-bottom: 8em;
	}
	
	#right-column-contact {
		display: none;
	}
	
	.submit {
		width: 20%;	
	}
		
	
	
	/*PORTFOLIO LINKS*/	
	h4 {
		font-size: 0.875em;
	}

	.portfolio-list {
		width: 25%;
		margin-left: 8%;
		margin-bottom: 1.5em;
	}

	ol li{
		font-size: 0.6875em;
	}	
	
	/* FOOTER */	
	ul#footer-social {
		width: 35%;
	}
}










@media screen and (max-width:533px){
	
	header {
		height: 20em;
		padding-top: 0;
		margin-top: -5em;	
	}
	
	#header-content {
		padding: 7em 4% 0 4%;	
	}
	
	/* slogan */
	#slogan {
		max-width: 673px;
		margin: 0 auto;
		text-indent: -1000em;
		font-size: 0;	
	}
	
	#background-slogan {
		padding-top: 3.42%;
		background: url(images/header/slogan.png) no-repeat;
		background-size: contain;
		-moz-background-size: contain;
		background-position: center;	
	}
/* end slogan */
		
	ul#nav-ul {
		margin-top: -2.5156em;
		margin-left: 17.925%;	
	}		
}










@media screen and (max-width:480px) {
	
	header {
		padding-top: 0;
		margin-top: 0;	
	}
	
	#header-content {
		padding: 2em 4% 0 4%;	
	}
	
	nav {
		width: 90%;
		border-top: 1px solid #303;
		border-bottom: 1px solid #303;
		margin-top: 0;	
	}
	
	#nav-background, .nav-divider  {
		display: none;	
	}
	
	
	h1#logo {
		padding: 0 0.5% 5% 0.5%;	
	}
	
	ul#nav-ul {
			width: 90%; /* 459px / 671px */
			float: none;
			padding-top: 2.15625em;
			margin-left: 5%;	
	}
	
	ul#nav-ul li {
			display: block;
			border-bottom: 1px dashed #303;
			padding-top: 0.75em;
			padding-bottom: 0.75em;
	}
	
	ul#nav-ul li.no-divider {
		border-bottom: none;	
	}
	
	a#nav-portfolio {
			width: 25.5%;	
			height: 0.6875em;
			background: url(images/685-768/header/nav/navPortfolio.png) no-repeat;
			float: none;
			margin: 0 auto;
			margin-top: 0.3125em; /* correcting padding discrepancy */
			
	}
	
	a#nav-portfolio:hover {
			background-position: 0 -0.6875em;	
	}
	
	
	a#nav-about, a#nav-about-static {
			width: 14%;	
			height: 0.6875em;
			background: url(images//685-768/header/nav/navAbout.png) no-repeat;
			float: none;
			margin: 0 auto;
		
	}
	
	a#nav-about:hover {
			background-position: 0 -0.6875em;	
	}
	
	a#nav-about-static {
			background-position: 0 -0.6875em;	
	}
	
	
	a#nav-news, a#nav-news-static {
			width: 11%;	
			height: 0.6875em;
			background: url(images//685-768/header/nav/navNews.png) no-repeat;
			float: none;
			margin: 0 auto;	
	}
	
	a#nav-news:hover {
			background-position: 0 -0.6875em;	
	}
	
	a#nav-news-static {
			background-position: 0 -0.6875em;
	}
	
	a#nav-contact, a#nav-contact-static {
			width: 20%;	
			height: 0.6875em;
			background: url(images/685-768/header/nav/navContact.png) no-repeat;
			float: none;
			margin: 0 auto;		
	}
	
	a#nav-contact:hover {
		background-position: 0 -0.6875em;	
	}
	
	a#nav-contact-static {
		background-position: 0 -0.6875em;
	}	

/* END HEADER */

/* MAIN CONTENT */

	h2 {
		margin-bottom: 0.2em;	
	}
	
	#web-link {
		padding: 0.06625em 0 0.44375em 0;
	}
	
	#web-link a {
		font-size: 0.6em;
	}
	
	#divider {
		width: 70%;
	}
	
	#left-column-news {
		margin-top: -1em;
	}
	
	#right-column-news {
		margin-top: 0.8125em;
	}
	
	.circle {
		width: 4.8em;
		height: 4.8em;
		-moz-border-radius: 2.4em;
		-webkit-border-radius: 2.4em;
		border-radius: 2.4em;
		margin-right: 2%;
		margin-bottom: 0.1em;
	}
	
	.date {
		font-size: 1.2em;
		padding-top: 0.81249em;
	}

	.year {
		font-size: 1.44em;
	}
	
	.submit {
		width: 25%;	
	}
	
	#info {
		width: 45%;
		padding-right: 5%;	
		float: left;
		margin-bottom: 5em;	
		
	}
	
	/*PORTFOLIO LINKS*/	
	h4 {
		font-size: 0.8125em;
	}

	#portfolio {
		height: 26em;
	}
	
	ol li{
		font-size: 0.625em;
	}	


	/* FOOTER */
		
	h3#stay-in-touch {
		margin-top: -1em;
	}

	ul#footer-social {
		width: 42.5%;
	}	
}










@media screen and (max-width:360px) {
	
	header {
		padding-top: 0;
		margin-top: -4em;
	}
	
	#header-content {
		padding: 6em 4% 0 4%;	
	}
	
	
	ul#nav-ul li {
			display: block;
			border-bottom: 1px dashed #303;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}
	
	a#nav-portfolio {
			width: 35%;	
			height: 0.6875em;
			background: url(images/685-768/header/nav/navPortfolio.png) no-repeat;
			float: none;
			margin: 0 auto;
			margin-top: 0.3875em;
			
	}
	
	a#nav-portfolio:hover {
			background-position: 0 -0.6875em;	
	}
	
	
	a#nav-about, a#nav-about-static {
			width: 22%;	
			height: 0.6875em;
			background: url(images//685-768/header/nav/navAbout.png) no-repeat;
			float: none;
			margin: 0 auto;
		
	}
	
	a#nav-about:hover {
			background-position: 0 -0.6875em;	
	}
	
	a#nav-about-static {
			background-position: 0 -0.6875em;	
	}
	
	
	a#nav-news, a#nav-news-static {
			width: 18%;	
			height: 0.6875em;
			background: url(images//685-768/header/nav/navNews.png) no-repeat;
			float: none;
			margin: 0 auto;	
	}
	
	a#nav-news:hover {
			background-position: 0 -0.6875em;	
	}
	
	a#nav-news-static {
			background-position: 0 -0.6875em;
	}
	
	a#nav-contact, a#nav-contact-static {
			width: 29%;	
			height: 0.6875em;
			background: url(images/685-768/header/nav/navContact.png) no-repeat;
			float: none;
			margin: 0 auto;		
	}
	
	a#nav-contact:hover {
		background-position: 0 -0.6875em;	
	}
	
	a#nav-contact-static {
		background-position: 0 -0.6875em;
	}

	/* MAIN CONTENT */

	#main-content {
		padding: 1em 0 0 0;
	}
	
	h2#lessthanthreesixty {
		margin-left: 3%;	
	}
	
	h2.smaller-size {
		font-size: 1.8em;	
	}
	
	#webshot-container {
		padding-right: 0;
	}	
		
	#archived-website {
		width: 40%;
		font-size: 0.5625em;
		padding-bottom: 0.4em;			
	}
	
	a#top-button {
		font-size: 1.6em;	
	}
	
	#divider {
		width: 85%;
		margin-top: 1.5625em;	
		padding-right: 0;
	}
	
	#info {
		width: 95%;
		margin: 0 auto;
		padding-right: 0;	
		float: none;
		margin-bottom: 1em;	
		
	}
	
	#testimonials {
		width: 95%;
		margin: 0 auto;
		padding-right: 0;
		float: none;	
	}
	
		
	/* ABOUT*/
	#left-column {
		width: 90%;
		padding: 0 5% 0 5%;
		float: none;
		margin-bottom: 2em;
	}

	#right-column {
		width: 90%;
		padding: 0 5% 0 5%;
		float: none;
		margin-left: 0;	
		margin-bottom: 6em;
	}
	
	/* NEWS*/
	#right-column-news {
		display: none;	
	}
	
	#left-column-news {
		width: 90%;
		padding: 0 5% 0 5%;	
		margin-top: 0;
	}
	
	.circle {
		margin-right: 6%;
		margin-bottom: 0.15em;	
	}
	
	/* CONTACT */
	.submit {
		width: 30%;
	}
	
	#left-column-contact {
		width: 91%;
		padding:0 2.5% 0 2.5%;
	}	
		
	/*PORTFOLIO LINKS*/	
	#portfolio {
		height: 36em;
	}
	
	.portfolio-list {
		width: 40%;
		margin-left: 8%;
	}
		
	/* FOOTER*/
	
	h3 {
		font-size: 1.5em;
		padding-top: 0.5em;
	}
	
	#portfolio-label {
		width: 35%;
	}

	
	ul#footer-social {
		width: 60%;
	}	

	/* Copyright*/
	#copyright {
		padding: 0 0.5% 0 0.5%;
	}
}










@media screen and (max-width: 320px) {
	
	header {
		padding-top: 0;
		margin-top: -6em;
	}
	
	#header-content {
		padding: 7em 4% 0 4%;	
	}
	
	nav {
		border-top: 1px dotted #303;
		border-bottom: 1px dotted #303;
	}
	
	#web-link {
		background-color: #fff;
		text-align: right;
		padding: 0;
		margin-top: 0;
		margin-bottom:0;
	}
	
	#web-link a {
		font-size: 0.5em;
		border-bottom: 1px dashed #666;
	}
	
	#web-link a:hover {
		border-bottom: 1px dashed #333;	
	}
	
	#banners-container, #print-container, #logo-container {
		padding-right: 0;
	}
	
	/* CONTACT */
	.submit {
		width: 35%;		
	}		
}










@media screen and (max-width: 270px) {
	
	header {
		padding-top: 0;
		margin-top: -7em;
	}
	
	#header-content {
		padding: 8em 4.75% 0 4.75%;	
	}
	
	h1#logo {
		padding: 0 1.5% 5% 1.5%;	
	}
	
	a#nav-portfolio {
		width: 49%;	
	}
	
	a#nav-about, a#nav-about-static {
			width: 28%;	
	}
	
	a#nav-news, a#nav-news-static {
			width: 21%;	
	}
	
	a#nav-contact, a#nav-contact-static {
			width: 38%;	
	}
	
		
	/* MAIN CONTENT */
	
	h2 {
		font-size: 2.2em;
	}	
	
	#web-link {
		width: 35%;
	}
	
	a#top-button {
		top: 0.4375em;
	}
	
	#divider {
		width: 90%;
	}
	
	#left-column-contact {
		margin-bottom: 6em;
	}
	
	.submit {
		width: 32%;	
		font-size: 1.5em;
	}
	
		
	/*PORTFOLIO LINKS*/	
	h4 {
		font-size: 0.6875em;
	}
		
	.portfolio-list {
		width: 41%;
		margin-left: 7%;
		margin-bottom: 0.5em;
	}

	ol li{
		font-size: 0.6em;
	}	
	
	
	/* FOOTER */
	h3 {
	font-size: 1.4em;
	padding-top: 0.6em;
	}
	
	ul#footer-social {
		width: 79%;
	}
	
	/* Copyright */
	#copyright {
		padding: 0 2% 0 2%;
	}		
}