run fromdos on all the php, css, and js files

11 files changed, 2060 insertions, 2060 deletions

diff --git a/webroot/css/base.css b/webroot/css/base.css
index f9651cd..7908666 100644
--- a/webroot/css/base.css
+++ b/webroot/css/base.css
@@ -1,1170 +1,1170 @@
-a:hover {

-	text-decoration:none;

-}

-h1 {

-	font-weight:bold;

-	font-size:220%;

-	float:left;

-	margin-top:5px;

-}

-h2 {

-	font-size:200%;

-	margin-bottom:10px;

-	letter-spacing:-1px;

-}

-h2.ribbon {

-	padding:15px 30px;

-	position:relative;

-	left:-55px;

-	float:left;

-	margin-bottom:20px;

-	border-radius:3px 3px 3px 0px;

-	-moz-border-radius:3px 3px 3px 0px;

-	-webkit-border-radius:3px 3px 3px 0px;

-}

-.triangle-ribbon {

-	border-style:solid;

-	border-width:13px;

-	height:0;

-	position:relative;

-	width:0;

-	float:left;

-	clear:left;

-	left:-67px;

-	top:-33px;

-	z-index:-1;

-}

-h2.full {

-	width:890px;

-}

-h2 span {

-	position:absolute;

-	right:25px;

-	font-size:80%;

-	margin:3px 0 0;

-}

-h3 {

-	font-size:180%;

-	font-weight: bold;

-	margin-bottom:15px;

-}

-aside h3 {

-	font-size:138.5%;

-	font-weight:bold;

-	margin-bottom:15px;

-	color:#333333;

-	padding-bottom:10px;

-	border-bottom:1px solid #D9D9D9;

-}

-h4 {

-	font-size:128%;

-	font-weight: bold;

-	margin-bottom:20px;

-	color:#333333;

-}

-h5 {

-	font-size:100%;

-}

-h5.inline {

-	float:left;

-	margin-right:10px;

-}

-h6 {

-	font-size:93%;

-}

-h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {

-	margin-right:5px;

-	vertical-align:-2px;

-}

-/*////   - Misc -   ////*/

-.fl {

-	float:left;

-}

-img.fl {

-	margin:0 25px 25px 0;

-}

-.fr {

-	float:right;

-}

-img.fr {

-	margin:0 0 25px 25px;

-}

-.fn {

-	float:none!important;

-}

-.cl {

-	background: none;

-	border: 0;

-	clear: both;

-	display: block;

-	float: none;

-	font-size: 0;

-	list-style: none;

-	margin: 0;

-	padding: 0;

-	overflow: hidden;

-	visibility: hidden;

-	width: 0;

-	height: 0;

-}

-.tl {

-	text-align:left;

-}

-.tr {

-	text-align:right;

-}

-.tc {

-	text-align:center;

-}

-.hd {

-	display: none;

-}

-.strong {

-	font-weight: 700!important;

-}

-.no-margin {

-	margin:0!important;

-}

-.no-padding {

-	padding:0!important;

-}

-.margin-left {

-	margin-left:20px;

-}

-.margin-right {

-	margin-right:20px;

-}

-.margin-top {

-	margin-top:20px;

-}

-.margin-bottom {

-	margin-bottom:20px;

-}

-.border-top {

-	border-top:1px solid #D9D9D9;

-	padding-top:10px;

-	margin-top:20px;

-}

-.border-left {

-	border-left:1px solid #D9D9D9;

-	padding-left:10px;

-	margin-left:20px;

-}

-.border-bottom {

-	border-bottom:1px solid #D9D9D9;

-	padding-bottom:10px;

-	margin-bottom:20px;

-}

-.border-right {

-	border-top:1px solid #D9D9D9;

-	padding-top:10px;

-	margin-top:20px;

-}

-.txt-smaller {

-	font-size:85%

-}

-.txt-small {

-	font-size:93%

-}

-.txt-light {

-	color:#4d4d4d;

-}

-.txt-lighter {

-	color:#666;

-}

-

-nav {

-	float: left;

-}

-#nav {

-	line-height: 100%;

-	margin: 0 auto;

-	padding: 10px;

-	width: 100%;

-}

-#nav li {

-	display: inline-block;

-	list-style: none;

-	z-index: 100;

-	margin-left: 15px;

-}

-/* main level link */

-#nav a {

-	font-weight: bold;

-	text-decoration: none;

-	display: block;

-	padding:  8px 12px;

-	font-size:113%;

-	-webkit-border-radius: 3px;

-	-moz-border-radius: 3px;

-}

-#nav a:hover {

-	background: #000;

-	color: #000;

-}

-/* main level link hover */

-#nav .current a, #nav li:hover > a {

-	background: #e5e5e5;

-	color: #444;

-	border-top: solid 1px #cccccc;

-	border-left: solid 1px #cccccc;

-	border-right:1px solid #e0e0e0;

-	border-bottom:1px solid #e0e0e0;

-	padding:7px 11px 8px;

-	text-shadow:0 1px 0 #FFFFFF;

-}

-/* rounded corners of first and last link */

-#nav ul li:first-child > a {

-	-webkit-border-top-left-radius: 3px;

-	-moz-border-radius-topleft: 3px;

-	-webkit-border-top-right-radius: 3px;

-	-moz-border-radius-topright: 3px;

-}

-#nav ul li:last-child > a {

-	-webkit-border-bottom-left-radius: 3px;

-	-moz-border-radius-bottomleft: 3px;

-	-webkit-border-bottom-right-radius: 3px;

-	-moz-border-radius-bottomright: 3px;

-}

-

-header {

-	width: 980px;

-	margin: 25px auto 20px;

-}

-footer {

-	padding: 10px 0;

-	width: 980px;

-	margin: 25px auto 20px;

-}

-#page {

-	background: #fff;

-	color: #191919;

-	border: 1px solid #d9d9d9;

-	padding: 40px;

-	position: relative;

-	width: 898px;

-	margin: 0 auto;

-	z-index: 1;

-	border-radius: 3px;

-	-moz-border-radius: 3px;

-	-webkit-border-radius: 3px;

-}

-#page-content.two-col {

-	float:left;

-	padding-right:35px;

-	width:600px;

-	display:inline;

-}

-.breadcrumbs {

-	margin:0 0 20px;

-	list-style:none;	

-	padding:10px 15px;

-	background:#f2f2f2;

-	border:1px solid #D9D9D9;

-	font-size:93%;

-	color:#333333;

-	

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-.breadcrumbs li {

-	display:inline;	

-}

-aside {

-	float:left;

-	width:260px;

-	color:#333333;

-	display:inline;

-}

-section {

-	margin-bottom:20px;

-	padding-bottom:20px;

-	border-bottom:1px solid #d9d9d9;

-}

-.inlinepic {

-	background:#fafafa;

-	border:1px solid #ccc;

-	padding:5px;

-	box-shadow:0 0 5px #D9D9D9;

-	-moz-box-shadow:0 0 5px #D9D9D9;

-	-webkit-box-shadow:0 0 5px #D9D9D9;

-}

-blockquote {

-	background:url("../img/quote.gif") no-repeat 0 5px;

-	color:#444444;

-	line-height:1.6;

-	padding:5px 20px 10px 45px;

-	margin-bottom:20px;

-}

-blockquote cite {

-	color:#666666;

-	font-size:12px;

-	font-style:italic;

-}

-/*//   About Page   //*/

-#teamlist {

-	margin:0;

-	list-style:none;

-}

-#teamlist li {

-	margin-bottom:20px;

-	padding-bottom:10px;

-	border-bottom:1px solid #D9D9D9;

-}

-#teamlist li.last {

-	border-bottom:0;

-	margin-bottom:0;

-	padding-bottom:0;

-}

-/*//   Services Page   //*/

-

-.services-list {

-	margin:0;

-	list-style:none;

-}

-.services-list li {

-	float:left;

-	width:270px;

-	margin-right:30px;

-	margin-bottom:20px;

-	font-size:93%;

-}

-.services-list li p {

-	margin-bottom:5px;

-}

-.services-list li a {

-	float:right;

-}

-.services-list li img {

-	float:left;

-	margin:5px 20px 30px 0;

-}

-.services-list li.last {

-	margin-right:0;

-}

-.process {

-	height:31px;

-	width:31px;

-	background: url(../img/process.gif);

-	color:#fff;

-	display:block;

-	font-size:138%;

-	font-weight:bold;

-	line-height:28px;

-	text-align:center;

-	margin:5px 20px 30px 0;

-	float:left;

-}

-/*//   Portfolio Page   //*/

-.portfolio-small {

-	list-style:none outside none;

-	margin:0 -35px 0;

-}

-.portfolio-small li a {

-	display:block;

-}

-.portfolio-small li {

-	float:left;

-	margin-bottom:20px;

-	margin-left:35px;

-	width:275px;

-}

-.portfolio-small li img {

-	margin-bottom:10px;

-}

-.portfolio-small li h4 {

-	margin-bottom:10px;

-}

-.portfolio-small li p {

-	margin-bottom:10px;

-}

-.portfolio-list {

-	list-style:none outside none;

-	margin:0;

-}

-.portfolio-list li {

-	margin-bottom:20px;

-	padding-bottom:20px;

-}

-.portfolio-list li img {

-	float:left;

-}

-.portfolio-list li.last {

-	padding-bottom:0;

-}

-.portfolio-list li div {

-	margin-left: 390px;

-}

-.portfolio-list li p {

-	margin-bottom:15px;

-}

-

-p {

-	line-height:1.6;

-	margin-bottom:20px;

-}

-.list {

-	margin-bottom:15px;

-}

-.list li {

-	margin-bottom:5px;

-	padding:0;

-}

-.list ul {

-	margin-bottom:15px;

-}

-dl.definition {

-	margin-bottom:20px;

-}

-dl.definition dt {

-	font-weight:bold;

-	margin-bottom:5px;

-	padding-left:20px;

-}

-dl.definition dd {

-	color:#666666;

-	margin-bottom:15px;

-	padding-left:20px;

-}

-.tags {

-	margin:0 0 15px;

-	list-style:none;

-}

-.tags li {

-	display:inline;

-	background:#D9D9D9;

-	margin-right:10px;

-	font-size:85%;

-	padding:3px 6px;

-	border-radius:20px;

-	-moz-border-radius:20px;

-	-webkit-border-radius:20px;

-}

-.social {

-	margin:0 0 15px;

-	list-style:none;

-}

-.social li {

-	display:inline;

-	margin-right:10px;

-}

-#feature {

-	margin-bottom:20px;

-}

-.feature-img {

-	float:left;

-	margin-top:10px;

-}

-.feature-text {

-	margin-left:545px;

-}

-h2#tagline {

-	font-size:240%;

-}

-h3#tagline-mini {

-	font-weight:normal;

-	font-size:100%;

-	color:#4d4d4d;

-	line-height:1.6;

-	margin-bottom:25px;

-}

-.feature-screenshots {

-	margin:0;

-	list-style:none;

-}

-.feature-screenshots li {

-	float:left;

-	margin:	0 20px 10px 0;

-}

-

-

-/* Homepage */

-.feature img {

-	float:left;

-}

-.feature p {

-	margin-left:70px;

-}

-.scrollable {

-	height:110px;

-	overflow:hidden;

-	position:relative;

-	width:100%;

-}

-.scrollable .items {

-	clear:both;

-	position:absolute;

-	width:20000em;

-}

-.items div {

-	float:left;

-	width:740pxpx;

-}

-.scrollable img {

-	-moz-border-radius:4px 4px 4px 4px;

-	background-color:#FFFFFF;

-	border:1px solid #CCCCCC;

-	float:left;

-	height:100px;

-	margin:0 4px 0 35px;

-	padding:2px;

-	width:100px;

-}

-.scrollable .active {

-	border:2px solid #000000;

-	cursor:default;

-	position:relative;

-}

-/* this makes it possible to add next button beside scrollable */

-.scrollable {

-	float:left;

-}

-/* prev, next, prevPage and nextPage buttons */

-a.browse {

-	background:url(../img/scrollable.png) no-repeat;

-	display:block;

-	width:30px;

-	height:30px;

-	margin:40px 10px;

-	cursor:pointer;

-	font-size:1px;

-	position:absolute;

-}

-/* right */

-a.right {

-	background-position: 0 -30px;

-	clear:right;

-	margin-right: 0px;

-	right:25px;

-}

-a.right:hover {

-	background-position:-30px -30px;

-}

-a.right:active {

-	background-position:-60px -30px;

-}

-/* left */

-a.left {

-	margin-left: 0px;

-	left:25px;

-}

-a.left:hover {

-	background-position:-30px 0;

-}

-a.left:active {

-	background-position:-60px 0;

-}

-/* up and down */

-a.up, a.down {

-	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;

-	float: none;

-	margin: 10px 50px;

-}

-/* up */

-a.up:hover {

-	background-position:-30px 0;

-}

-a.up:active {

-	background-position:-60px 0;

-}

-/* down */

-a.down {

-	background-position: 0 -30px;

-}

-a.down:hover {

-	background-position:-30px -30px;

-}

-a.down:active {

-	background-position:-60px -30px;

-}

-/* disabled navigational button */

-a.disabled {

-	visibility:hidden !important;

-}

-

-.search {

-	float: right;

-	margin-top: 5px;

-}

-button.search {

-	background:#fff url(../img/grad-grey.gif) repeat-x top;

-	border:1px solid #d9d9d9;

-	color:#404040;

-	height:38px;

-	line-height:12px;

-	font-size:108%;

-	font-weight:bold;

-	padding:8px 8px 10px;

-	margin: 0 0 0 5px;

-	text-shadow:0 1px 0 #FFFFFF;

-	border-radius:5px;

-	-moz-border-radius:5px;

-	-webkit-border-radius:5px;

-}

-.pricing-table h4 {

-	color:#FFFFFF;

-	font-size:240%;

-	margin-bottom:5px;

-}

-.pricing-table h5 {

-	color:#FFFFFF;

-	font-size:140%;

-	margin-bottom:5px;

-}

-.pricing-table .header {

-	background:url(../img/grad-blue.gif) repeat-x scroll center top #166890;

-	border:1px solid #11506F;

-	color:#FFFFFF;

-	text-align:center;

-	width:28%;

-	padding:5px;

-}

-.pricing-table .blank {

-	background:#fff;

-	border:none;

-}

-.pricing-table .feature {

-	border-left:1px solid #58bbec;

-}

-.pricing-table .feature.first {

-	border-top:1px solid #58bbec;

-}

-.pricing-table {

-	border-right:1px solid #58bbec;

-	border-bottom:1px solid #58bbec;

-	width:100%;

-	margin-bottom:20px;

-}

-.pricing-table thead th, .pricing-table thead td {

-	padding:6px 10px;

-	font-weight: 700;

-	color: #333;

-	background: #EAEBFA;

-	border-bottom: 1px solid #D9D9D9;

-	border-right:1px solid #D9D9D9;

-}

-.pricing-table thead th.last, .pricing-table thead td.last {

-	border-right:0;

-}

-.pricing-table tbody th, .pricing-table tbody td {

-	background:#EAEBFA;

-	border-right:1px dotted #D9D9D9;

-	vertical-align:middle;

-	padding:12px;

-	font-size:93%;

-	text-align:center;

-}

-.pricing-table tbody tr.alt td {

-	background:#e4e6fa;

-}

-.pricing-table tbody th.last, .pricing-table tbody td.last {

-	border-right:0 none;

-}

-.pricing-table tbody tr.last td {

-	border-bottom:0 none;

-}

-/*////   - Forms -   ////*/

-body.ie7 form, body.ie8 {

-	margin-bottom:40px;

-}

-form p {

-	margin-bottom:15px;

-}

-form label {

-	float:left;

-	width:140px;

-	margin-top:5px;

-}

-form input, form textarea {

-	padding:10px 5px;

-	background:#fff url(../img/bg-input.gif) repeat-x top;

-	border:1px solid #D9D9D9;

-	width:448px;

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-form input.small {

-	width:35px;

-}

-#message {

-	margin-bottom:20px;

-}

-.error-message {

-	background:url("../img/error.png") no-repeat 10px center #FECDC6;

-	padding:10px 35px;

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-.success-message {

-	background:url(../img/success.png) no-repeat 10px center #F1FFBF;

-	padding:10px 35px;

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-/* Buttons */

-

-button, .button {

-	cursor:pointer;

-	display:inline-block;

-	font-size:108%;

-	font-weight:700;

-	margin:0 5px 15px 0;

-	outline:none;

-	padding:10px 15px;

-	width:auto;

-	text-align:center;

-	text-decoration:none !important;

-	vertical-align:middle;

-	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;

-	color:#444444;

-	border:1px solid #c3c3c3;

-	text-shadow:0 -1px 0 #FFFFFF;

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {

-	zoom:1;

-	display:inline;

-}

-button:hover, .button:hover {

-	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;

-	text-decoration:none;

-	outline:none;

-}

-button:active, .button:active {

-	position:relative;

-	top:1px;

-	outline:none;

-	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;

-}

-/* Blue Button */

-button.blue, .button.blue {

-	background:url("../img/grad-blue.gif") repeat-x center top #166890;

-	border:1px solid #11506F;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #11506F;

-}

-button.blue:hover, .button.blue:hover {

-	background:url("../img/grad-blue-hover.gif") repeat-x center top #166890;

-}

-button.blue:active, .button.blue:active {

-	background:url("../img/grad-blue-rev.gif") repeat-x center top #166890;

-}

-/* Green Button */

-button.green, .button.green {

-	background:url("../img/grad-green.gif") repeat-x center top #518f14;

-	border:1px solid #406f11;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #406f11;

-}

-button.green:hover, .button.green:hover {

-	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;

-}

-button.green:active, .button.green:active {

-	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;

-}

-/* Red Button */

-button.red, .button.red {

-	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;

-	border:1px solid #6f1811;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #6f1811;

-}

-button.red:hover, .button.red:hover {

-	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;

-}

-button.red:active, .button.red:active {

-	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;

-}

-/* Purple Button */

-button.purple, .button.purple {

-	background:url("../img/grad-purple.gif") repeat-x center top #8f146e;

-	border:1px solid #6f1156;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #6f1156;

-}

-button.purple:hover, .button.purple:hover {

-	background:url("../img/grad-purple-hover.gif") repeat-x center top #166890;

-}

-button.purple:active, .button.blue:active {

-	background:url("../img/grad-purple-rev.gif") repeat-x center top #166890;

-}

-/* Black Button */

-button.black, .button.black {

-	background:url("../img/grad-black.gif") repeat-x center top #3b3b3b;

-	border:1px solid #3b3b3b;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #3b3b3b;

-}

-button.black:hover, .button.black:hover {

-	background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b;

-}

-button.black:active, .button.black:active {

-	background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b;

-}

-button.large, .button.large {

-	font-size:138.5%;

-	padding:10px 30px;

-}

-button.small, .button.small {

-	font-size:93%;

-	padding:4px 10px 5px;

-}

-button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {

-	background-color:#ccc !important;

-	color:#666 !important;

-	text-shadow:0 1px 0 #CCCCCC;

-	cursor:default;

-}

-body.ie7 button.disabled, body.ie8 button.disabled {

-	border-color:#a3a3a3;

-}

-button.disabled:active, .button.disabled:active {

-	position:relative;

-	top:0;

-	background-image: url('../img/grad.png');

-}

-fieldset button, .button {

-	margin:0 5px 10px 0;

-}

-button img, .button img {

-	display:inline;

-	height:16px;

-	margin-right:10px;

-	vertical-align:-3px;

-	width:16px;

-}

-/* notifications */

-.notification.success {

-	background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px;

-	border-color:#a6d50f;

-}

-.notification.success span.strong {

-	color:#283304;

-}

-.notification.error {

-	background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px;

-	border-color:#f45d43;

-}

-.notification.error span.strong {

-	color:#33130e;

-}

-.notification.warning {

-	background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px;

-	border-color:#ffbc2a;

-}

-.notification.warning span.strong {

-	color:#332508;

-}

-.notification.info {

-	background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px;

-	border-color:#589ad7;

-}

-.notification.info span.strong {

-	color:#152433;

-}

-.notification.tip {

-	background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px;

-	border-color:#dd9854;

-}

-.notification.tip span.strong {

-	color:#332313;

-}

-.notification {

-	padding:10px 10px 10px 35px;

-	border:1px solid #fff;

-	margin-bottom:10px;

-	position:relative;

-	font-size:100%;

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-.notification p {

-	margin-bottom:0;

-}

-.notification .close {

-	background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent;

-	cursor:pointer;

-	display:block;

-	height:16px;

-	position:absolute;

-	right:10px;

-	top:10px;

-	width:16px;

-}

-.notification .close:hover {

-	opacity:1;

-}

-.notification.nopic {

-	background-image:none;

-	padding:10px;

-}

-.notification span.strong {

-	margin-right:10px;

-}

-/* Bullet List */

-

-.bullet-list {

-	list-style:none;

-	margin-bottom:15px;

-	margin-left:0;

-}

-.bullet-list li {

-	background:url("../img/bullet_arrow_right.png") no-repeat left center transparent;

-	margin-bottom:5px;

-	padding:6px 6px 6px 20px;

-}

-.bullet-list li a {

-	-webkit-border-radius:3px;

-	-moz-border-radius:3px;

-	border-radius:3px;

-	color:#181818;

-	display:block;

-	margin:-6px;

-	padding:6px;

-	text-decoration:none;

-}

-.bullet-list li a:hover {

-	background-color:#E2E2E2;

-	margin:-6px -6px -6px -20px;

-	padding:6px 6px 6px 20px;

-}

-.bullet-list.grey li {

-	-webkit-border-radius:3px;

-	-moz-border-radius:3px;

-	border-radius:3px;

-	background-color:#f2f2f2;

-	width:50%;

-}

-/* Definition List */

-dl.definition {

-	margin-bottom:20px;

-}

-dl.definition dt {

-	background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center;

-	font-weight: 700;

-	margin-bottom:5px;

-	padding-left:20px;

-}

-dl.definition dd {

-	color:#666666;

-	margin-bottom:15px;

-	padding-left:20px;

-}

-/* Pagination */

-.pagination {

-	display: inline-block;

-	font-size: 77%;

-	text-decoration: none;

-}

-.pagination a, .pagination .dots {

-	background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3;

-	border:1px solid #C3C3C3;

-	display: inline-block;

-	color:#444444 !important;

-	margin-right: 2px;

-	padding: 6px 8px;

-	text-decoration:none;

-	-moz-border-radius: 3px;

-	-webkit-border-radius: 3px;

-	border-radius: 3px;

-}

-.pagination a:hover {

-	background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3;

-	color: #444444;

-}

-.pagination a.current {

-	background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3;

-	color: #444444;

-}

-.pagination a.number.current {

-	color: #444;

-}

-/* Small Pagination */

-.pagination.small a, .pagination.small .dots {

-	margin-right: 1px;

-	padding: 1px 4px;

-	-moz-border-radius: 6px;

-	-webkit-border-radius: 6px;

-	border-radius: 6px;

-}

-/* Table Styles */

-.table {

-	border:1px solid #CCCCCC;

-	width:100%;

-	margin-bottom:20px;

-}

-.table.no-border {

-	border:none

-}

-.table thead th, .table thead td {

-	padding:6px 10px;

-	font-weight: 700;

-	color: #333;

-	background: #E2E2E2;

-	border-bottom: 1px solid #cccccc;

-	border-right:1px solid #CCCCCC;

-}

-.table thead th.last, .table thead td.last {

-	border-right:0;

-}

-.table thead th.checkbox, .table thead td.checkbox {

-	width:25px;

-}

-.table tbody th, .table tbody td {

-	background:#fff;

-	border-right:1px dotted #CCCCCC;

-	vertical-align:middle;

-	padding:10px;

-	font-size:93%;

-}

-.table tbody tr.alt td {

-	background:#F2F2F2;

-}

-.table tbody th.last, .table tbody td.last {

-	border-right:0 none;

-}

-.table tbody tr.last td {

-	border-bottom:0 none;

-}

-.table tbody tr:hover th, .table tbody tr:hover td {

-	background:#d3ecf9;

-}

-/* Tispy Tooltips */

-.tipsy {

-	padding: 5px;

-	font-size: 93%;

-	opacity: 0.8;

-	filter: alpha(opacity=80);

-	background-repeat: no-repeat;

-	background-image: url(../img/tipsy.gif);

-}

-.tipsy-inner {

-	padding: 5px 8px 4px 8px;

-	background-color: black;

-	color: white;

-	max-width: 200px;

-	text-align: center;

-}

-.tipsy-inner {

-	border-radius:3px;

-	-moz-border-radius:3px;

-	-webkit-border-radius:3px;

-}

-.tipsy-north {

-	background-position: top center;

-}

-.tipsy-south {

-	background-position: bottom center;

-}

-.tipsy-east {

-	background-position: right center;

-}

-.tipsy-west {

-	background-position: left center;

-}

-/*////   - jQuery Lightbox -   ////*/

-#jquery-overlay {

-	position: absolute;

-	top: 0;

-	left: 0;

-	z-index: 1000;

-	width: 100%;

-	height: 500px;

-}

-#jquery-lightbox {

-	position: absolute;

-	top: 0;

-	left: 0;

-	width: 100%;

-	z-index: 9999;

-	text-align: center;

-	line-height: 0;

-}

-#jquery-lightbox a img {

-	border: none;

-}

-#lightbox-container-image-box {

-	position: relative;

-	background-color: #fff;

-	width: 250px;

-	height: 250px;

-	margin: 0 auto;

-}

-#lightbox-container-image {

-	padding: 10px;

-}

-#lightbox-loading {

-	position: absolute;

-	top: 40%;

-	left: 0%;

-	height: 25%;

-	width: 100%;

-	text-align: center;

-	line-height: 0;

-}

-#lightbox-nav {

-	position: absolute;

-	top: 0;

-	left: 0;

-	height: 100%;

-	width: 100%;

-	z-index: 10;

-}

-#lightbox-container-image-box > #lightbox-nav {

-	left: 0;

-}

-#lightbox-nav a {

-	outline: none;

-}

-#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

-	width: 49%;

-	height: 100%;

-	zoom: 1;

-	display: block;

-}

-#lightbox-nav-btnPrev {

-	left: 0;

-	float: left;

-}

-#lightbox-nav-btnNext {

-	right: 0;

-	float: right;

-}

-#lightbox-container-image-data-box {

-	font: 10px Verdana, Helvetica, sans-serif;

-	background-color: #fff;

-	margin: 0 auto;

-	line-height: 1.4em;

-	overflow: auto;

-	width: 100%;

-	padding: 0 10px 0;

-}

-#lightbox-container-image-data {

-	padding: 0 10px;

-	color: #666;

-}

-#lightbox-container-image-data #lightbox-image-details {

-	width: 70%;

-	float: left;

-	text-align: left;

-}

-#lightbox-image-details-caption {

-	font-weight: bold;

-}

-#lightbox-image-details-currentNumber {

-	display: block;

-	clear: left;

-	padding-bottom: 1.0em;

-}

-#lightbox-secNav-btnClose {

-	width: 66px;

-	float: right;

-	padding-bottom: 0.7em;

-}

+a:hover {
+	text-decoration:none;
+}
+h1 {
+	font-weight:bold;
+	font-size:220%;
+	float:left;
+	margin-top:5px;
+}
+h2 {
+	font-size:200%;
+	margin-bottom:10px;
+	letter-spacing:-1px;
+}
+h2.ribbon {
+	padding:15px 30px;
+	position:relative;
+	left:-55px;
+	float:left;
+	margin-bottom:20px;
+	border-radius:3px 3px 3px 0px;
+	-moz-border-radius:3px 3px 3px 0px;
+	-webkit-border-radius:3px 3px 3px 0px;
+}
+.triangle-ribbon {
+	border-style:solid;
+	border-width:13px;
+	height:0;
+	position:relative;
+	width:0;
+	float:left;
+	clear:left;
+	left:-67px;
+	top:-33px;
+	z-index:-1;
+}
+h2.full {
+	width:890px;
+}
+h2 span {
+	position:absolute;
+	right:25px;
+	font-size:80%;
+	margin:3px 0 0;
+}
+h3 {
+	font-size:180%;
+	font-weight: bold;
+	margin-bottom:15px;
+}
+aside h3 {
+	font-size:138.5%;
+	font-weight:bold;
+	margin-bottom:15px;
+	color:#333333;
+	padding-bottom:10px;
+	border-bottom:1px solid #D9D9D9;
+}
+h4 {
+	font-size:128%;
+	font-weight: bold;
+	margin-bottom:20px;
+	color:#333333;
+}
+h5 {
+	font-size:100%;
+}
+h5.inline {
+	float:left;
+	margin-right:10px;
+}
+h6 {
+	font-size:93%;
+}
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
+	margin-right:5px;
+	vertical-align:-2px;
+}
+/*////   - Misc -   ////*/
+.fl {
+	float:left;
+}
+img.fl {
+	margin:0 25px 25px 0;
+}
+.fr {
+	float:right;
+}
+img.fr {
+	margin:0 0 25px 25px;
+}
+.fn {
+	float:none!important;
+}
+.cl {
+	background: none;
+	border: 0;
+	clear: both;
+	display: block;
+	float: none;
+	font-size: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+.tl {
+	text-align:left;
+}
+.tr {
+	text-align:right;
+}
+.tc {
+	text-align:center;
+}
+.hd {
+	display: none;
+}
+.strong {
+	font-weight: 700!important;
+}
+.no-margin {
+	margin:0!important;
+}
+.no-padding {
+	padding:0!important;
+}
+.margin-left {
+	margin-left:20px;
+}
+.margin-right {
+	margin-right:20px;
+}
+.margin-top {
+	margin-top:20px;
+}
+.margin-bottom {
+	margin-bottom:20px;
+}
+.border-top {
+	border-top:1px solid #D9D9D9;
+	padding-top:10px;
+	margin-top:20px;
+}
+.border-left {
+	border-left:1px solid #D9D9D9;
+	padding-left:10px;
+	margin-left:20px;
+}
+.border-bottom {
+	border-bottom:1px solid #D9D9D9;
+	padding-bottom:10px;
+	margin-bottom:20px;
+}
+.border-right {
+	border-top:1px solid #D9D9D9;
+	padding-top:10px;
+	margin-top:20px;
+}
+.txt-smaller {
+	font-size:85%
+}
+.txt-small {
+	font-size:93%
+}
+.txt-light {
+	color:#4d4d4d;
+}
+.txt-lighter {
+	color:#666;
+}
+
+nav {
+	float: left;
+}
+#nav {
+	line-height: 100%;
+	margin: 0 auto;
+	padding: 10px;
+	width: 100%;
+}
+#nav li {
+	display: inline-block;
+	list-style: none;
+	z-index: 100;
+	margin-left: 15px;
+}
+/* main level link */
+#nav a {
+	font-weight: bold;
+	text-decoration: none;
+	display: block;
+	padding:  8px 12px;
+	font-size:113%;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+}
+#nav a:hover {
+	background: #000;
+	color: #000;
+}
+/* main level link hover */
+#nav .current a, #nav li:hover > a {
+	background: #e5e5e5;
+	color: #444;
+	border-top: solid 1px #cccccc;
+	border-left: solid 1px #cccccc;
+	border-right:1px solid #e0e0e0;
+	border-bottom:1px solid #e0e0e0;
+	padding:7px 11px 8px;
+	text-shadow:0 1px 0 #FFFFFF;
+}
+/* rounded corners of first and last link */
+#nav ul li:first-child > a {
+	-webkit-border-top-left-radius: 3px;
+	-moz-border-radius-topleft: 3px;
+	-webkit-border-top-right-radius: 3px;
+	-moz-border-radius-topright: 3px;
+}
+#nav ul li:last-child > a {
+	-webkit-border-bottom-left-radius: 3px;
+	-moz-border-radius-bottomleft: 3px;
+	-webkit-border-bottom-right-radius: 3px;
+	-moz-border-radius-bottomright: 3px;
+}
+
+header {
+	width: 980px;
+	margin: 25px auto 20px;
+}
+footer {
+	padding: 10px 0;
+	width: 980px;
+	margin: 25px auto 20px;
+}
+#page {
+	background: #fff;
+	color: #191919;
+	border: 1px solid #d9d9d9;
+	padding: 40px;
+	position: relative;
+	width: 898px;
+	margin: 0 auto;
+	z-index: 1;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+#page-content.two-col {
+	float:left;
+	padding-right:35px;
+	width:600px;
+	display:inline;
+}
+.breadcrumbs {
+	margin:0 0 20px;
+	list-style:none;	
+	padding:10px 15px;
+	background:#f2f2f2;
+	border:1px solid #D9D9D9;
+	font-size:93%;
+	color:#333333;
+	
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.breadcrumbs li {
+	display:inline;	
+}
+aside {
+	float:left;
+	width:260px;
+	color:#333333;
+	display:inline;
+}
+section {
+	margin-bottom:20px;
+	padding-bottom:20px;
+	border-bottom:1px solid #d9d9d9;
+}
+.inlinepic {
+	background:#fafafa;
+	border:1px solid #ccc;
+	padding:5px;
+	box-shadow:0 0 5px #D9D9D9;
+	-moz-box-shadow:0 0 5px #D9D9D9;
+	-webkit-box-shadow:0 0 5px #D9D9D9;
+}
+blockquote {
+	background:url("../img/quote.gif") no-repeat 0 5px;
+	color:#444444;
+	line-height:1.6;
+	padding:5px 20px 10px 45px;
+	margin-bottom:20px;
+}
+blockquote cite {
+	color:#666666;
+	font-size:12px;
+	font-style:italic;
+}
+/*//   About Page   //*/
+#teamlist {
+	margin:0;
+	list-style:none;
+}
+#teamlist li {
+	margin-bottom:20px;
+	padding-bottom:10px;
+	border-bottom:1px solid #D9D9D9;
+}
+#teamlist li.last {
+	border-bottom:0;
+	margin-bottom:0;
+	padding-bottom:0;
+}
+/*//   Services Page   //*/
+
+.services-list {
+	margin:0;
+	list-style:none;
+}
+.services-list li {
+	float:left;
+	width:270px;
+	margin-right:30px;
+	margin-bottom:20px;
+	font-size:93%;
+}
+.services-list li p {
+	margin-bottom:5px;
+}
+.services-list li a {
+	float:right;
+}
+.services-list li img {
+	float:left;
+	margin:5px 20px 30px 0;
+}
+.services-list li.last {
+	margin-right:0;
+}
+.process {
+	height:31px;
+	width:31px;
+	background: url(../img/process.gif);
+	color:#fff;
+	display:block;
+	font-size:138%;
+	font-weight:bold;
+	line-height:28px;
+	text-align:center;
+	margin:5px 20px 30px 0;
+	float:left;
+}
+/*//   Portfolio Page   //*/
+.portfolio-small {
+	list-style:none outside none;
+	margin:0 -35px 0;
+}
+.portfolio-small li a {
+	display:block;
+}
+.portfolio-small li {
+	float:left;
+	margin-bottom:20px;
+	margin-left:35px;
+	width:275px;
+}
+.portfolio-small li img {
+	margin-bottom:10px;
+}
+.portfolio-small li h4 {
+	margin-bottom:10px;
+}
+.portfolio-small li p {
+	margin-bottom:10px;
+}
+.portfolio-list {
+	list-style:none outside none;
+	margin:0;
+}
+.portfolio-list li {
+	margin-bottom:20px;
+	padding-bottom:20px;
+}
+.portfolio-list li img {
+	float:left;
+}
+.portfolio-list li.last {
+	padding-bottom:0;
+}
+.portfolio-list li div {
+	margin-left: 390px;
+}
+.portfolio-list li p {
+	margin-bottom:15px;
+}
+
+p {
+	line-height:1.6;
+	margin-bottom:20px;
+}
+.list {
+	margin-bottom:15px;
+}
+.list li {
+	margin-bottom:5px;
+	padding:0;
+}
+.list ul {
+	margin-bottom:15px;
+}
+dl.definition {
+	margin-bottom:20px;
+}
+dl.definition dt {
+	font-weight:bold;
+	margin-bottom:5px;
+	padding-left:20px;
+}
+dl.definition dd {
+	color:#666666;
+	margin-bottom:15px;
+	padding-left:20px;
+}
+.tags {
+	margin:0 0 15px;
+	list-style:none;
+}
+.tags li {
+	display:inline;
+	background:#D9D9D9;
+	margin-right:10px;
+	font-size:85%;
+	padding:3px 6px;
+	border-radius:20px;
+	-moz-border-radius:20px;
+	-webkit-border-radius:20px;
+}
+.social {
+	margin:0 0 15px;
+	list-style:none;
+}
+.social li {
+	display:inline;
+	margin-right:10px;
+}
+#feature {
+	margin-bottom:20px;
+}
+.feature-img {
+	float:left;
+	margin-top:10px;
+}
+.feature-text {
+	margin-left:545px;
+}
+h2#tagline {
+	font-size:240%;
+}
+h3#tagline-mini {
+	font-weight:normal;
+	font-size:100%;
+	color:#4d4d4d;
+	line-height:1.6;
+	margin-bottom:25px;
+}
+.feature-screenshots {
+	margin:0;
+	list-style:none;
+}
+.feature-screenshots li {
+	float:left;
+	margin:	0 20px 10px 0;
+}
+
+
+/* Homepage */
+.feature img {
+	float:left;
+}
+.feature p {
+	margin-left:70px;
+}
+.scrollable {
+	height:110px;
+	overflow:hidden;
+	position:relative;
+	width:100%;
+}
+.scrollable .items {
+	clear:both;
+	position:absolute;
+	width:20000em;
+}
+.items div {
+	float:left;
+	width:740pxpx;
+}
+.scrollable img {
+	-moz-border-radius:4px 4px 4px 4px;
+	background-color:#FFFFFF;
+	border:1px solid #CCCCCC;
+	float:left;
+	height:100px;
+	margin:0 4px 0 35px;
+	padding:2px;
+	width:100px;
+}
+.scrollable .active {
+	border:2px solid #000000;
+	cursor:default;
+	position:relative;
+}
+/* this makes it possible to add next button beside scrollable */
+.scrollable {
+	float:left;
+}
+/* prev, next, prevPage and nextPage buttons */
+a.browse {
+	background:url(../img/scrollable.png) no-repeat;
+	display:block;
+	width:30px;
+	height:30px;
+	margin:40px 10px;
+	cursor:pointer;
+	font-size:1px;
+	position:absolute;
+}
+/* right */
+a.right {
+	background-position: 0 -30px;
+	clear:right;
+	margin-right: 0px;
+	right:25px;
+}
+a.right:hover {
+	background-position:-30px -30px;
+}
+a.right:active {
+	background-position:-60px -30px;
+}
+/* left */
+a.left {
+	margin-left: 0px;
+	left:25px;
+}
+a.left:hover {
+	background-position:-30px 0;
+}
+a.left:active {
+	background-position:-60px 0;
+}
+/* up and down */
+a.up, a.down {
+	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
+	float: none;
+	margin: 10px 50px;
+}
+/* up */
+a.up:hover {
+	background-position:-30px 0;
+}
+a.up:active {
+	background-position:-60px 0;
+}
+/* down */
+a.down {
+	background-position: 0 -30px;
+}
+a.down:hover {
+	background-position:-30px -30px;
+}
+a.down:active {
+	background-position:-60px -30px;
+}
+/* disabled navigational button */
+a.disabled {
+	visibility:hidden !important;
+}
+
+.search {
+	float: right;
+	margin-top: 5px;
+}
+button.search {
+	background:#fff url(../img/grad-grey.gif) repeat-x top;
+	border:1px solid #d9d9d9;
+	color:#404040;
+	height:38px;
+	line-height:12px;
+	font-size:108%;
+	font-weight:bold;
+	padding:8px 8px 10px;
+	margin: 0 0 0 5px;
+	text-shadow:0 1px 0 #FFFFFF;
+	border-radius:5px;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+}
+.pricing-table h4 {
+	color:#FFFFFF;
+	font-size:240%;
+	margin-bottom:5px;
+}
+.pricing-table h5 {
+	color:#FFFFFF;
+	font-size:140%;
+	margin-bottom:5px;
+}
+.pricing-table .header {
+	background:url(../img/grad-blue.gif) repeat-x scroll center top #166890;
+	border:1px solid #11506F;
+	color:#FFFFFF;
+	text-align:center;
+	width:28%;
+	padding:5px;
+}
+.pricing-table .blank {
+	background:#fff;
+	border:none;
+}
+.pricing-table .feature {
+	border-left:1px solid #58bbec;
+}
+.pricing-table .feature.first {
+	border-top:1px solid #58bbec;
+}
+.pricing-table {
+	border-right:1px solid #58bbec;
+	border-bottom:1px solid #58bbec;
+	width:100%;
+	margin-bottom:20px;
+}
+.pricing-table thead th, .pricing-table thead td {
+	padding:6px 10px;
+	font-weight: 700;
+	color: #333;
+	background: #EAEBFA;
+	border-bottom: 1px solid #D9D9D9;
+	border-right:1px solid #D9D9D9;
+}
+.pricing-table thead th.last, .pricing-table thead td.last {
+	border-right:0;
+}
+.pricing-table tbody th, .pricing-table tbody td {
+	background:#EAEBFA;
+	border-right:1px dotted #D9D9D9;
+	vertical-align:middle;
+	padding:12px;
+	font-size:93%;
+	text-align:center;
+}
+.pricing-table tbody tr.alt td {
+	background:#e4e6fa;
+}
+.pricing-table tbody th.last, .pricing-table tbody td.last {
+	border-right:0 none;
+}
+.pricing-table tbody tr.last td {
+	border-bottom:0 none;
+}
+/*////   - Forms -   ////*/
+body.ie7 form, body.ie8 {
+	margin-bottom:40px;
+}
+form p {
+	margin-bottom:15px;
+}
+form label {
+	float:left;
+	width:140px;
+	margin-top:5px;
+}
+form input, form textarea {
+	padding:10px 5px;
+	background:#fff url(../img/bg-input.gif) repeat-x top;
+	border:1px solid #D9D9D9;
+	width:448px;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+form input.small {
+	width:35px;
+}
+#message {
+	margin-bottom:20px;
+}
+.error-message {
+	background:url("../img/error.png") no-repeat 10px center #FECDC6;
+	padding:10px 35px;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.success-message {
+	background:url(../img/success.png) no-repeat 10px center #F1FFBF;
+	padding:10px 35px;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+/* Buttons */
+
+button, .button {
+	cursor:pointer;
+	display:inline-block;
+	font-size:108%;
+	font-weight:700;
+	margin:0 5px 15px 0;
+	outline:none;
+	padding:10px 15px;
+	width:auto;
+	text-align:center;
+	text-decoration:none !important;
+	vertical-align:middle;
+	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;
+	color:#444444;
+	border:1px solid #c3c3c3;
+	text-shadow:0 -1px 0 #FFFFFF;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {
+	zoom:1;
+	display:inline;
+}
+button:hover, .button:hover {
+	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;
+	text-decoration:none;
+	outline:none;
+}
+button:active, .button:active {
+	position:relative;
+	top:1px;
+	outline:none;
+	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;
+}
+/* Blue Button */
+button.blue, .button.blue {
+	background:url("../img/grad-blue.gif") repeat-x center top #166890;
+	border:1px solid #11506F;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #11506F;
+}
+button.blue:hover, .button.blue:hover {
+	background:url("../img/grad-blue-hover.gif") repeat-x center top #166890;
+}
+button.blue:active, .button.blue:active {
+	background:url("../img/grad-blue-rev.gif") repeat-x center top #166890;
+}
+/* Green Button */
+button.green, .button.green {
+	background:url("../img/grad-green.gif") repeat-x center top #518f14;
+	border:1px solid #406f11;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #406f11;
+}
+button.green:hover, .button.green:hover {
+	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;
+}
+button.green:active, .button.green:active {
+	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;
+}
+/* Red Button */
+button.red, .button.red {
+	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;
+	border:1px solid #6f1811;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1811;
+}
+button.red:hover, .button.red:hover {
+	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;
+}
+button.red:active, .button.red:active {
+	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;
+}
+/* Purple Button */
+button.purple, .button.purple {
+	background:url("../img/grad-purple.gif") repeat-x center top #8f146e;
+	border:1px solid #6f1156;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1156;
+}
+button.purple:hover, .button.purple:hover {
+	background:url("../img/grad-purple-hover.gif") repeat-x center top #166890;
+}
+button.purple:active, .button.blue:active {
+	background:url("../img/grad-purple-rev.gif") repeat-x center top #166890;
+}
+/* Black Button */
+button.black, .button.black {
+	background:url("../img/grad-black.gif") repeat-x center top #3b3b3b;
+	border:1px solid #3b3b3b;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #3b3b3b;
+}
+button.black:hover, .button.black:hover {
+	background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b;
+}
+button.black:active, .button.black:active {
+	background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b;
+}
+button.large, .button.large {
+	font-size:138.5%;
+	padding:10px 30px;
+}
+button.small, .button.small {
+	font-size:93%;
+	padding:4px 10px 5px;
+}
+button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {
+	background-color:#ccc !important;
+	color:#666 !important;
+	text-shadow:0 1px 0 #CCCCCC;
+	cursor:default;
+}
+body.ie7 button.disabled, body.ie8 button.disabled {
+	border-color:#a3a3a3;
+}
+button.disabled:active, .button.disabled:active {
+	position:relative;
+	top:0;
+	background-image: url('../img/grad.png');
+}
+fieldset button, .button {
+	margin:0 5px 10px 0;
+}
+button img, .button img {
+	display:inline;
+	height:16px;
+	margin-right:10px;
+	vertical-align:-3px;
+	width:16px;
+}
+/* notifications */
+.notification.success {
+	background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px;
+	border-color:#a6d50f;
+}
+.notification.success span.strong {
+	color:#283304;
+}
+.notification.error {
+	background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px;
+	border-color:#f45d43;
+}
+.notification.error span.strong {
+	color:#33130e;
+}
+.notification.warning {
+	background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px;
+	border-color:#ffbc2a;
+}
+.notification.warning span.strong {
+	color:#332508;
+}
+.notification.info {
+	background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px;
+	border-color:#589ad7;
+}
+.notification.info span.strong {
+	color:#152433;
+}
+.notification.tip {
+	background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px;
+	border-color:#dd9854;
+}
+.notification.tip span.strong {
+	color:#332313;
+}
+.notification {
+	padding:10px 10px 10px 35px;
+	border:1px solid #fff;
+	margin-bottom:10px;
+	position:relative;
+	font-size:100%;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.notification p {
+	margin-bottom:0;
+}
+.notification .close {
+	background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent;
+	cursor:pointer;
+	display:block;
+	height:16px;
+	position:absolute;
+	right:10px;
+	top:10px;
+	width:16px;
+}
+.notification .close:hover {
+	opacity:1;
+}
+.notification.nopic {
+	background-image:none;
+	padding:10px;
+}
+.notification span.strong {
+	margin-right:10px;
+}
+/* Bullet List */
+
+.bullet-list {
+	list-style:none;
+	margin-bottom:15px;
+	margin-left:0;
+}
+.bullet-list li {
+	background:url("../img/bullet_arrow_right.png") no-repeat left center transparent;
+	margin-bottom:5px;
+	padding:6px 6px 6px 20px;
+}
+.bullet-list li a {
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	border-radius:3px;
+	color:#181818;
+	display:block;
+	margin:-6px;
+	padding:6px;
+	text-decoration:none;
+}
+.bullet-list li a:hover {
+	background-color:#E2E2E2;
+	margin:-6px -6px -6px -20px;
+	padding:6px 6px 6px 20px;
+}
+.bullet-list.grey li {
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	border-radius:3px;
+	background-color:#f2f2f2;
+	width:50%;
+}
+/* Definition List */
+dl.definition {
+	margin-bottom:20px;
+}
+dl.definition dt {
+	background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center;
+	font-weight: 700;
+	margin-bottom:5px;
+	padding-left:20px;
+}
+dl.definition dd {
+	color:#666666;
+	margin-bottom:15px;
+	padding-left:20px;
+}
+/* Pagination */
+.pagination {
+	display: inline-block;
+	font-size: 77%;
+	text-decoration: none;
+}
+.pagination a, .pagination .dots {
+	background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3;
+	border:1px solid #C3C3C3;
+	display: inline-block;
+	color:#444444 !important;
+	margin-right: 2px;
+	padding: 6px 8px;
+	text-decoration:none;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+.pagination a:hover {
+	background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3;
+	color: #444444;
+}
+.pagination a.current {
+	background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3;
+	color: #444444;
+}
+.pagination a.number.current {
+	color: #444;
+}
+/* Small Pagination */
+.pagination.small a, .pagination.small .dots {
+	margin-right: 1px;
+	padding: 1px 4px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+	border-radius: 6px;
+}
+/* Table Styles */
+.table {
+	border:1px solid #CCCCCC;
+	width:100%;
+	margin-bottom:20px;
+}
+.table.no-border {
+	border:none
+}
+.table thead th, .table thead td {
+	padding:6px 10px;
+	font-weight: 700;
+	color: #333;
+	background: #E2E2E2;
+	border-bottom: 1px solid #cccccc;
+	border-right:1px solid #CCCCCC;
+}
+.table thead th.last, .table thead td.last {
+	border-right:0;
+}
+.table thead th.checkbox, .table thead td.checkbox {
+	width:25px;
+}
+.table tbody th, .table tbody td {
+	background:#fff;
+	border-right:1px dotted #CCCCCC;
+	vertical-align:middle;
+	padding:10px;
+	font-size:93%;
+}
+.table tbody tr.alt td {
+	background:#F2F2F2;
+}
+.table tbody th.last, .table tbody td.last {
+	border-right:0 none;
+}
+.table tbody tr.last td {
+	border-bottom:0 none;
+}
+.table tbody tr:hover th, .table tbody tr:hover td {
+	background:#d3ecf9;
+}
+/* Tispy Tooltips */
+.tipsy {
+	padding: 5px;
+	font-size: 93%;
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+	background-repeat: no-repeat;
+	background-image: url(../img/tipsy.gif);
+}
+.tipsy-inner {
+	padding: 5px 8px 4px 8px;
+	background-color: black;
+	color: white;
+	max-width: 200px;
+	text-align: center;
+}
+.tipsy-inner {
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.tipsy-north {
+	background-position: top center;
+}
+.tipsy-south {
+	background-position: bottom center;
+}
+.tipsy-east {
+	background-position: right center;
+}
+.tipsy-west {
+	background-position: left center;
+}
+/*////   - jQuery Lightbox -   ////*/
+#jquery-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+	width: 100%;
+	height: 500px;
+}
+#jquery-lightbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 9999;
+	text-align: center;
+	line-height: 0;
+}
+#jquery-lightbox a img {
+	border: none;
+}
+#lightbox-container-image-box {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#lightbox-container-image {
+	padding: 10px;
+}
+#lightbox-loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox-nav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav {
+	left: 0;
+}
+#lightbox-nav a {
+	outline: none;
+}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+	width: 49%;
+	height: 100%;
+	zoom: 1;
+	display: block;
+}
+#lightbox-nav-btnPrev {
+	left: 0;
+	float: left;
+}
+#lightbox-nav-btnNext {
+	right: 0;
+	float: right;
+}
+#lightbox-container-image-data-box {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%;
+	padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+	padding: 0 10px;
+	color: #666;
+}
+#lightbox-container-image-data #lightbox-image-details {
+	width: 70%;
+	float: left;
+	text-align: left;
+}
+#lightbox-image-details-caption {
+	font-weight: bold;
+}
+#lightbox-image-details-currentNumber {
+	display: block;
+	clear: left;
+	padding-bottom: 1.0em;
+}
+#lightbox-secNav-btnClose {
+	width: 66px;
+	float: right;
+	padding-bottom: 0.7em;
+}
diff --git a/webroot/css/grid.css b/webroot/css/grid.css
index e1f8e24..6b03e87 100644
--- a/webroot/css/grid.css
+++ b/webroot/css/grid.css
@@ -1,484 +1,484 @@
-/*

-	960 Grid System ~ Core CSS.

-	Learn more ~ http://960.gs/

-

-	Licensed under GPL and MIT.

-*/

-

-/* =Containers

---------------------------------------------------------------------------------*/

-

-/* =Grid >> Global

---------------------------------------------------------------------------------*/

-

-.grid_1,

-.grid_2,

-.grid_3,

-.grid_4,

-.grid_5,

-.grid_6,

-.grid_7,

-.grid_8,

-.grid_9,

-.grid_10,

-.grid_11,

-.grid_12,

-.grid_13,

-.grid_14,

-.grid_15,

-.grid_16

-{

-	display: inline;

-	float: left;

-	margin-left: 1%;

-	margin-right: 1%;

-}

-

-.container_12 .grid_3,

-.container_16 .grid_4

-{

-	width: 23%;

-}

-

-.container_12 .grid_6,

-.container_16 .grid_8

-{

-	width: 48%;

-}

-

-.container_12 .grid_9,

-.container_16 .grid_12

-{

-	width: 73%;

-}

-

-.container_12 .grid_12,

-.container_16 .grid_16

-{

-	width: 98%;

-}

-

-/* =Grid >> Children (Alpha ~ First, Omega ~ Last)

---------------------------------------------------------------------------------*/

-

-.alpha

-{

-	margin-left: 0;

-}

-

-.omega

-{

-	margin-right: 0;

-}

-

-/* =Grid >> 12 Columns

---------------------------------------------------------------------------------*/

-

-.container_12 .grid_1

-{

-	width: 6.333%;

-}

-

-.container_12 .grid_2

-{

-	width: 14.666%;

-}

-

-.container_12 .grid_4

-{

-	width: 31.333%;

-}

-

-.container_12 .grid_5

-{

-	width: 39.666%;

-}

-

-.container_12 .grid_7

-{

-	width: 56.333%;

-}

-

-.container_12 .grid_8

-{

-	width: 64.666%;

-}

-

-.container_12 .grid_10

-{

-	width: 81.333%;

-}

-

-.container_12 .grid_11

-{

-	width: 89.666%;

-}

-

-/* =Grid >> 16 Columns

---------------------------------------------------------------------------------*/

-

-.container_16 .grid_1

-{

-	width: 4.25%;

-}

-

-.container_16 .grid_2

-{

-	width: 10.5%;

-}

-

-.container_16 .grid_3

-{

-	width: 16.75%;

-}

-

-.container_16 .grid_5

-{

-	width: 29.25%;

-}

-

-.container_16 .grid_6

-{

-	width: 35.5%;

-}

-

-.container_16 .grid_7

-{

-	width: 41.75%;

-}

-

-.container_16 .grid_9

-{

-	width: 54.25%;

-}

-

-.container_16 .grid_10

-{

-	width: 60.5%;

-}

-

-.container_16 .grid_11

-{

-	width: 66.75%;

-}

-

-.container_16 .grid_13

-{

-	width: 79.25%;

-}

-

-.container_16 .grid_14

-{

-	width: 85.5%;

-}

-

-.container_16 .grid_15

-{

-	width: 91.75%;

-}

-

-/* =Prefix Extra Space >> Global

---------------------------------------------------------------------------------*/

-

-.container_12 .prefix_3,

-.container_16 .prefix_4

-{

-	padding-left: 25%;

-}

-

-.container_12 .prefix_6,

-.container_16 .prefix_8

-{

-	padding-left: 50%;

-}

-

-.container_12 .prefix_9,

-.container_16 .prefix_12

-{

-	padding-left: 75%;

-}

-

-/* =Prefix Extra Space >> 12 Columns

---------------------------------------------------------------------------------*/

-

-.container_12 .prefix_1

-{

-	padding-left: 8.333%;

-}

-

-.container_12 .prefix_2

-{

-	padding-left: 16.666%;

-}

-

-.container_12 .prefix_4

-{

-	padding-left: 33.333%;

-}

-

-.container_12 .prefix_5

-{

-	padding-left: 41.666%;

-}

-

-.container_12 .prefix_7

-{

-	padding-left: 58.333%;

-}

-

-.container_12 .prefix_8

-{

-	padding-left: 66.666%;

-}

-

-.container_12 .prefix_10

-{

-	padding-left: 83.333%;

-}

-

-.container_12 .prefix_11

-{

-	padding-left: 91.666%;

-}

-

-/* =Prefix Extra Space >> 16 Columns

---------------------------------------------------------------------------------*/

-

-.container_16 .prefix_1

-{

-	padding-left: 6.25%;

-}

-

-.container_16 .prefix_2

-{

-	padding-left: 12.5%;

-}

-

-.container_16 .prefix_3

-{

-	padding-left: 18.75%;

-}

-

-.container_16 .prefix_5

-{

-	padding-left: 31.25%;

-}

-

-.container_16 .prefix_6

-{

-	padding-left: 37.5%;

-}

-

-.container_16 .prefix_7

-{

-	padding-left: 43.75%;

-}

-

-.container_16 .prefix_9

-{

-	padding-left: 56.25%;

-}

-

-.container_16 .prefix_10

-{

-	padding-left: 62.5%;

-}

-

-.container_16 .prefix_11

-{

-	padding-left: 68.75%;

-}

-

-.container_16 .prefix_13

-{

-	padding-left: 81.25%;

-}

-

-.container_16 .prefix_14

-{

-	padding-left: 87.5%;

-}

-

-.container_16 .prefix_15

-{

-	padding-left: 93.75%;

-}

-

-/* =Suffix Extra Space >> Global

---------------------------------------------------------------------------------*/

-

-.container_12 .suffix_3,

-.container_16 .suffix_4

-{

-	padding-right: 25%;

-}

-

-.container_12 .suffix_6,

-.container_16 .suffix_8

-{

-	padding-right: 50%;

-}

-

-.container_12 .suffix_9,

-.container_16 .suffix_12

-{

-	padding-right: 75%;

-}

-

-/* =Suffix Extra Space >> 12 Columns

---------------------------------------------------------------------------------*/

-

-.container_12 .suffix_1

-{

-	padding-right: 8.333%;

-}

-

-.container_12 .suffix_2

-{

-	padding-right: 16.666%;

-}

-

-.container_12 .suffix_4

-{

-	padding-right: 33.333%;

-}

-

-.container_12 .suffix_5

-{

-	padding-right: 41.666%;

-}

-

-.container_12 .suffix_7

-{

-	padding-right: 58.333%;

-}

-

-.container_12 .suffix_8

-{

-	padding-right: 66.666%;

-}

-

-.container_12 .suffix_10

-{

-	padding-right: 83.333%;

-}

-

-.container_12 .suffix_11

-{

-	padding-right: 91.666%;

-}

-

-/* =Suffix Extra Space >> 16 Columns

---------------------------------------------------------------------------------*/

-

-.container_16 .suffix_1

-{

-	padding-right: 6.25%;

-}

-

-.container_16 .suffix_2

-{

-	padding-right: 16.5%;

-}

-

-.container_16 .suffix_3

-{

-	padding-right: 18.75%;

-}

-

-.container_16 .suffix_5

-{

-	padding-right: 31.25%;

-}

-

-.container_16 .suffix_6

-{

-	padding-right: 37.5%;

-}

-

-.container_16 .suffix_7

-{

-	padding-right: 43.75%;

-}

-

-.container_16 .suffix_9

-{

-	padding-right: 56.25%;

-}

-

-.container_16 .suffix_10

-{

-	padding-right: 62.5%;

-}

-

-.container_16 .suffix_11

-{

-	padding-right: 68.75%;

-}

-

-.container_16 .suffix_13

-{

-	padding-right: 81.25%;

-}

-

-.container_16 .suffix_14

-{

-	padding-right: 87.5%;

-}

-

-.container_16 .suffix_15

-{

-	padding-right: 93.75%;

-}

-

-/* =Clear Floated Elements

---------------------------------------------------------------------------------*/

-

-/* http://sonspring.com/journal/clearing-floats */

-

-html body * span.cl,

-html body * div.cl,

-html body * li.cl,

-html body * dd.cl,

-.cl

-{

-	background: none;

-	border: 0;

-	clear: both;

-	display: block;

-	float: none;

-	font-size: 0;

-	list-style: none;

-	margin: 0;

-	padding: 0;

-	overflow: hidden;

-	visibility: hidden;

-	width: 0;

-	height: 0;

-}

-

-/* http://www.positioniseverything.net/easyclearing.html */

-

-.cl:after

-{

-	clear: both;

-	content: '.';

-	display: block;

-	visibility: hidden;

-	height: 0;

-}

-

-.cl

-{

-	display: inline-block;

-}

-

-* html .cl

-{

-	height: 1%;

-}

-

-.cl

-{

-	display: block;

+/*
+	960 Grid System ~ Core CSS.
+	Learn more ~ http://960.gs/
+
+	Licensed under GPL and MIT.
+*/
+
+/* =Containers
+--------------------------------------------------------------------------------*/
+
+/* =Grid >> Global
+--------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16
+{
+	display: inline;
+	float: left;
+	margin-left: 1%;
+	margin-right: 1%;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4
+{
+	width: 23%;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8
+{
+	width: 48%;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12
+{
+	width: 73%;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16
+{
+	width: 98%;
+}
+
+/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
+--------------------------------------------------------------------------------*/
+
+.alpha
+{
+	margin-left: 0;
+}
+
+.omega
+{
+	margin-right: 0;
+}
+
+/* =Grid >> 12 Columns
+--------------------------------------------------------------------------------*/
+
+.container_12 .grid_1
+{
+	width: 6.333%;
+}
+
+.container_12 .grid_2
+{
+	width: 14.666%;
+}
+
+.container_12 .grid_4
+{
+	width: 31.333%;
+}
+
+.container_12 .grid_5
+{
+	width: 39.666%;
+}
+
+.container_12 .grid_7
+{
+	width: 56.333%;
+}
+
+.container_12 .grid_8
+{
+	width: 64.666%;
+}
+
+.container_12 .grid_10
+{
+	width: 81.333%;
+}
+
+.container_12 .grid_11
+{
+	width: 89.666%;
+}
+
+/* =Grid >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+.container_16 .grid_1
+{
+	width: 4.25%;
+}
+
+.container_16 .grid_2
+{
+	width: 10.5%;
+}
+
+.container_16 .grid_3
+{
+	width: 16.75%;
+}
+
+.container_16 .grid_5
+{
+	width: 29.25%;
+}
+
+.container_16 .grid_6
+{
+	width: 35.5%;
+}
+
+.container_16 .grid_7
+{
+	width: 41.75%;
+}
+
+.container_16 .grid_9
+{
+	width: 54.25%;
+}
+
+.container_16 .grid_10
+{
+	width: 60.5%;
+}
+
+.container_16 .grid_11
+{
+	width: 66.75%;
+}
+
+.container_16 .grid_13
+{
+	width: 79.25%;
+}
+
+.container_16 .grid_14
+{
+	width: 85.5%;
+}
+
+.container_16 .grid_15
+{
+	width: 91.75%;
+}
+
+/* =Prefix Extra Space >> Global
+--------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4
+{
+	padding-left: 25%;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8
+{
+	padding-left: 50%;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12
+{
+	padding-left: 75%;
+}
+
+/* =Prefix Extra Space >> 12 Columns
+--------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1
+{
+	padding-left: 8.333%;
+}
+
+.container_12 .prefix_2
+{
+	padding-left: 16.666%;
+}
+
+.container_12 .prefix_4
+{
+	padding-left: 33.333%;
+}
+
+.container_12 .prefix_5
+{
+	padding-left: 41.666%;
+}
+
+.container_12 .prefix_7
+{
+	padding-left: 58.333%;
+}
+
+.container_12 .prefix_8
+{
+	padding-left: 66.666%;
+}
+
+.container_12 .prefix_10
+{
+	padding-left: 83.333%;
+}
+
+.container_12 .prefix_11
+{
+	padding-left: 91.666%;
+}
+
+/* =Prefix Extra Space >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1
+{
+	padding-left: 6.25%;
+}
+
+.container_16 .prefix_2
+{
+	padding-left: 12.5%;
+}
+
+.container_16 .prefix_3
+{
+	padding-left: 18.75%;
+}
+
+.container_16 .prefix_5
+{
+	padding-left: 31.25%;
+}
+
+.container_16 .prefix_6
+{
+	padding-left: 37.5%;
+}
+
+.container_16 .prefix_7
+{
+	padding-left: 43.75%;
+}
+
+.container_16 .prefix_9
+{
+	padding-left: 56.25%;
+}
+
+.container_16 .prefix_10
+{
+	padding-left: 62.5%;
+}
+
+.container_16 .prefix_11
+{
+	padding-left: 68.75%;
+}
+
+.container_16 .prefix_13
+{
+	padding-left: 81.25%;
+}
+
+.container_16 .prefix_14
+{
+	padding-left: 87.5%;
+}
+
+.container_16 .prefix_15
+{
+	padding-left: 93.75%;
+}
+
+/* =Suffix Extra Space >> Global
+--------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4
+{
+	padding-right: 25%;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8
+{
+	padding-right: 50%;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12
+{
+	padding-right: 75%;
+}
+
+/* =Suffix Extra Space >> 12 Columns
+--------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1
+{
+	padding-right: 8.333%;
+}
+
+.container_12 .suffix_2
+{
+	padding-right: 16.666%;
+}
+
+.container_12 .suffix_4
+{
+	padding-right: 33.333%;
+}
+
+.container_12 .suffix_5
+{
+	padding-right: 41.666%;
+}
+
+.container_12 .suffix_7
+{
+	padding-right: 58.333%;
+}
+
+.container_12 .suffix_8
+{
+	padding-right: 66.666%;
+}
+
+.container_12 .suffix_10
+{
+	padding-right: 83.333%;
+}
+
+.container_12 .suffix_11
+{
+	padding-right: 91.666%;
+}
+
+/* =Suffix Extra Space >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1
+{
+	padding-right: 6.25%;
+}
+
+.container_16 .suffix_2
+{
+	padding-right: 16.5%;
+}
+
+.container_16 .suffix_3
+{
+	padding-right: 18.75%;
+}
+
+.container_16 .suffix_5
+{
+	padding-right: 31.25%;
+}
+
+.container_16 .suffix_6
+{
+	padding-right: 37.5%;
+}
+
+.container_16 .suffix_7
+{
+	padding-right: 43.75%;
+}
+
+.container_16 .suffix_9
+{
+	padding-right: 56.25%;
+}
+
+.container_16 .suffix_10
+{
+	padding-right: 62.5%;
+}
+
+.container_16 .suffix_11
+{
+	padding-right: 68.75%;
+}
+
+.container_16 .suffix_13
+{
+	padding-right: 81.25%;
+}
+
+.container_16 .suffix_14
+{
+	padding-right: 87.5%;
+}
+
+.container_16 .suffix_15
+{
+	padding-right: 93.75%;
+}
+
+/* =Clear Floated Elements
+--------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+html body * span.cl,
+html body * div.cl,
+html body * li.cl,
+html body * dd.cl,
+.cl
+{
+	background: none;
+	border: 0;
+	clear: both;
+	display: block;
+	float: none;
+	font-size: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* http://www.positioniseverything.net/easyclearing.html */
+
+.cl:after
+{
+	clear: both;
+	content: '.';
+	display: block;
+	visibility: hidden;
+	height: 0;
+}
+
+.cl
+{
+	display: inline-block;
+}
+
+* html .cl
+{
+	height: 1%;
+}
+
+.cl
+{
+	display: block;
 }
\ No newline at end of file
diff --git a/webroot/css/style.css b/webroot/css/style.css
index ae6cdd1..9f9bb89 100644
--- a/webroot/css/style.css
+++ b/webroot/css/style.css
@@ -1,170 +1,170 @@
-/* 

-  style.css contains a reset, font normalization and some base styles.

-  

-  credit is left where credit is due.

-  additionally, much inspiration was taken from these projects:

-    yui.yahooapis.com/2.8.1/build/base/base.css

-    camendesign.com/design/

-    praegnanz.de/weblog/htmlcssjs-kickstart

-*/

-

-/* 

-  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)

-  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark

-  html5doctor.com/html-5-reset-stylesheet/

-*/

-

-html, body, div, span, object, iframe,

-h1, h2, h3, h4, h5, h6, p, blockquote, pre,

-abbr, address, cite, code,

-del, dfn, em, img, ins, kbd, q, samp,

-small, strong, sub, sup, var,

-b, i,

-dl, dt, dd, ol, ul, li,

-fieldset, form, label, legend,

-table, caption, tbody, tfoot, thead, tr, th, td,

-article, aside, figure, footer, header, 

-hgroup, menu, nav, section, menu,

-time, mark, audio, video {

-  margin:0;

-  padding:0;

-  border:0;

-  outline:0;

-  font-size:100%;

-  vertical-align:baseline;

-  background:transparent;

-}                  

-

-article, aside, figure, footer, header, 

-hgroup, nav, section { display:block; }

-

-nav ul { list-style:none; }

-

-blockquote, q { quotes:none; }

-

-blockquote:before, blockquote:after,

-q:before, q:after { content:''; content:none; }

-

-a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

-

-ins { background-color:#ff9; color:#000; text-decoration:none; }

-

-mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

-

-del { text-decoration: line-through; }

-

-abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

-

-/* tables still need cellspacing="0" in the markup */

-table { border-collapse:collapse; border-spacing:0; }

-

-hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

-

-input, select { vertical-align:middle; }

-/* END RESET CSS */

-

-/* 

- * Fix overflow in IE 

- */

-html {

-	*overflow-x:hidden;	

-}

-

-/*

-fonts.css from the YUI Library: developer.yahoo.com/yui/

-          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

-

-There are three custom edits:

- * remove arial, helvetica from explicit font stack

- * make the line-height relative and unit-less

- * remove the pre, code styles

-*/

-body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }

-

-table { font-size:inherit; font:100%; }

-

-select, input, textarea { font:99% sans-serif; }

-

-

-/* normalize monospace sizing 

- * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome

- */

-pre, code, kbd, samp { font-family: monospace, sans-serif; }

- 

-

-

-/* 

- * minimal base styles 

- */

-

-

-/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 

-body, select, input, textarea { color:#444; }

-

-/* Headers (h1,h2,etc) have no default font-size or margin,

-   you'll want to define those yourself. */ 

- 

-/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 

-h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

-

-/* maxvoltar.com/archive/-webkit-font-smoothing */

-html { -webkit-font-smoothing: antialiased; }

-

- 

-/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

-a:hover, a:active { outline: none; }

-

-a, a:active, a:visited { color:#607890; }

-a:hover { color:#036; }

-

-

-ul { margin-left:30px; }

-ol { margin-left:30px; list-style-type: decimal; }

-

-small { font-size:85%; }

-strong, th { font-weight: bold; }

-

-td, td img { vertical-align:top; } 

-

-sub { vertical-align: sub; font-size: smaller; }

-sup { vertical-align: super; font-size: smaller; }

-

-pre { 

-  padding: 15px; 

-  

-  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

-  white-space: pre; /* CSS2 */

-  white-space: pre-wrap; /* CSS 2.1 */

-  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

-  word-wrap: break-word; /* IE */

-}

-

-/* align checkboxes, radios, text inputs with their label

-   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */

-input[type="radio"] { vertical-align: text-bottom; }

-input[type="checkbox"] { margin:0; vertical-align:-2px; }

-.ie6 input { vertical-align: text-bottom; }

-

-/* hand cursor on clickable input elements */

-label, input[type=button], input[type=submit], button { cursor: pointer; }

-

-

-/* These selection declarations have to be separate.

-   No text-shadow: twitter.com/miketaylr/status/12228805301 

-   Also: hot pink. */

-::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }

-::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

-

-/*  j.mp/webkit-tap-highlight-color */

-a:link { -webkit-tap-highlight-color: #FF5E99; } 

-

-

-/* make buttons play nice in IE:    

-   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

-button {  width: auto; overflow: visible; }

- 

-/* bicubic resizing for non-native sized IMG: 

-   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

-.ie7 img { -ms-interpolation-mode: bicubic; }

-

-

+/* 
+  style.css contains a reset, font normalization and some base styles.
+  
+  credit is left where credit is due.
+  additionally, much inspiration was taken from these projects:
+    yui.yahooapis.com/2.8.1/build/base/base.css
+    camendesign.com/design/
+    praegnanz.de/weblog/htmlcssjs-kickstart
+*/
+
+/* 
+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+  html5doctor.com/html-5-reset-stylesheet/
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, figure, footer, header, 
+hgroup, menu, nav, section, menu,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}                  
+
+article, aside, figure, footer, header, 
+hgroup, nav, section { display:block; }
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
+
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
+
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
+/* END RESET CSS */
+
+/* 
+ * Fix overflow in IE 
+ */
+html {
+	*overflow-x:hidden;	
+}
+
+/*
+fonts.css from the YUI Library: developer.yahoo.com/yui/
+          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
+
+There are three custom edits:
+ * remove arial, helvetica from explicit font stack
+ * make the line-height relative and unit-less
+ * remove the pre, code styles
+*/
+body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
+
+table { font-size:inherit; font:100%; }
+
+select, input, textarea { font:99% sans-serif; }
+
+
+/* normalize monospace sizing 
+ * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+ */
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+ 
+
+
+/* 
+ * minimal base styles 
+ */
+
+
+/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
+body, select, input, textarea { color:#444; }
+
+/* Headers (h1,h2,etc) have no default font-size or margin,
+   you'll want to define those yourself. */ 
+ 
+/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
+h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
+
+/* maxvoltar.com/archive/-webkit-font-smoothing */
+html { -webkit-font-smoothing: antialiased; }
+
+ 
+/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+a:hover, a:active { outline: none; }
+
+a, a:active, a:visited { color:#607890; }
+a:hover { color:#036; }
+
+
+ul { margin-left:30px; }
+ol { margin-left:30px; list-style-type: decimal; }
+
+small { font-size:85%; }
+strong, th { font-weight: bold; }
+
+td, td img { vertical-align:top; } 
+
+sub { vertical-align: sub; font-size: smaller; }
+sup { vertical-align: super; font-size: smaller; }
+
+pre { 
+  padding: 15px; 
+  
+  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+  white-space: pre; /* CSS2 */
+  white-space: pre-wrap; /* CSS 2.1 */
+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+  word-wrap: break-word; /* IE */
+}
+
+/* align checkboxes, radios, text inputs with their label
+   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { margin:0; vertical-align:-2px; }
+.ie6 input { vertical-align: text-bottom; }
+
+/* hand cursor on clickable input elements */
+label, input[type=button], input[type=submit], button { cursor: pointer; }
+
+
+/* These selection declarations have to be separate.
+   No text-shadow: twitter.com/miketaylr/status/12228805301 
+   Also: hot pink. */
+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
+
+/*  j.mp/webkit-tap-highlight-color */
+a:link { -webkit-tap-highlight-color: #FF5E99; } 
+
+
+/* make buttons play nice in IE:    
+   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+button {  width: auto; overflow: visible; }
+ 
+/* bicubic resizing for non-native sized IMG: 
+   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+
diff --git a/webroot/css/themes/black.css b/webroot/css/themes/black.css
index c747022..f1b6640 100644
--- a/webroot/css/themes/black.css
+++ b/webroot/css/themes/black.css
@@ -1,28 +1,28 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-a, a:active, a:visited {

-color:#1a1a1a;

-}

-a:hover {

-color:#1a1a1a;	

-}

-

-

-.ribbon {

-	background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;

-	border:1px solid #3b3b3b;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #3b3b3b;

-}

-.triangle-ribbon {

-border-color:transparent #080808 transparent transparent;

-}

-

-

-.sidebar-nav li.current {

-background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;

-border:1px solid #3b3b3b;

-}

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#1a1a1a;
+}
+a:hover {
+color:#1a1a1a;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
+	border:1px solid #3b3b3b;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #3b3b3b;
+}
+.triangle-ribbon {
+border-color:transparent #080808 transparent transparent;
+}
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
+border:1px solid #3b3b3b;
+}
diff --git a/webroot/css/themes/blue.css b/webroot/css/themes/blue.css
index 73e6de9..4de747f 100644
--- a/webroot/css/themes/blue.css
+++ b/webroot/css/themes/blue.css
@@ -1,29 +1,29 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-a, a:active, a:visited {

-color:#1d94c3;	

-}

-a:hover{

-color:#1d94c3;	

-}

-

-

-.ribbon {

-	background:url(../../img/grad-blue.gif) repeat-x center top #166890;

-	border:1px solid #11506F;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #11506F;

-}

-.triangle-ribbon {

-border-color:transparent #0e425c transparent transparent;

-}

-

-

-

-.sidebar-nav li.current {

-background:url(../../img/grad-blue.gif) repeat-x center top #166890;

-border:1px solid #11506F;

-}

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#1d94c3;	
+}
+a:hover{
+color:#1d94c3;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-blue.gif) repeat-x center top #166890;
+	border:1px solid #11506F;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #11506F;
+}
+.triangle-ribbon {
+border-color:transparent #0e425c transparent transparent;
+}
+
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-blue.gif) repeat-x center top #166890;
+border:1px solid #11506F;
+}
diff --git a/webroot/css/themes/dark.css b/webroot/css/themes/dark.css
index 615ea10..942ccc9 100644
--- a/webroot/css/themes/dark.css
+++ b/webroot/css/themes/dark.css
@@ -1,32 +1,32 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-body {

-	color:#f2f2f2;

-	background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top;

-}

-h1#logo {

-	background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent;

-}

-nav a, nav a:visited {

-	color:#f2f2f2;

-	text-shadow:0 1px 0 #000000;

-}

-nav a:hover  {

-	color:#d9d9d9;

-}

-#nav ul a {

-text-shadow:0 1px 0 #FFFFFF;	

-}

-

-footer {

-	color:#f2f2f2;

-}

-footer li a, footer li a:visited  {

-color:#f2f2f2;

-}

-footer li a:hover {

-	color:#d9d9d9;

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+body {
+	color:#f2f2f2;
+	background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top;
+}
+h1#logo {
+	background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent;
+}
+nav a, nav a:visited {
+	color:#f2f2f2;
+	text-shadow:0 1px 0 #000000;
+}
+nav a:hover  {
+	color:#d9d9d9;
+}
+#nav ul a {
+text-shadow:0 1px 0 #FFFFFF;	
+}
+
+footer {
+	color:#f2f2f2;
+}
+footer li a, footer li a:visited  {
+color:#f2f2f2;
+}
+footer li a:hover {
+	color:#d9d9d9;
 }
\ No newline at end of file
diff --git a/webroot/css/themes/green.css b/webroot/css/themes/green.css
index 1fecef4..df01818 100644
--- a/webroot/css/themes/green.css
+++ b/webroot/css/themes/green.css
@@ -1,29 +1,29 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-a, a:active, a:visited {

-color:#406f11;	

-}

-a:hover {

-color:#406f11;	

-}

-

-

-.ribbon {

-	background:url(../../img/grad-green.gif) repeat-x center top #518f14;

-	border:1px solid #406f11;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #406f11;

-}

-.triangle-ribbon {

-border-color:transparent #345c0d transparent transparent;

-}

-

-

-

-.sidebar-nav li.current {

-background:url(../../img/grad-green.gif) repeat-x center top #518f14;

-border:1px solid #406f11;

-}

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#406f11;	
+}
+a:hover {
+color:#406f11;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-green.gif) repeat-x center top #518f14;
+	border:1px solid #406f11;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #406f11;
+}
+.triangle-ribbon {
+border-color:transparent #345c0d transparent transparent;
+}
+
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-green.gif) repeat-x center top #518f14;
+border:1px solid #406f11;
+}
diff --git a/webroot/css/themes/grey.css b/webroot/css/themes/grey.css
index 8ac40a2..fdfc6af 100644
--- a/webroot/css/themes/grey.css
+++ b/webroot/css/themes/grey.css
@@ -1,32 +1,32 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-a, a:active, a:visited {

-color:#1a1a1a;	

-}

-a:hover {

-color:#1a1a1a;	

-}

-

-

-h2.ribbon {

-	background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;

-	color:#444444;

-	border:1px solid #c3c3c3;

-	text-shadow:0 -1px 0 #FFFFFF;

-}

-.triangle-ribbon {

-border-color:transparent #8f8f8f transparent transparent;

-}

-

-

-.sidebar-nav li.current {

-background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;

-border:1px solid #c3c3c3;

-color:#444444 !important;

-}

-.sidebar-nav li a:hover, .sidebar-nav li.current a {

-	color:#444444 !important;

-}

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#1a1a1a;	
+}
+a:hover {
+color:#1a1a1a;	
+}
+
+
+h2.ribbon {
+	background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
+	color:#444444;
+	border:1px solid #c3c3c3;
+	text-shadow:0 -1px 0 #FFFFFF;
+}
+.triangle-ribbon {
+border-color:transparent #8f8f8f transparent transparent;
+}
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
+border:1px solid #c3c3c3;
+color:#444444 !important;
+}
+.sidebar-nav li a:hover, .sidebar-nav li.current a {
+	color:#444444 !important;
+}
diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css
index 8c4a2ab..50de53b 100644
--- a/webroot/css/themes/light.css
+++ b/webroot/css/themes/light.css
@@ -1,31 +1,31 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-body {

-	color:#191919;

-	background: #f2f2f2 url(../../img/bg.jpg) repeat-x top;

-}

-h1#logo {

-	background:url(../../img/logo.png) no-repeat scroll 0 0 transparent;

-}

-nav a, nav a:visited {

-	color: #1a1a1a;	

-text-shadow:0 1px 0 #FFFFFF;

-}

-nav a:hover {

-	color:#666666;

-}

-

-

-

-footer {

-color:#666666;

-}

-footer li a, footer li a:visited  {

-color:#191919;

-}

-footer li a:hover {

-	color:#666666;

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+body {
+	color:#191919;
+	background: #f2f2f2 url(../../img/bg.jpg) repeat-x top;
+}
+h1#logo {
+	background:url(../../img/logo.png) no-repeat scroll 0 0 transparent;
+}
+nav a, nav a:visited {
+	color: #1a1a1a;	
+text-shadow:0 1px 0 #FFFFFF;
+}
+nav a:hover {
+	color:#666666;
+}
+
+
+
+footer {
+color:#666666;
+}
+footer li a, footer li a:visited  {
+color:#191919;
+}
+footer li a:hover {
+	color:#666666;
 }
\ No newline at end of file
diff --git a/webroot/css/themes/purple.css b/webroot/css/themes/purple.css
index 02defcb..7a8794d 100644
--- a/webroot/css/themes/purple.css
+++ b/webroot/css/themes/purple.css
@@ -1,28 +1,28 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-a, a:active, a:visited {

-color:#6f1156;	

-}

-a:hover {

-color:#6f1156;	

-}

-

-

-.ribbon {

-	background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;

-	border:1px solid #6f1156;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #6f1156;

-}

-.triangle-ribbon {

-border-color:transparent #5c0d47 transparent transparent;

-}

-

-

-.sidebar-nav li.current {

-background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;

-border:1px solid #6f1156;

-}

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#6f1156;	
+}
+a:hover {
+color:#6f1156;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
+	border:1px solid #6f1156;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1156;
+}
+.triangle-ribbon {
+border-color:transparent #5c0d47 transparent transparent;
+}
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
+border:1px solid #6f1156;
+}
diff --git a/webroot/css/themes/red.css b/webroot/css/themes/red.css
index c2ef480..c8a6f74 100644
--- a/webroot/css/themes/red.css
+++ b/webroot/css/themes/red.css
@@ -1,30 +1,30 @@
-/* 

-Kameleon Template

-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

-*/

-

-a, a:active, a:visited {

-color:#c31d25;	

-}

-a:hover {

-color:#c31d25;	

-}

-

-

-.ribbon {

-	background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;

-	border:1px solid #6f1811;

-	color:#FFFFFF;

-	text-shadow:0 -1px 0 #6f1811;

-}

-.triangle-ribbon {

-border-color:transparent #5c130d transparent transparent;

-}

-

-

-

-.sidebar-nav li.current {

-background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;

-border:1px solid #6f1811;

-}

-

+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#c31d25;	
+}
+a:hover {
+color:#c31d25;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
+	border:1px solid #6f1811;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1811;
+}
+.triangle-ribbon {
+border-color:transparent #5c130d transparent transparent;
+}
+
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
+border:1px solid #6f1811;
+}
+