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

author: raylu <raylu@mixpanel.com> 2011-07-03 04:32:10 -0700
committer: raylu <raylu@mixpanel.com> 2011-07-03 04:32:10 -0700
commit: 6d182e241055bffa3bf04adcc1aef5db530fe4cd (patch)
tree: 3660b922f4188a57ed6e91dc6cdf6c927f2037cc /webroot
parent: b9aa2a0396aa5f7db439bc362952f7710c7c24e9 (diff)
download: otakuhub-6d182e241055bffa3bf04adcc1aef5db530fe4cd.tar.xz
16 files changed, 2548 insertions, 2548 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;
+}
+
diff --git a/webroot/js/dd_belatedpng.js b/webroot/js/dd_belatedpng.js
index 7e38cc3..58ae134 100644
--- a/webroot/js/dd_belatedpng.js
+++ b/webroot/js/dd_belatedpng.js
@@ -1,328 +1,328 @@
-/**
-* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
-* Author: Drew Diller
-* Email: drew.diller@gmail.com
-* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
-* Version: 0.0.8a
-* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
-*
-* Example usage:
-* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
-* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
-**/
-
-/*
-PLEASE READ:
-Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
-*/
-
-var DD_belatedPNG = {
-	ns: 'DD_belatedPNG',
-	imgSize: {},
-	delay: 10,
-	nodesFixed: 0,
-	createVmlNameSpace: function () { /* enable VML */
-		if (document.namespaces && !document.namespaces[this.ns]) {
-			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
-		}
-	},
-	createVmlStyleSheet: function () { /* style VML, enable behaviors */
-		/*
-			Just in case lots of other developers have added
-			lots of other stylesheets using document.createStyleSheet
-			and hit the 31-limit mark, let's not use that method!
-			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
-		*/
-		var screenStyleSheet, printStyleSheet;
-		screenStyleSheet = document.createElement('style');
-		screenStyleSheet.setAttribute('media', 'screen');
-		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
-		if (screenStyleSheet.styleSheet) {
-			screenStyleSheet = screenStyleSheet.styleSheet;
-			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
-			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
-			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
-			this.screenStyleSheet = screenStyleSheet;
-			
-			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
-			/* Thanks to Rémi Prévost for automating this! */
-			printStyleSheet = document.createElement('style');
-			printStyleSheet.setAttribute('media', 'print');
-			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
-			printStyleSheet = printStyleSheet.styleSheet;
-			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
-			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
-		}
-	},
-	readPropertyChange: function () {
-		var el, display, v;
-		el = event.srcElement;
-		if (!el.vmlInitiated) {
-			return;
-		}
-		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
-			DD_belatedPNG.applyVML(el);
-		}
-		if (event.propertyName == 'style.display') {
-			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
-			for (v in el.vml) {
-				if (el.vml.hasOwnProperty(v)) {
-					el.vml[v].shape.style.display = display;
-				}
-			}
-		}
-		if (event.propertyName.search('filter') != -1) {
-			DD_belatedPNG.vmlOpacity(el);
-		}
-	},
-	vmlOpacity: function (el) {
-		if (el.currentStyle.filter.search('lpha') != -1) {
-			var trans = el.currentStyle.filter;
-			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
-			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
-			el.vml.image.fill.opacity = trans; /* complete guesswork */
-		}
-	},
-	handlePseudoHover: function (el) {
-		setTimeout(function () { /* wouldn't work as intended without setTimeout */
-			DD_belatedPNG.applyVML(el);
-		}, 1);
-	},
-	/**
-	* This is the method to use in a document.
-	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
-	**/
-	fix: function (selector) {
-		if (this.screenStyleSheet) {
-			var selectors, i;
-			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
-			for (i=0; i<selectors.length; i++) {
-				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
-			}
-		}
-	},
-	applyVML: function (el) {
-		el.runtimeStyle.cssText = '';
-		this.vmlFill(el);
-		this.vmlOffsets(el);
-		this.vmlOpacity(el);
-		if (el.isImg) {
-			this.copyImageBorders(el);
-		}
-	},
-	attachHandlers: function (el) {
-		var self, handlers, handler, moreForAs, a, h;
-		self = this;
-		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
-		if (el.nodeName == 'A') {
-			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
-			for (a in moreForAs) {			
-				if (moreForAs.hasOwnProperty(a)) {
-					handlers[a] = moreForAs[a];
-				}
-			}
-		}
-		for (h in handlers) {
-			if (handlers.hasOwnProperty(h)) {
-				handler = function () {
-					self[handlers[h]](el);
-				};
-				el.attachEvent('on' + h, handler);
-			}
-		}
-		el.attachEvent('onpropertychange', this.readPropertyChange);
-	},
-	giveLayout: function (el) {
-		el.style.zoom = 1;
-		if (el.currentStyle.position == 'static') {
-			el.style.position = 'relative';
-		}
-	},
-	copyImageBorders: function (el) {
-		var styles, s;
-		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
-		for (s in styles) {
-			if (styles.hasOwnProperty(s)) {
-				el.vml.color.shape.style[s] = el.currentStyle[s];
-			}
-		}
-	},
-	vmlFill: function (el) {
-		if (!el.currentStyle) {
-			return;
-		} else {
-			var elStyle, noImg, lib, v, img, imgLoaded;
-			elStyle = el.currentStyle;
-		}
-		for (v in el.vml) {
-			if (el.vml.hasOwnProperty(v)) {
-				el.vml[v].shape.style.zIndex = elStyle.zIndex;
-			}
-		}
-		el.runtimeStyle.backgroundColor = '';
-		el.runtimeStyle.backgroundImage = '';
-		noImg = true;
-		if (elStyle.backgroundImage != 'none' || el.isImg) {
-			if (!el.isImg) {
-				el.vmlBg = elStyle.backgroundImage;
-				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
-			}
-			else {
-				el.vmlBg = el.src;
-			}
-			lib = this;
-			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
-				img = document.createElement('img');
-				lib.imgSize[el.vmlBg] = img;
-				img.className = lib.ns + '_sizeFinder';
-				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
-				imgLoaded = function () {
-					this.width = this.offsetWidth; /* weird cache-busting requirement! */
-					this.height = this.offsetHeight;
-					lib.vmlOffsets(el);
-				};
-				img.attachEvent('onload', imgLoaded);
-				img.src = el.vmlBg;
-				img.removeAttribute('width');
-				img.removeAttribute('height');
-				document.body.insertBefore(img, document.body.firstChild);
-			}
-			el.vml.image.fill.src = el.vmlBg;
-			noImg = false;
-		}
-		el.vml.image.fill.on = !noImg;
-		el.vml.image.fill.color = 'none';
-		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
-		el.runtimeStyle.backgroundImage = 'none';
-		el.runtimeStyle.backgroundColor = 'transparent';
-	},
-	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
-	vmlOffsets: function (el) {
-		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
-		thisStyle = el.currentStyle;
-		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
-		fudge = (size.L + size.bLW == 1) ? 1 : 0;
-		/* vml shape, left, top, width, height, origin */
-		makeVisible = function (vml, l, t, w, h, o) {
-			vml.coordsize = w+','+h;
-			vml.coordorigin = o+','+o;
-			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
-			vml.style.width = w + 'px';
-			vml.style.height = h + 'px';
-			vml.style.left = l + 'px';
-			vml.style.top = t + 'px';
-		};
-		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
-		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
-		bg = {'X':0, 'Y':0};
-		if (el.isImg) {
-			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
-			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
-		}
-		else {
-			for (b in bg) {
-				if (bg.hasOwnProperty(b)) {
-					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
-				}
-			}
-		}
-		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
-		bgR = thisStyle.backgroundRepeat;
-		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
-		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
-		if (bgR != 'repeat' || el.isImg) {
-			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
-			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
-				v = bgR.split('repeat-')[1].toUpperCase();
-				c[altC[v].b1] = 1;
-				c[altC[v].b2] = size[altC[v].d];
-			}
-			if (c.B > size.H) {
-				c.B = size.H;
-			}
-			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
-		}
-		else {
-			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
-		}
-	},
-	figurePercentage: function (bg, size, axis, position) {
-		var horizontal, fraction;
-		fraction = true;
-		horizontal = (axis == 'X');
-		switch(position) {
-			case 'left':
-			case 'top':
-				bg[axis] = 0;
-				break;
-			case 'center':
-				bg[axis] = 0.5;
-				break;
-			case 'right':
-			case 'bottom':
-				bg[axis] = 1;
-				break;
-			default:
-				if (position.search('%') != -1) {
-					bg[axis] = parseInt(position, 10) / 100;
-				}
-				else {
-					fraction = false;
-				}
-		}
-		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
-		if (bg[axis] % 2 === 0) {
-			bg[axis]++;
-		}
-		return bg[axis];
-	},
-	fixPng: function (el) {
-		el.style.behavior = 'none';
-		var lib, els, nodeStr, v, e;
-		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
-			return;
-		}
-		el.isImg = false;
-		if (el.nodeName == 'IMG') {
-			if(el.src.toLowerCase().search(/\.png$/) != -1) {
-				el.isImg = true;
-				el.style.visibility = 'hidden';
-			}
-			else {
-				return;
-			}
-		}
-		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
-			return;
-		}
-		lib = DD_belatedPNG;
-		el.vml = {color: {}, image: {}};
-		els = {shape: {}, fill: {}};
-		for (v in el.vml) {
-			if (el.vml.hasOwnProperty(v)) {
-				for (e in els) {
-					if (els.hasOwnProperty(e)) {
-						nodeStr = lib.ns + ':' + e;
-						el.vml[v][e] = document.createElement(nodeStr);
-					}
-				}
-				el.vml[v].shape.stroked = false;
-				el.vml[v].shape.appendChild(el.vml[v].fill);
-				el.parentNode.insertBefore(el.vml[v].shape, el);
-			}
-		}
-		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
-		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
-		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
-		lib.attachHandlers(el);
-		lib.giveLayout(el);
-		lib.giveLayout(el.offsetParent);
-		el.vmlInitiated = true;
-		lib.applyVML(el); /* Render! */
-	}
-};
-try {
-	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
-} catch(r) {}
-DD_belatedPNG.createVmlNameSpace();
+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: drew.diller@gmail.com
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.8a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+
+/*
+PLEASE READ:
+Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
+*/
+
+var DD_belatedPNG = {
+	ns: 'DD_belatedPNG',
+	imgSize: {},
+	delay: 10,
+	nodesFixed: 0,
+	createVmlNameSpace: function () { /* enable VML */
+		if (document.namespaces && !document.namespaces[this.ns]) {
+			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
+		}
+	},
+	createVmlStyleSheet: function () { /* style VML, enable behaviors */
+		/*
+			Just in case lots of other developers have added
+			lots of other stylesheets using document.createStyleSheet
+			and hit the 31-limit mark, let's not use that method!
+			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
+		*/
+		var screenStyleSheet, printStyleSheet;
+		screenStyleSheet = document.createElement('style');
+		screenStyleSheet.setAttribute('media', 'screen');
+		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
+		if (screenStyleSheet.styleSheet) {
+			screenStyleSheet = screenStyleSheet.styleSheet;
+			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
+			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
+			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
+			this.screenStyleSheet = screenStyleSheet;
+			
+			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
+			/* Thanks to Rémi Prévost for automating this! */
+			printStyleSheet = document.createElement('style');
+			printStyleSheet.setAttribute('media', 'print');
+			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
+			printStyleSheet = printStyleSheet.styleSheet;
+			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
+			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
+		}
+	},
+	readPropertyChange: function () {
+		var el, display, v;
+		el = event.srcElement;
+		if (!el.vmlInitiated) {
+			return;
+		}
+		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
+			DD_belatedPNG.applyVML(el);
+		}
+		if (event.propertyName == 'style.display') {
+			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
+			for (v in el.vml) {
+				if (el.vml.hasOwnProperty(v)) {
+					el.vml[v].shape.style.display = display;
+				}
+			}
+		}
+		if (event.propertyName.search('filter') != -1) {
+			DD_belatedPNG.vmlOpacity(el);
+		}
+	},
+	vmlOpacity: function (el) {
+		if (el.currentStyle.filter.search('lpha') != -1) {
+			var trans = el.currentStyle.filter;
+			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
+			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
+			el.vml.image.fill.opacity = trans; /* complete guesswork */
+		}
+	},
+	handlePseudoHover: function (el) {
+		setTimeout(function () { /* wouldn't work as intended without setTimeout */
+			DD_belatedPNG.applyVML(el);
+		}, 1);
+	},
+	/**
+	* This is the method to use in a document.
+	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
+	**/
+	fix: function (selector) {
+		if (this.screenStyleSheet) {
+			var selectors, i;
+			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
+			for (i=0; i<selectors.length; i++) {
+				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
+			}
+		}
+	},
+	applyVML: function (el) {
+		el.runtimeStyle.cssText = '';
+		this.vmlFill(el);
+		this.vmlOffsets(el);
+		this.vmlOpacity(el);
+		if (el.isImg) {
+			this.copyImageBorders(el);
+		}
+	},
+	attachHandlers: function (el) {
+		var self, handlers, handler, moreForAs, a, h;
+		self = this;
+		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
+		if (el.nodeName == 'A') {
+			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
+			for (a in moreForAs) {			
+				if (moreForAs.hasOwnProperty(a)) {
+					handlers[a] = moreForAs[a];
+				}
+			}
+		}
+		for (h in handlers) {
+			if (handlers.hasOwnProperty(h)) {
+				handler = function () {
+					self[handlers[h]](el);
+				};
+				el.attachEvent('on' + h, handler);
+			}
+		}
+		el.attachEvent('onpropertychange', this.readPropertyChange);
+	},
+	giveLayout: function (el) {
+		el.style.zoom = 1;
+		if (el.currentStyle.position == 'static') {
+			el.style.position = 'relative';
+		}
+	},
+	copyImageBorders: function (el) {
+		var styles, s;
+		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
+		for (s in styles) {
+			if (styles.hasOwnProperty(s)) {
+				el.vml.color.shape.style[s] = el.currentStyle[s];
+			}
+		}
+	},
+	vmlFill: function (el) {
+		if (!el.currentStyle) {
+			return;
+		} else {
+			var elStyle, noImg, lib, v, img, imgLoaded;
+			elStyle = el.currentStyle;
+		}
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				el.vml[v].shape.style.zIndex = elStyle.zIndex;
+			}
+		}
+		el.runtimeStyle.backgroundColor = '';
+		el.runtimeStyle.backgroundImage = '';
+		noImg = true;
+		if (elStyle.backgroundImage != 'none' || el.isImg) {
+			if (!el.isImg) {
+				el.vmlBg = elStyle.backgroundImage;
+				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
+			}
+			else {
+				el.vmlBg = el.src;
+			}
+			lib = this;
+			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
+				img = document.createElement('img');
+				lib.imgSize[el.vmlBg] = img;
+				img.className = lib.ns + '_sizeFinder';
+				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
+				imgLoaded = function () {
+					this.width = this.offsetWidth; /* weird cache-busting requirement! */
+					this.height = this.offsetHeight;
+					lib.vmlOffsets(el);
+				};
+				img.attachEvent('onload', imgLoaded);
+				img.src = el.vmlBg;
+				img.removeAttribute('width');
+				img.removeAttribute('height');
+				document.body.insertBefore(img, document.body.firstChild);
+			}
+			el.vml.image.fill.src = el.vmlBg;
+			noImg = false;
+		}
+		el.vml.image.fill.on = !noImg;
+		el.vml.image.fill.color = 'none';
+		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
+		el.runtimeStyle.backgroundImage = 'none';
+		el.runtimeStyle.backgroundColor = 'transparent';
+	},
+	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
+	vmlOffsets: function (el) {
+		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
+		thisStyle = el.currentStyle;
+		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
+		fudge = (size.L + size.bLW == 1) ? 1 : 0;
+		/* vml shape, left, top, width, height, origin */
+		makeVisible = function (vml, l, t, w, h, o) {
+			vml.coordsize = w+','+h;
+			vml.coordorigin = o+','+o;
+			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
+			vml.style.width = w + 'px';
+			vml.style.height = h + 'px';
+			vml.style.left = l + 'px';
+			vml.style.top = t + 'px';
+		};
+		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
+		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
+		bg = {'X':0, 'Y':0};
+		if (el.isImg) {
+			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
+			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
+		}
+		else {
+			for (b in bg) {
+				if (bg.hasOwnProperty(b)) {
+					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
+				}
+			}
+		}
+		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
+		bgR = thisStyle.backgroundRepeat;
+		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
+		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
+		if (bgR != 'repeat' || el.isImg) {
+			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
+			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
+				v = bgR.split('repeat-')[1].toUpperCase();
+				c[altC[v].b1] = 1;
+				c[altC[v].b2] = size[altC[v].d];
+			}
+			if (c.B > size.H) {
+				c.B = size.H;
+			}
+			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
+		}
+		else {
+			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
+		}
+	},
+	figurePercentage: function (bg, size, axis, position) {
+		var horizontal, fraction;
+		fraction = true;
+		horizontal = (axis == 'X');
+		switch(position) {
+			case 'left':
+			case 'top':
+				bg[axis] = 0;
+				break;
+			case 'center':
+				bg[axis] = 0.5;
+				break;
+			case 'right':
+			case 'bottom':
+				bg[axis] = 1;
+				break;
+			default:
+				if (position.search('%') != -1) {
+					bg[axis] = parseInt(position, 10) / 100;
+				}
+				else {
+					fraction = false;
+				}
+		}
+		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
+		if (bg[axis] % 2 === 0) {
+			bg[axis]++;
+		}
+		return bg[axis];
+	},
+	fixPng: function (el) {
+		el.style.behavior = 'none';
+		var lib, els, nodeStr, v, e;
+		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
+			return;
+		}
+		el.isImg = false;
+		if (el.nodeName == 'IMG') {
+			if(el.src.toLowerCase().search(/\.png$/) != -1) {
+				el.isImg = true;
+				el.style.visibility = 'hidden';
+			}
+			else {
+				return;
+			}
+		}
+		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
+			return;
+		}
+		lib = DD_belatedPNG;
+		el.vml = {color: {}, image: {}};
+		els = {shape: {}, fill: {}};
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				for (e in els) {
+					if (els.hasOwnProperty(e)) {
+						nodeStr = lib.ns + ':' + e;
+						el.vml[v][e] = document.createElement(nodeStr);
+					}
+				}
+				el.vml[v].shape.stroked = false;
+				el.vml[v].shape.appendChild(el.vml[v].fill);
+				el.parentNode.insertBefore(el.vml[v].shape, el);
+			}
+		}
+		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
+		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
+		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
+		lib.attachHandlers(el);
+		lib.giveLayout(el);
+		lib.giveLayout(el.offsetParent);
+		el.vmlInitiated = true;
+		lib.applyVML(el); /* Render! */
+	}
+};
+try {
+	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
+} catch(r) {}
+DD_belatedPNG.createVmlNameSpace();
 DD_belatedPNG.createVmlStyleSheet();
 \ No newline at end of file
diff --git a/webroot/js/functions.js b/webroot/js/functions.js
index 02319d8..be9a9bb 100644
--- a/webroot/js/functions.js
+++ b/webroot/js/functions.js
@@ -1,46 +1,46 @@
-// Kameleon Template
-//Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-
-// Cufon Setup
-jQuery(document).ready(function($) {
-Cufon.replace('h3,h4,h5,.process,#tagline ');
-
-
-//Portfolio Hover Effect
-	$('.portfolio-small li img, .portfolio-list li img').hover(function() {
-		
-		$(this).children('a').show();
-		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300);
-		$(this).stop().css('opacity', 1);
-		
-	}, function() {
-		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300);
-		
-	});
-
-//Homepage Screenshot Scroll
-$(".scrollable").scrollable();
-
-
-//LightBox Setup
- $('.portfolio-small a, .portfolio-list a').lightBox({
-	 fixedNavigation:true,
-	 overlayOpacity: 0.8,
-	imageLoading: 'img/lightbox/lightbox-ico-loading.gif',
-	imageBtnClose: 'img/lightbox/lightbox-btn-close.gif',
-	imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif',
-	imageBtnNext: 'img/lightbox/lightbox-btn-next.gif',
-	imageBlank: 'img/lightbox/lightbox-blank.gif'
-	 
-	 });
-
-// Tipsy Tooltips
-$('.tooltip').tipsy({fade: true});
-$('.tooltip.north').tipsy({fade: true, gravity: 's'});
-$('.tooltip.east').tipsy({fade: true, gravity: 'w'});
-$('.tooltip.west').tipsy({fade: true, gravity: 'e'});
-// Form Tooltips
-$('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'});	
-
-	 
-}); 
+// Kameleon Template
+//Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+
+// Cufon Setup
+jQuery(document).ready(function($) {
+Cufon.replace('h3,h4,h5,.process,#tagline ');
+
+
+//Portfolio Hover Effect
+	$('.portfolio-small li img, .portfolio-list li img').hover(function() {
+		
+		$(this).children('a').show();
+		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300);
+		$(this).stop().css('opacity', 1);
+		
+	}, function() {
+		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300);
+		
+	});
+
+//Homepage Screenshot Scroll
+$(".scrollable").scrollable();
+
+
+//LightBox Setup
+ $('.portfolio-small a, .portfolio-list a').lightBox({
+	 fixedNavigation:true,
+	 overlayOpacity: 0.8,
+	imageLoading: 'img/lightbox/lightbox-ico-loading.gif',
+	imageBtnClose: 'img/lightbox/lightbox-btn-close.gif',
+	imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif',
+	imageBtnNext: 'img/lightbox/lightbox-btn-next.gif',
+	imageBlank: 'img/lightbox/lightbox-blank.gif'
+	 
+	 });
+
+// Tipsy Tooltips
+$('.tooltip').tipsy({fade: true});
+$('.tooltip.north').tipsy({fade: true, gravity: 's'});
+$('.tooltip.east').tipsy({fade: true, gravity: 'w'});
+$('.tooltip.west').tipsy({fade: true, gravity: 'e'});
+// Form Tooltips
+$('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'});	
+
+	 
+}); 
diff --git a/webroot/js/jquery.anchor.js b/webroot/js/jquery.anchor.js
index d6db7ab..63bcee3 100644
--- a/webroot/js/jquery.anchor.js
+++ b/webroot/js/jquery.anchor.js
@@ -1,39 +1,39 @@
-/*******
-
-	***	Anchor Slider by Cedric Dugas   ***
-	*** Http://www.position-absolute.com ***
-	
-	Never have an anchor jumping your content, slide it.
-
-	Don't forget to put an id to your anchor !
-	You can use and modify this script for any project you want, but please leave this comment as credit.
-	
-*****/
-		
-
-
-$(document).ready(function() {
-	$("a.anchorLink").anchorAnimate()
-});
-
-jQuery.fn.anchorAnimate = function(settings) {
-
- 	settings = jQuery.extend({
-		speed : 1100
-	}, settings);	
-	
-	return this.each(function(){
-		var caller = this
-		$(caller).click(function (event) {	
-			event.preventDefault()
-			var locationHref = window.location.href
-			var elementClick = $(caller).attr("href")
-			
-			var destination = $(elementClick).offset().top;
-			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
-				window.location.hash = elementClick
-			});
-		  	return false;
-		})
-	})
+/*******
+
+	***	Anchor Slider by Cedric Dugas   ***
+	*** Http://www.position-absolute.com ***
+	
+	Never have an anchor jumping your content, slide it.
+
+	Don't forget to put an id to your anchor !
+	You can use and modify this script for any project you want, but please leave this comment as credit.
+	
+*****/
+		
+
+
+$(document).ready(function() {
+	$("a.anchorLink").anchorAnimate()
+});
+
+jQuery.fn.anchorAnimate = function(settings) {
+
+ 	settings = jQuery.extend({
+		speed : 1100
+	}, settings);	
+	
+	return this.each(function(){
+		var caller = this
+		$(caller).click(function (event) {	
+			event.preventDefault()
+			var locationHref = window.location.href
+			var elementClick = $(caller).attr("href")
+			
+			var destination = $(elementClick).offset().top;
+			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
+				window.location.hash = elementClick
+			});
+		  	return false;
+		})
+	})
 }
 \ No newline at end of file
diff --git a/webroot/js/jquery.form.js b/webroot/js/jquery.form.js
index e9d5df5..d0e118e 100644
--- a/webroot/js/jquery.form.js
+++ b/webroot/js/jquery.form.js
@@ -1,37 +1,37 @@
-jQuery(document).ready(function(){
-	
-	$('#contactform').submit(function(){
-	
-		var action = $(this).attr('action');
-		
-		$("#message").slideUp(750,function() {
-		$('#message').hide();
-		
- 		$('#submit')
-			.after('<img src="./img/form/ajax-loader.gif" class="loader" />')
-			.attr('disabled','disabled');
-		
-		$.post(action, { 
-			name: $('#name').val(),
-			email: $('#email').val(),
-			subject: $('#subject').val(),
-			comments: $('#comments').val(),
-			verify: $('#verify').val()
-		},
-			function(data){
-				document.getElementById('message').innerHTML = data;
-				$('#message').slideDown('slow');
-				$('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
-				$('#contactform #submit').attr('disabled',''); 
-				if(data.match('success') != null) $('#contactform').slideUp('slow');
-				
-			}
-		);
-		
-		});
-		
-		return false; 
-	
-	});
-	
+jQuery(document).ready(function(){
+	
+	$('#contactform').submit(function(){
+	
+		var action = $(this).attr('action');
+		
+		$("#message").slideUp(750,function() {
+		$('#message').hide();
+		
+ 		$('#submit')
+			.after('<img src="./img/form/ajax-loader.gif" class="loader" />')
+			.attr('disabled','disabled');
+		
+		$.post(action, { 
+			name: $('#name').val(),
+			email: $('#email').val(),
+			subject: $('#subject').val(),
+			comments: $('#comments').val(),
+			verify: $('#verify').val()
+		},
+			function(data){
+				document.getElementById('message').innerHTML = data;
+				$('#message').slideDown('slow');
+				$('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
+				$('#contactform #submit').attr('disabled',''); 
+				if(data.match('success') != null) $('#contactform').slideUp('slow');
+				
+			}
+		);
+		
+		});
+		
+		return false; 
+	
+	});
+	
 });
 \ No newline at end of file
diff --git a/webroot/js/jquery.lightbox-0.5.min.js b/webroot/js/jquery.lightbox-0.5.min.js
index 5f13b0b..429f0c5 100644
--- a/webroot/js/jquery.lightbox-0.5.min.js
+++ b/webroot/js/jquery.lightbox-0.5.min.js
@@ -1,42 +1,42 @@
-/**
- * jQuery lightBox plugin
- * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
- * and adapted to me for use like a plugin from jQuery.
- * @name jquery-lightbox-0.5.js
- * @author Leandro Vieira Pinho - http://leandrovieira.com
- * @version 0.5
- * @date April 11, 2008
- * @category jQuery plugin
- * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
- * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
- * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
- */
-(function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'images/lightbox-ico-loading.gif',imageBtnPrev:'images/lightbox-btn-prev.gif',imageBtnNext:'images/lightbox-btn-next.gif',imageBtnClose:'images/lightbox-btn-close.gif',imageBlank:'images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;}
-function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i<jQueryMatchedObj.length;i++){settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));}}
-while(settings.imageArray[settings.activeImage][0]!=objClicked.getAttribute('href')){settings.activeImage++;}
-_set_image_to_view();}
-function _set_interface(){$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="'+settings.imageLoading+'"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="'+settings.imageBtnClose+'"></a></div></div></div></div>');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});}
-function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}
-var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}}
-$('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();}
-if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}}
-function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}}
-if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}}
-_enable_keyboard_navigation();}
-function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});}
-function _disable_keyboard_navigation(){$(document).unbind();}
-function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;}
-key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();}
-if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}}
-if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}}
-function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];}
-if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}}
-function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});}
-function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;}
-var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;}
-windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;}
-if(yScroll<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;}
-if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;}
-arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;};function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;}
-arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;};function ___pause(ms){var date=new Date();curDate=null;do{var curDate=new Date();}
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.5.js
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.5
+ * @date April 11, 2008
+ * @category jQuery plugin
+ * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+(function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'images/lightbox-ico-loading.gif',imageBtnPrev:'images/lightbox-btn-prev.gif',imageBtnNext:'images/lightbox-btn-next.gif',imageBtnClose:'images/lightbox-btn-close.gif',imageBlank:'images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;}
+function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i<jQueryMatchedObj.length;i++){settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));}}
+while(settings.imageArray[settings.activeImage][0]!=objClicked.getAttribute('href')){settings.activeImage++;}
+_set_image_to_view();}
+function _set_interface(){$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="'+settings.imageLoading+'"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="'+settings.imageBtnClose+'"></a></div></div></div></div>');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});}
+function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}
+var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}}
+$('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();}
+if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}}
+function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}}
+if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}}
+_enable_keyboard_navigation();}
+function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});}
+function _disable_keyboard_navigation(){$(document).unbind();}
+function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;}
+key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();}
+if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}}
+if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}}
+function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];}
+if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}}
+function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});}
+function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;}
+var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;}
+windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;}
+if(yScroll<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;}
+if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;}
+arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;};function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;}
+arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;};function ___pause(ms){var date=new Date();curDate=null;do{var curDate=new Date();}
 while(curDate-date<ms);};return this.unbind('click').click(_initialize);};})(jQuery);
 \ No newline at end of file
author	raylu <raylu@mixpanel.com>	2011-07-03 04:32:10 -0700
committer	raylu <raylu@mixpanel.com>	2011-07-03 04:32:10 -0700
commit	6d182e241055bffa3bf04adcc1aef5db530fe4cd (patch)
tree	3660b922f4188a57ed6e91dc6cdf6c927f2037cc /webroot
parent	b9aa2a0396aa5f7db439bc362952f7710c7c24e9 (diff)
download	otakuhub-6d182e241055bffa3bf04adcc1aef5db530fe4cd.tar.xz