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

/* ----- COLORS -----
	blue: #003366
	purple: #990066
	light gray: #e1e1e1
	black: #000000
	white: #ffffff
*/

/* ----- FONTS ----- */
@font-face {
	font-family: 'BodoniMTBlack';
	src: url('../fonts/ufontscombodonimtblack1.eot');
	src: local('../fonts/ufontscombodonimtblack1'), url('../fonts/ufontscombodonimtblack1.woff') format('woff'), url('../fonts/ufontscombodonimtblack1.ttf') format('truetype');
}

/* ----- Common on all sizes ----- */
* {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}

body {
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	/*font-size: 1em;*/
}

.gradient1 {
	background: #576c74; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NmM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #576c74 0%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#576c74), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #576c74 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #576c74 0%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #576c74 0%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #576c74 0%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#576c74', endColorstr='#999999',GradientType=0 ); /* IE6-8 */
}

.gradient2 {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWRiZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #c4cdd7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c4cdd7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c4cdd7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#c4cdd7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#c4cdd7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#c4cdd7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4cdd7',GradientType=0 ); /* IE6-8 */
}

nav ul#slick-nav {
	display: none;
}

/* --------------------------------------------- */
/* ----- For screens 1000px wide AND wider ----- */
/* --------------------------------------------- */
@media screen and (min-width: 1000px) {
	header, nav, section, footer, div#contentHolder {
		width: 1000px;
		margin: 0 auto 0 auto;
	}
	
	/* ----- HEADER area ----- */
	header {
		height: 105px;
		background: url("../images/headerBG1000x105.jpg") no-repeat;
	}
	
	header a {
		text-decoration: none;
		color: #000000;
	}
	
	header div#caname, header div#canameonly {
		float: left;
	}
	
	header div#caname p {
		text-align: center;
		margin: 20px 0 0 90px;
		line-height: 1.2em;
	}
	
	header div#caname p strong {
		font-family: BodoniMTBlack !important;
		font-size: 2.1em;
		color: #003366;
	}
	
	header div#canameonly p {
		margin: 35px 0 0 80px;
		line-height: 1.2em;
	}
	
	header div#canameonly p strong {
		font-family: BodoniMTBlack !important;
		font-size: 2.1em;
		color: #003366;
	}
	
	header div#catag {
		float: right;
	}
	
	header div#catag p {
		text-align: center;
		margin: 15px 120px 0 0;
	}
	
	header div#catag p strong {
		font-size: 1.2em;
		font-style: italic;
		letter-spacing: -0.01em;
		color: #003366;
	}
	
	/* ----- NAVIGATION area ----- */
	nav {
		background: #e1e1e1;
	}
	
	nav ul {
		display: table;
		width: 100%;
		list-style-type: none;
		border-top: #003366 solid 1px;
	}
	
	nav ul li {
		display: table-cell;
		background: #e1e1e1;
		text-align: center;
		padding: 5px 0 5px 0;
	}
	
	nav ul li a {
		display: block;
		color: #003366;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	nav ul li a:hover {
		color: #990066;
	}
	
	/* ----- QTIP override styles ----- */
	.qtip-cook {
		background-color: #990066 !important;
		border-color: #003366 !important;
		color: #ffffff !important;
		font-size: 0.9em !important;
		line-height: 1.1em !important;
	}
	
	/* ----- CONTENT area ----- */
	div#contentHolder {
		clear: both;
		background: #ffffff;
	}
	
	section {
		clear: both;
		background: #ffffff;
		overflow: auto;
	}
	
	section.first {
		border-top: #003366 solid 1px;
		height: 15px;
	}
	
	section.last {
		height: 40px;
	}
	
	section.next {
		margin-top: -30px;
	}
	
	section#aboutBox {
		background: #000000;
		text-align: center;
		color: #ffffff;
		overflow: hidden;
	}
	
	section#aboutBox p {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}
	
	section#aboutBox p.whiteOver {
		position: absolute;
		font-size: 1.1em;
		width: 100%;
		text-align: center;
		z-index: 500;
		margin: 185px 0 0 0;
	}
	
	section#aboutBox img {
		vertical-align: bottom;
	}
	
	section article.half {
		float: left;
		width: 50%;
		margin: 20px 0 0 0;
	}
	
	section article.half p {
		padding: 10px 15px 10px 15px;
	}
	
	section article.half p.greybox {
		background: #e1e1e1;
	}
	
	section article.half p.extraAfter {
		margin: 0 0 20px 0;
	}
	
	section article.half p strong {
		color: #990066;
	}
	
	section article.half p.bottom {
		margin: 20px 0 0 0;
	}
	
	section article.half ul {
		list-style-type: disk;
		padding: 10px 15px 0 15px;
		margin: 0 0 0 15px;
	}
	
	section article.half ul li {
		color: #990066;
	}
	
	section article.half ul li ul {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 15px 15px;
	}
	
	section article.half ul li ul li {
		color: #000000;
	}
	
	section#howBox {
		border-top: 1px #990066 solid;
		text-align: center;
		padding: 20px 0 40px 0;
	}
	
	section#howBox img {
		z-index: 1;
	}
	
	p#how2, p#how3 {
		position: absolute;
		z-index: 50;
	}
	
	p#how1 {
		margin: 10px 0 0 0;
	}
	
	p#how2 {
		margin: 50px 0 0 230px;
	}
	
	p#how3 {
		margin: 50px 0 0 570px;
	}
	
	/* ===== ABOUT, RESULTS page ===== */
	section.withGray {
		width: 940px;
		overflow: auto;
		background: #e1e1e1;
		margin-top: 15px;
	}
	
	article.grayBox {
		float: left;
		width: 155px;
		background: #e1e1e1;
	}
	
	article.grayBox p {
		text-align: center;
		color: #990066;
		font-size: 1.2em;
		font-weight: bold;
		margin: 40px 10px 0 10px;
	}
	
	article.info {
		float: left;
		width: 785px;
		background: #ffffff;
	}
	
	article.info p {
		margin: 0 0 0 40px;
		padding: 10px 0 10px 0;
	}
	
	article.info p.first {
		border-top: 2px #990066 solid;
	}
	
	article.info p strong, article.info ul li strong {
		color: #990066;
	}
	
	article.info p.clients img {
		text-align: center;
		margin: 0 3px 0 3px;
	}
	
	article.info img.right {
		float: right;
	}
	
	article.info img.left {
		float: left;
	}
	
	article.info img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	article.info ul {
		margin: 0 0 0 40px;
		padding: 0 0 0 20px;
	}
	
	article.info ul li {
		padding: 3px 0 2px 0;
	}
	
	article.info p.grayBox {
		background: #e1e1e1;
		padding: 5px 0 10px 5px !important;
	}
	
	article.info ul.grayBox {
		margin: 0 0 0 40px;
		padding: 0 0 5px 20px;
	}
	
	article.info ul.grayBox, article.info ul.grayBox li {
		background: #e1e1e1;
	}
	
	ul.moreSpace li {
		margin: 5px 0 15px 0;
	}
	
	ul.indent1 {
		font-size: 1.3em;
	}
	
	ul.indent1 li {
		margin-left: 30%;
	}
	
	/* ----- FOOTER area ----- */
	footer {
		clear: both;
		background: #ffffff;
	}
	
	footer ul#bottomNav {
		display: table;
		width: 100%;
		list-style-type: none;
		background: #e1e1e1;
		overflow: auto;
	}
	
	footer ul#bottomNav li {
		display: table-cell;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	
	footer ul#bottomNav li ul {
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
	}
	
	footer ul#bottomNav li ul li {
		display: list-item;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		color: #990066;
	}
	
	footer ul#bottomNav li a {
		display: block;
		color: #003366;
		font-weight: bold;
		text-decoration: none;
	}
	
	footer p {
		clear: both;
		font-size: 0.9em;
		text-align: center;
		padding: 10px 0 20px 0;
	}
}

/* --------------------------------------------- */
/* ----- For screens 768px wide to 1000px  ----- */
/* --------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 999px) {
	header, nav, section, footer, div#contentHolder {
		width: 768px;
		margin: 0 auto 0 auto;
	}
	
	/* ----- HEADER area ----- */
	header {
		height: 105px;
		background: url("../images/headerBG1000x105.jpg") no-repeat;
	}
	
	header a {
		text-decoration: none;
		color: #000000;
	}
	
	header div#caname, header div#canameonly {
		float: left;
	}
	
	header div#caname p {
		text-align: center;
		margin: 20px 0 0 45px;
		line-height: 1.2em;
	}
	
	header div#caname p strong {
		font-family: BodoniMTBlack !important;
		font-size: 2.1em;
		color: #003366;
	}
	
	header div#canameonly p {
		margin: 35px 0 0 30px;
		line-height: 1.2em;
	}
	
	header div#canameonly p strong {
		font-family: BodoniMTBlack !important;
		font-size: 2.3em;
		color: #003366;
	}
	
	header div#catag {
		float: right;
	}
	
	header div#catag p {
		text-align: center;
		margin: 12px 30px 0 0;
	}
	
	header div#catag p strong {
		font-size: 1.2em;
		font-style: italic;
		letter-spacing: -0.01em;
		color: #003366;
	}
	
	/* ----- NAVIGATION area ----- */
	nav {
		background: #e1e1e1;
	}
	
	nav ul {
		display: table;
		width: 100%;
		list-style-type: none;
		border-top: #003366 solid 1px;
	}
	
	nav ul li {
		display: table-cell;
		background: #e1e1e1;
		text-align: center;
		padding: 5px 0 5px 0;
	}
	
	nav ul li a {
		display: block;
		color: #003366;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	nav ul li a:hover {
		color: #990066;
	}
	
	/* ----- QTIP override styles ----- */
	.qtip-cook {
		background-color: #990066 !important;
		border-color: #003366 !important;
		color: #ffffff !important;
		font-size: 0.9em !important;
		line-height: 1.1em !important;
	}
	
	/* ----- CONTENT area ----- */
	div#contentHolder {
		clear: both;
		background: #ffffff;
	}
	
	section {
		clear: both;
		background: #ffffff;
		overflow: auto;
	}
	
	section.first {
		border-top: #003366 solid 1px;
		height: 15px;
	}
	
	section.last {
		height: 15px;
	}
	
	section.next {
		margin-top: -30px;
	}
	
	section#aboutBox {
		background: #000000;
		text-align: center;
		color: #ffffff;
		font-size: 0.9em;
		overflow: hidden;
	}
	
	section#aboutBox p {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}
	
	section#aboutBox p.whiteOver {
		position: absolute;
		font-size: 1.1em;
		width: 100%;
		text-align: center;
		z-index: 500;
		margin: 185px 0 0 0;
	}
	
	section#aboutBox img {
		vertical-align: bottom;
	}
	
	section article.half {
		float: left;
		width: 50%;
		margin: 20px 0 0 0;
	}
	
	section article.half p {
		padding: 10px 15px 10px 15px;
	}
	
	section article.half p.greybox {
		background: #e1e1e1;
	}
	
	section article.half p.extraAfter {
		margin: 0 0 40px 0;
	}
	
	section article.half p strong {
		color: #990066;
	}
	
	section article.half p.bottom {
		margin: 60px 0 0 0;
	}
	
	section article.half ul {
		list-style-type: disc;
		padding: 10px 15px 0 15px;
		margin: 0 0 0 15px;
	}
	
	section article.half ul li {
		color: #990066;
	}
	
	section article.half ul li ul {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 15px 15px;
	}
	
	section article.half ul li ul li {
		color: #000000;
	}
	
	section#howBox {
		border-top: 1px #990066 solid;
		text-align: center;
		padding: 20px 0 20px 0;
	}
	
	section#howBox img {
		z-index: 1;
	}
	
	p#how2, p#how3 {
		position: absolute;
		z-index: 50;
	}
	
	p#how1 {
		margin: 10px 0 0 0;
	}
	
	p#how2 {
		margin: 50px 0 0 115px;
	}
	
	p#how3 {
		margin: 50px 0 0 455px;
	}
	
	/* ===== ABOUT page ===== */
	section.withGray {
		width: 720px !important;
		overflow: auto;
		background: #e1e1e1;
		margin-top: 15px;
	}
	
	article.grayBox {
		float: left;
		width: 150px;
		background: #e1e1e1;
	}
	
	article.grayBox p {
		text-align: center;
		color: #990066;
		font-size: 1.1em;
		font-weight: bold;
		margin: 40px 10px 0 10px;
	}
	
	article.info {
		float: left;
		width: 570px;
		background: #ffffff;
	}
	
	article.info p {
		margin: 0 0 0 25px;
		padding: 10px 0 10px 0;
	}
	
	article.info p.first {
		border-top: 2px #990066 solid;
	}
	
	article.info p strong, article.info ul li strong {
		color: #990066;
	}
	
	article.info p.clients img {
		text-align: center;
		margin: 0 20px 0 20px;
	}
	
	article.info img.right {
		float: none;
		margin: 0 0 0 25px;
		max-width: 100%;
	}
	
	article.info img.left {
		float: left;
		max-width: 100%;
	}
	
	article.info img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	
	article.info ul {
		margin: 0 0 0 25px;
		padding: 0 0 0 20px;
	}
	
	article.info ul li {
		padding: 3px 0 2px 0;
	}
	
	article.info p.grayBox {
		background: #e1e1e1;
		padding: 5px 0 10px 5px !important;
	}
	
	article.info ul.grayBox {
		margin: 0 0 0 25px;
		padding: 0 0 5px 20px;
	}
	
	article.info ul.grayBox, article.info ul.grayBox li {
		background: #e1e1e1;
	}
	
	ul.moreSpace li {
		margin: 5px 0 15px 0;
	}
	
	ul.indent1 {
		font-size: 1.3em;
	}
	
	ul.indent1 li {
		margin-left: 30%;
	}
	
	/* ----- FOOTER area ----- */
	footer {
		clear: both;
		background: #ffffff;
	}
	
	footer ul#bottomNav {
		display: table;
		width: 100%;
		list-style-type: none;
		background: #e1e1e1;
		overflow: auto;
	}
	
	footer ul#bottomNav li {
		display: table-cell;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	
	footer ul#bottomNav li ul {
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
	}
	
	footer ul#bottomNav li ul li {
		display: list-item;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		color: #990066;
	}
	
	footer ul#bottomNav li a {
		display: block;
		color: #003366;
		font-weight: bold;
		text-decoration: none;
		font-size: 0.9em;
	}
	
	footer p {
		clear: both;
		font-size: 0.9em;
		text-align: center;
		padding: 10px 0 20px 0;
	}
}

/* ------------------------------------------- */
/* ----- For screens 480px wide to 768px ----- */
/* ------------------------------------------- */
@media screen and (min-width: 480px) and (max-width: 767px) {
	header, nav, section, footer, div#contentHolder {
		width: 480px;
		margin: 0 auto 0 auto;
	}
	
	/* ----- HEADER area ----- */
	header {
		height: 100px;
		background: url("../images/headerBG1000.jpg") no-repeat;
	}
	
	header a {
		text-decoration: none;
		color: #000000;
	}
	
	header div#caname, header div#canameonly {
		float: left;
	}
	
	header div#caname p {
		text-align: center;
		margin: 15px 0 0 10px;
		line-height: 1.0em;
		font-size: 0.9em;
	}
	
	header div#caname p strong {
		font-family: BodoniMTBlack !important;
		font-size: 1.6em;
		color: #003366;
	}
	
	header div#canameonly p {
		margin: 35px 0 0 10px;
		line-height: 1.2em;
	}
	
	header div#canameonly p strong {
		font-family: BodoniMTBlack !important;
		font-size: 1.5em;
		color: #003366;
	}
	
	header div#catag {
		float: right;
	}
	
	header div#catag p {
		text-align: center;
		margin: 10px 10px 0 0;
	}
	
	header div#catag p strong {
		font-size: 1.0em;
		font-style: italic;
		letter-spacing: -0.01em;
		color: #003366;
	}
	
	/* ----- NAVIGATION area ----- */
	nav {
		color: #003366;
	}
	
	nav ul {
		display: none;
	}
	
	/* ----- CONTENT area ----- */
	div#contentHolder {
		clear: both;
		background: #ffffff;
	}
	
	section {
		clear: both;
		background: #ffffff;
		overflow: auto;
	}
	
	section.first {
		border-top: #003366 solid 1px;
		height: 15px;
	}
	
	section.last {
		height: 15px;
	}
	
	section#aboutBox {
		background: #000000;
		text-align: center;
		color: #ffffff;
		overflow: hidden;
	}
	
	section#aboutBox p {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}
	
	section#aboutBox p.whiteOver {
		position: absolute;
		font-size: 0.8em;
		width: 100%;
		text-align: center;
		z-index: 500;
		margin: 185px 0 0 0;
	}
	
	section#aboutBox img {
		vertical-align: bottom;
		width: 100%;
	}
	
	section article.half {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	section article.half p {
		padding: 10px 15px 10px 15px;
	}
	
	section article.half p.greybox {
		background: #e1e1e1;
	}
	
	section article.half p strong {
		color: #990066;
	}
	
	section article.half ul {
		list-style-type: disk;
		padding: 10px 15px 0 15px;
		margin: 0 0 0 15px;
	}
	
	section article.half ul li {
		color: #990066;
	}
	
	section article.half ul li ul {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 15px 15px;
	}
	
	section article.half ul li ul li {
		color: #000000;
	}
	
	section#howBox {
		border-top: 1px #990066 solid;
		text-align: center;
		padding: 20px 0 20px 0;
	}
	
	section#howBox img {
		z-index: 1;
	}
	
	p#how2, p#how3 {
		position: absolute;
		z-index: 50;
	}
	
	p#how1 {
		margin: 10px 0 0 0;
	}
	
	p#how2 {
		margin: 40px 0 0 5px;
	}
	
	p#how3 {
		margin: 40px 0 0 275px;
	}
	
	p#how2, p#how3, p#how4 {
		font-size: 0.8em !important;
	}
	
	section#howBox p#how4 {
		font-size: 0.8em !important;
	}
	
	/* ===== ABOUT page ===== */
	section.withGray {
		overflow: auto;
		background: #e1e1e1;
		margin-top: 15px;
	}
	
	article.grayBox {
		float: none;
		background: #e1e1e1;
	}
	
	article.grayBox p {
		text-align: left;
		color: #990066;
		font-size: 1.2em;
		font-weight: bold;
		margin: 20px 0 20px 20px;
	}
	
	article.info {
		float: none;
		background: #ffffff;
	}
	
	article.info p {
		margin: 0 0 0 0;
		padding: 10px 0 10px 0;
	}
	
	article.info p.first {
		border-top: 2px #990066 solid;
	}
	
	article.info p strong, article.info ul li strong {
		color: #990066;
	}
	
	article.info p.clients img {
		text-align: center;
		margin: 0 9px 0 9px;
	}
	
	article.info img.right {
		float: none;
		max-width: 100%;
	}
	
	article.info img.left {
		float: none;
		max-width: 100%;
	}
	
	article.info img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	
	article.info ul {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
	}
	
	article.info p.grayBox {
		background: #e1e1e1;
		padding: 5px 0 10px 5px !important;
	}
	
	article.info ul.grayBox {
		margin: 0 0 0 0;
		padding: 0 0 5px 20px;
	}
	
	article.info ul.grayBox, article.info ul.grayBox li {
		background: #e1e1e1;
	}
	
	ul.moreSpace li {
		margin: 5px 0 15px 0;
	}
	
	ul.indent1 {
		font-size: 1.3em;
	}
	
	ul.indent1 li {
		margin-left: 30%;
	}
	
	/* ----- FOOTER area ----- */
	footer {
		clear: both;
		background: #ffffff;
	}
	
	footer ul#bottomNav {
		display: table;
		width: 100%;
		list-style-type: none;
		background: #e1e1e1;
		overflow: auto;
	}
	
	footer ul#bottomNav li {
		display: table-cell;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	
	footer ul#bottomNav li ul {
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
	}
	
	footer ul#bottomNav li ul li {
		display: list-item;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		color: #990066;
	}
	
	footer ul#bottomNav li a {
		display: block;
		color: #003366;
		font-weight: bold;
		text-decoration: none;
		font-size: 0.9em;
	}
	
	footer p {
		clear: both;
		font-size: 0.9em;
		text-align: center;
		padding: 10px 0 20px 0;
	}
}

/* -------------------------------------------- */
/* ----- For screens less than 480px wide ----- */
/* -------------------------------------------- */
@media screen and (max-width: 479px) {
	header, nav, section, footer, div#contentHolder {
		width: 320px;
		margin: 0 auto 0 auto;
	}
	
	/* ----- HEADER area ----- */
	header {
		height: 140px;
		background: url("../images/headerBG1000.jpg") no-repeat;
	}
	
	header a {
		text-decoration: none;
		color: #000000;
	}
	
	header div#caname, header div#canameonly {
		float: none;
	}
	
	header div#caname p {
		text-align: center;
		padding: 5px 0 0 0;
		line-height: 1.0em;
		font-size: 0.8em;
	}
	
	header div#caname p strong {
		text-align: center;
		font-family: BodoniMTBlack !important;
		font-size: 1.8em;
		color: #003366;
	}
	
	header div#canameonly p {
		text-align: center;
		padding: 5px 0 10px 0;
		line-height: 1.2em;
	}
	
	header div#canameonly p strong {
		font-family: BodoniMTBlack !important;
		font-size: 1.6em;
		color: #003366;
	}
	
	header div#catag {
		float: none;
	}
	
	header div#catag p {
		text-align: center;
		margin: 5px 0 0 0;
	}
	
	header div#catag p strong {
		font-size: 1.0em;
		font-style: italic;
		letter-spacing: -0.01em;
		color: #003366;
	}
	
	/* ----- NAVIGATION area ----- */
	nav {
		color: #003366;
	}
	
	nav ul {
		display: none;
	}
	
	/* ----- CONTENT area ----- */
	div#contentHolder {
		clear: both;
		background: #ffffff;
	}
	
	section {
		clear: both;
		background: #ffffff;
		overflow: auto;
	}
	
	section.first {
		border-top: #003366 solid 1px;
		height: 0;
	}
	
	section.last {
		height: 15px;
	}
	
	section#aboutBox {
		background: #000000;
		text-align: center;
		color: #ffffff;
		overflow: hidden;
	}
	
	section#aboutBox p {
		font-weight: bold;
		padding: 15px 0 5px 0;
	}
	
	section#aboutBox p.whiteOver {
		position: absolute;
		font-size: 0.8em;
		width: 100%;
		text-align: center;
		z-index: 500;
		margin: 155px 0 0 0;
	}
	
	section#aboutBox img {
		vertical-align: bottom;
		width: 100%;
	}
	
	section article.half {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	section article.half p {
		padding: 10px 15px 10px 15px;
	}
	
	section article.half p.greybox {
		background: #e1e1e1;
	}
	
	section article.half p strong {
		color: #990066;
	}
	
	section article.half ul {
		list-style-type: disk;
		padding: 10px 15px 0 15px;
		margin: 0 0 0 15px;
	}
	
	section article.half ul li {
		color: #990066;
	}
	
	section article.half ul li ul {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 15px 15px;
	}
	
	section article.half ul li ul li {
		color: #000000;
	}
	
	section#howBox {
		border-top: 1px #990066 solid;
		text-align: center;
		padding: 20px 0 20px 0;
	}
	
	section#howBox img {
		z-index: 1;
	}
	
	p#how2, p#how3, p#how4 {
		font-size: 0.8em !important;
	}
	
	section#howBox p#how4 {
		font-size: 0.8em !important;
	}
	
	/* ===== ABOUT, RESULTS page ===== */
	section.withGray {
		overflow: auto;
		background: #e1e1e1;
	}
	
	article.grayBox {
		float: none;
		background: #e1e1e1;
	}
	
	article.grayBox p {
		text-align: left;
		color: #990066;
		font-size: 1.2em;
		font-weight: bold;
		margin: 10px 0 10px 20px;
	}
	
	article.info {
		float: none;
		background: #ffffff;
	}
	
	article.info p {
		margin: 0 0 0 0;
		padding: 10px 5px 10px 5px;
	}
	
	article.info p.first {
		border-top: 2px #990066 solid;
	}
	
	article.info p strong, article.info ul li strong {
		color: #990066;
	}
	
	article.info p.clients img {
		text-align: center;
		margin: 0 7px 0 7px;
	}
	
	article.info img.right {
		float: none;
		max-width: 100%;
	}
	
	article.info img.left {
		float: none;
		max-width: 100%;
	}
	
	article.info img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	
	article.info ul {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
	}
	
	article.info p.grayBox {
		background: #e1e1e1;
		padding: 5px 0 10px 5px !important;
	}
	
	article.info ul.grayBox {
		margin: 0 0 0 0;
		padding: 0 0 5px 20px;
	}
	
	article.info ul.grayBox, article.info ul.grayBox li {
		background: #e1e1e1;
	}
	
	ul.moreSpace li {
		margin: 5px 0 15px 0;
	}
	
	ul.indent1 {
		font-size: 1.3em;
	}
	
	ul.indent1 li {
		margin-left: 15%;
	}
	
	/* ----- FOOTER area ----- */
	footer {
		clear: both;
		background: #ffffff;
	}
	
	footer p {
		font-size: 0.9em;
		text-align: center;
		padding: 10px 0 20px 0;
	}
}