Difference between revisions of "Team:CityU HK/Template"

Latest revision as of 16:16, 14 July 2015

City University of Hong Kong 2015 - Home

Abstract

For most people, indulging in sweet food like ice-cream, cheesecake and chocolate is as natural as breathing. However, the same kind of food could remind some people of the discomfort and annoyance brought on by lactose intolerance. Should they avoid all these delicacies altogether or resort to taking lactase pills every time after eating food containing lactose? Here, we offer you a new choice.
Lactose intolerance is a gastrointestinal problem signified by symptoms such as bloating, stomach cramps, diarrhea and nausea after consuming milk or .....

Learn more

Parts

under construction

Characterization

under construction

Human practices

under construction

@@ Line 9: / Line 9: @@
 		<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
 <link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
-<link rel="stylesheet" type="text/css" href="files/main_style.css?1436694200" title="wsite-theme-css" />
+<link rel="stylesheet" type="text/css" href="files/main_style.css?1436885250" title="wsite-theme-css" />
 <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
@@ Line 36: / Line 36: @@
 .wsite-product .wsite-product-price a {}
 </style>
-<style>
-.wsite-background {background-image: url('//cdn1.editmysite.com/uploads/5/5/0/1/55018825/background-images/754325555.jpg') !important;background-repeat: no-repeat !important;background-position: 0% 23.4300003051758% !important;background-size: 100% !important;background-color: transparent !important;}
-body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
-</style>
 <style type='text/css'>
 .wsite-header {
-	background-image: url(uploads/5/5/0/1/55018825/header_images/1436693632.jpg) !important;
+	background-image: url(uploads/5/5/0/1/55018825/header_images/1436791223.jpg) !important;
 	background-position: 0 0 !important;
 }
@@ Line 61: / Line 58: @@
 		function initFlyouts(){
 			initPublishedFlyoutMenus(
-				[{"id":"405207076881051096","title":"Home","url":"index.html","target":""},{"id":"579605018939103781","title":"About","url":"about.html","target":""},{"id":"915979469738984051","title":"Contact","url":"contact.html","target":""},{"id":"444997708628807445","title":"Untitled","url":"untitled4.html","target":""},{"id":"624186960293168361","title":"Untitled","url":"untitled5.html","target":""},{"id":"766729801302810591","title":"Untitled","url":"untitled6.html","target":""}],
+				[{"id":"405207076881051096","title":"Home","url":"index.html","target":""},{"id":"396157525309677987","title":"Team","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Team","target":""},{"id":"375321454609514875","title":"Project","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Description","target":""},{"id":"927831948212116307","title":"Attributions","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Attributions","target":""},{"id":"253696043122224864","title":"Collaborations","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Collaborations","target":""},{"id":"939581576302822962","title":"Practices","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Practices","target":""},{"id":"961979816150813109","title":"Safety","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Safety","target":""}],
 				"405207076881051096",
 				"<li class=\"wsite-menu-item-wrap\"><a href=\"#\" data-membership-required=\"\" class=\"wsite-menu-item\">{{title}}<\/a><\/li>",
@@ Line 80: / Line 77: @@
 	</head>
-	<body class="tall-header-page wsite-background  wsite-theme-light  wsite-page-index wsite-custom-background"><div id="header-wrap">
+	<body class="tall-header-page wsite-background  wsite-theme-light  wsite-page-index"><div id="header-wrap">
 			<div class="container">
 				<table id="header">
@@ Line 98: / Line 95: @@
 									<td class="phone-number"></td>
 									<td class="social"><div style="text-align:left;"><div style="height:0px;overflow:hidden"></div>
-<span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-facebook' href='http://facebook.com/1111' target='_blank'><span class='wsite-social-item-inner'></span></a></span>
+<span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-facebook' href='https://www.facebook.com/pages/CityU-HK-IGEM-2015/430624623784629?fref=ts' target='_blank'><span class='wsite-social-item-inner'></span></a></span>
 <div style="height:0px;overflow:hidden"></div></div></td>
 									<td class="search"></td>
@@ Line 115: / Line 112: @@
 					<tr>
 						<td id="nav"><div id="navigation"><ul class="wsite-menu-default"><li id="active" class="wsite-menu-item-wrap">
-	<a href="index.html" class="wsite-menu-item">
+	<a href="https://2015.igem.org/Team:CityU_HK" class="wsite-menu-item">
 		Home
 	</a>
 </li>
-<li id="pg579605018939103781" class="wsite-menu-item-wrap">
+<li id="pg396157525309677987" class="wsite-menu-item-wrap">
-	<a href="about.html" data-membership-required="0" class="wsite-menu-item">
+	<a href="https://2015.igem.org/Team:CityU_HK/Team" data-membership-required="0" class="wsite-menu-item">
-		About
+		Team
+	</a>
+</li>
+<li id="pg375321454609514875" class="wsite-menu-item-wrap">
+	<a href="https://2015.igem.org/Team:CityU_HK/Description" data-membership-required="0" class="wsite-menu-item">
+		Project
+	</a>
+	<div class="wsite-menu-wrap" style="display:none">
+	<ul class="wsite-menu">
+		<li id="wsite-nav-247411444452964531" class="wsite-menu-subitem-wrap">
+	<a href="https://2015.igem.org/Team:CityU_HK/Description" class="wsite-menu-subitem">
+		<span class="wsite-menu-title">
+			Description
+		</span><span class="wsite-menu-arrow">&gt;</span>
 	</a>
 	<div class="wsite-menu-wrap" style="display:none">
 	<ul class="wsite-menu">
-		<li id="wsite-nav-194603648672021033" class="wsite-menu-subitem-wrap">
+		<li id="wsite-nav-832954844447943061" class="wsite-menu-subitem-wrap">
-	<a href="untitled.html" class="wsite-menu-subitem">
+	<a href="https://2015.igem.org/Team:CityU_HK/Parts" class="wsite-menu-subitem">
 		<span class="wsite-menu-title">
-			Untitled
+			Parts
 		</span>
 	</a>
@@ Line 139: / Line 150: @@
 </li>
-<li id="pg915979469738984051" class="wsite-menu-item-wrap">
+<li id="wsite-nav-390930554829520753" class="wsite-menu-subitem-wrap">
-	<a href="contact.html" data-membership-required="0" class="wsite-menu-item">
+	<a href="https://2015.igem.org/Team:CityU_HK/Experiments" class="wsite-menu-subitem">
-		Contact
+		<span class="wsite-menu-title">
+			Experiments
+		</span><span class="wsite-menu-arrow">&gt;</span>
 	</a>
 	<div class="wsite-menu-wrap" style="display:none">
 	<ul class="wsite-menu">
-		<li id="wsite-nav-513017485639987710" class="wsite-menu-subitem-wrap">
+		<li id="wsite-nav-547588938130068005" class="wsite-menu-subitem-wrap">
-	<a href="untitled1.html" class="wsite-menu-subitem">
+	<a href="https://2015.igem.org/Team:CityU_HK/Notebook" class="wsite-menu-subitem">
 		<span class="wsite-menu-title">
-			Untitled
+			Notebook
 		</span>
 	</a>
 </li>
-<li id="wsite-nav-876843318437734394" class="wsite-menu-subitem-wrap">
-	<a href="untitled2.html" class="wsite-menu-subitem">
+	</ul>
+</div>
+</li>
+<li id="wsite-nav-106562558952375131" class="wsite-menu-subitem-wrap">
+	<a href="https://2015.igem.org/Team:CityU_HK/Results" class="wsite-menu-subitem">
 		<span class="wsite-menu-title">
-			Untitled
+			Results
 		</span>
 	</a>
 </li>
-<li id="wsite-nav-697603495208250391" class="wsite-menu-subitem-wrap">
+<li id="wsite-nav-245019235359880140" class="wsite-menu-subitem-wrap">
-	<a href="untitled3.html" class="wsite-menu-subitem">
+	<a href="https://2015.igem.org/Team:CityU_HK/Modeling" class="wsite-menu-subitem">
 		<span class="wsite-menu-title">
-			Untitled
+			Modeling
 		</span>
 	</a>
@@ Line 174: / Line 192: @@
 </li>
-<li id="pg444997708628807445" class="wsite-menu-item-wrap">
+<li id="pg927831948212116307" class="wsite-menu-item-wrap">
-	<a href="untitled4.html" data-membership-required="0" class="wsite-menu-item">
+	<a href="https://2015.igem.org/Team:CityU_HK/Attributions" data-membership-required="0" class="wsite-menu-item">
-		Untitled
+		Attributions
 	</a>
 </li>
-<li id="pg624186960293168361" class="wsite-menu-item-wrap">
+<li id="pg253696043122224864" class="wsite-menu-item-wrap">
-	<a href="untitled5.html" data-membership-required="0" class="wsite-menu-item">
+	<a href="https://2015.igem.org/Team:CityU_HK/Collaborations" data-membership-required="0" class="wsite-menu-item">
-		Untitled
+		Collaborations
 	</a>
 </li>
-<li id="pg766729801302810591" class="wsite-menu-item-wrap">
+<li id="pg939581576302822962" class="wsite-menu-item-wrap">
-	<a href="untitled6.html" data-membership-required="0" class="wsite-menu-item">
+	<a href="https://2015.igem.org/Team:CityU_HK/Practices" data-membership-required="0" class="wsite-menu-item">
-		Untitled
+		Practices
+	</a>
+</li>
+<li id="pg961979816150813109" class="wsite-menu-item-wrap">
+	<a href="https://2015.igem.org/Team:CityU_HK/Safety" data-membership-required="0" class="wsite-menu-item">
+		Safety
 	</a>
@@ Line 208: / Line 232: @@
 			</div><!-- end container -->
 		</div><!-- end banner-wrap -->
+	<center><a>
+<img src="https://static.igem.org/mediawiki/2015/8/8c/CityU_2015_Group_photo.png" alt="Picture" style="" />
+</a></center>
 		<div id="main-wrap">
 			<div class="container">
 				<div id='wsite-content' class='wsite-elements wsite-not-footer'>
-<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -20px;">
+<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
 	<table class="wsite-multicol-table">
 		<tbody class="wsite-multicol-tbody">
 			<tr class="wsite-multicol-tr">
-				<td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 20px;">
+				<td class="wsite-multicol-col" style="width:42.008196721311%; padding:0 15px;">
-<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right">
+<div class="wsite-spacer" style="height:10px;"></div>
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:15px;padding-bottom:0;margin-left:0;margin-right:10px;text-align:center">
 <a>
-<img src="uploads/5/5/0/1/55018825/1436693195.png" alt="Picture" style="width:auto;max-width:100%" />
+<img src="https://static.igem.org/mediawiki/2015/1/12/Are_you_lactose_intolerant.png" alt="Picture" style="width:auto;max-width:100%" />
 </a>
 <div style="display:block;font-size:90%"></div>
 </div></div>
@@ Line 229: / Line 258: @@
-				</td>				<td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 20px;">
+				</td>				<td class="wsite-multicol-col" style="width:57.991803278689%; padding:0 15px;">
@@ Line 235: / Line 264: @@
 <h2 class="wsite-content-title" style="text-align:left;">Abstract</h2>
-<div class="paragraph" style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<br /><br />Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&nbsp;<span style="text-align: justify;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</span></div>
+<div class="paragraph" style="text-align:left;">For most people, indulging in sweet food like ice-cream, cheesecake and chocolate is as natural as breathing. However, the same kind of food could remind some people of the discomfort and annoyance brought on by lactose intolerance. Should they avoid all these delicacies altogether or resort to taking lactase pills every time after eating food containing lactose? Here, we offer you a new choice. &nbsp;<br />Lactose intolerance is a gastrointestinal problem signified by symptoms such as bloating, stomach cramps, diarrhea and nausea after consuming milk or .....<br /></div>
+<div style="text-align:left;"><div style="height: 10px; overflow: hidden;"></div>
+<a class="wsite-button wsite-button-large wsite-button-normal" href="https://2015.igem.org/Team:CityU_HK/Description" >
+<span class="wsite-button-inner">Learn more</span>
+</a>
+<div style="height: 10px; overflow: hidden;"></div></div>
@@ Line 244: / Line 279: @@
 </div></div></div>
-<div><div style="height: 40px; overflow: hidden; width: 100%;"></div>
+<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
 <hr class="styled-hr" style="width:100%;"></hr>
-<div style="height: 40px; overflow: hidden; width: 100%;"></div></div>
+<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
 <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -25px;">
@@ Line 256: / Line 291: @@
-<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:15px;margin-left:0;margin-right:0;text-align:center">
+<div><div class="wsite-image wsite-image-border-none " style="padding-top:5px;padding-bottom:5px;margin-left:0;margin-right:0;text-align:left">
 <a>
-<img src="uploads/5/5/0/1/55018825/8959057.jpg?282" alt="Picture" style="width:282;max-width:100%" />
+<img src="https://static.igem.org/mediawiki/2015/8/84/BioBrick_3_%281%2B2%29.png" alt="Picture" style="width:auto;max-width:100%" />
 </a>
 <div style="display:block;font-size:90%"></div>
 </div></div>
-<h2 class="wsite-content-title" style="text-align:center;"><font style="font-weight: normal;" size="5">Background</font></h2>
+<h2 class="wsite-content-title" style="text-align:center;"><span style="font-weight: normal;"><font size="5">Parts</font></span></h2>
-<div class="paragraph" style="text-align:center;"><span style="">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusant doloremque laudantium, totam rem.</span></div>
+<div class="paragraph" style="text-align:center;"><span style="">under construction</span></div>
-<div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div>
-<a class="wsite-button wsite-button-small wsite-button-normal" href="javascript:;" >
-<span class="wsite-button-inner">Learn More</span>
-</a>
-<div style="height: 10px; overflow: hidden;"></div></div>
@@ Line 279: / Line 308: @@
-<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:center">
+<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;text-align:right">
 <a>
-<img src="uploads/5/5/0/1/55018825/1436692725.png" alt="Picture" style="width:auto;max-width:100%" />
+<img src="https://static.igem.org/mediawiki/2015/7/74/Characterize_demo.png" alt="Picture" style="width:auto;max-width:100%" />
 </a>
 <div style="display:block;font-size:90%"></div>
 </div></div>
-<h2 class="wsite-content-title" style="text-align:center;"><span style="font-weight: normal;"><font size="5">Parts</font></span></h2>
+<h2 class="wsite-content-title" style="text-align:center;"><span style="font-weight: normal;"><font size="5">Characterization</font></span></h2>
-<div class="paragraph" style="text-align:center;"><span style="">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusant doloremque laudantium, totam rem.</span></div>
+<div class="paragraph" style="text-align:center;">under construction<br /></div>
-<div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div>
-<a class="wsite-button wsite-button-small wsite-button-normal" href="javascript:;" >
-<span class="wsite-button-inner">Learn More</span>
-</a>
-<div style="height: 10px; overflow: hidden;"></div></div>
@@ Line 302: / Line 325: @@
-<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:left">
+<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:left">
 <a>
-<img src="uploads/5/5/0/1/55018825/1436693101.png" alt="Picture" style="width:auto;max-width:100%" />
+<img src="https://static.igem.org/mediawiki/2015/a/ab/Outreachh.png" alt="Picture" style="width:auto;max-width:100%" />
 </a>
 <div style="display:block;font-size:90%"></div>
 </div></div>
-<h2 class="wsite-content-title" style="text-align:center;"><span style="font-weight: normal;"><font size="5">Characterization</font></span></h2>
+<h2 class="wsite-content-title" style="text-align:center;"><font style="font-weight: normal;" size="5">Human practices</font></h2>
-<div class="paragraph" style="text-align:center;"><span style="">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusant doloremque laudantium, totam rem.</span></div>
+<div class="paragraph" style="text-align:center;"><span style="">under construction</span></div>
-<div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div>
-<a class="wsite-button wsite-button-small wsite-button-normal" href="javascript:;" >
-<span class="wsite-button-inner">Learn More</span>
-</a>
-<div style="height: 10px; overflow: hidden;"></div></div>
@@ Line 329: / Line 346: @@
 		</div><!-- end main-wrap -->
+    <div id="footer-wrap">
+        <div class="container">
+       		Create a <a target="_top" href="http://www.weebly.com/">free web site</a> with <a target="_top" href="http://www.weebly.com/" title="free web site">Weebly</a>
+        </div><!-- end container -->
+    </div><!-- end footer-wrap -->
@@ Line 336: / Line 357: @@
 </html>
-<html>
+{{:Team:CityU_HK/Template/CSS}}
-<style>
-/* Resets
---------------------------------------------------------------------------------*/
-ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
-fieldset, input {
-	margin: 0;
-	padding: 0;
-}
-a img {
-	border: 0;
-}
-a {
-	text-decoration: none;
-}
-/* General Styling and Structure
---------------------------------------------------------------------------------*/
-body {
-	font-family: Georgia, serif;
-	font-size: 14px;
-	background: #F2F2F2;
-	color: #555;
-	line-height:24px;
-}
-.container {
-	margin: 0 auto;
-	width: 946px;
-	padding:0 7px;
-	background:#fff;
-}
-#header-wrap,
-#banner-wrap,
-#nav-wrap,
-#main-wrap,
-#footer-wrap
-{
-        width:100%;
-}
-#main-wrap .container {min-height:450px;}
-h3 {
-	font-size: 22px;
-	padding: .2em 0 .2em 0;
-	line-height: 1.2;
-	font-weight: normal;
-	letter-spacing: -1px;
-	color: #333;
-	margin-bottom:20px;
-}
-a {
-	color: #C13832;
-}
-a:hover {
-	color: $HoverColor;
-}
-h2 {
-	font-size: 19px;
-	padding: .8em 0 .2em 0;
-	line-height: 1.2;
-	font-weight: normal;
-	color: #333;
-	margin-bottom:20px;
-}
-.weebly-text h1, h2, h3, h4, h5, h6 {font-family: Georgia, serif;}
-p, blockquote {
-	color:#777;
-	font: 12px/22px Arial,sans-serif;
-}
-blockquote {
-	color:#aaa;
-}
-/* Header
---------------------------------------------------------------------------------*/
-#nav-wrap .container,
-#nav-wrap .container table {
-	border-collapse: collapse;
-	border-spacing: 0;
-	width:946px;
-}
-#wsite-title {
-    font-size:20px;
-	color:#555;
-	line-height:38px;
-	float:left;
-	font-style:italic;
-	font-weight:bold;
-}
-#wsite-title:hover {
-	color:$HoverColor;
-}
-#header {
-	border-collapse: collapse;
-	border-spacing: 0;
-	text-align:right;
-	height:100px;
-    width:100%;
-}
-#header,
-#header table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-#header td {
-	vertical-align: middle;
-	text-align: left;
-}
-#header-right {
-	border-spacing:0;
-	padding:0;
-}
-#header-right table {
-	float:right;
-	width:1px;
-}
-#header-right td {
-	padding: 0 0 0 0;
-}
-/* Header: Phone Number
---------------------------------------------------------------------------------*/
-#header-right .phone-number .wsite-text {
-	font-weight: 300;
-	font-size:13px;
-	display: block;
-	white-space: nowrap;
-	line-height: 31px;
-	margin: 0 0 0 10px;
-	text-align: right;
-}
-#header-right .phone-number .wsite-text a {}
-#header-right .phone-number .wsite-text a:hover {}
-/* Header: Social Links
---------------------------------------------------------------------------------*/
-#header-right .wsite-social {
-	vertical-align: middle;
-	margin-left:15px;
-}
-.wsite-social-item {
-	width: 28px;
-	height: 30px;
-	margin: 1px 0 0 4px;
-}
-.wsite-social-rss {
-	background: url(social-icons.png) no-repeat -130px 0px;
-}
-.wsite-social-rss:hover {
-	background-position: -130px -30px;
-}
-.wsite-social-rss:active {
-	background-position: -130px -60px;
-}
-.wsite-social-linkedin {
-	background: url(social-icons.png) no-repeat -65px 0px;
-}
-.wsite-social-linkedin:hover {
-	background-position: -65px -30px;
-}
-.wsite-social-linkedin:active {
-	background-position: -65px -60px;
-}
-.wsite-social-facebook {
-	background: url(social-icons.png) no-repeat 0px 0px;
-}
-.wsite-social-facebook:hover {
-	background-position: 0px -30px;
-}
-.wsite-social-facebook:active {
-	background-position: 0px -60px;
-}
-.wsite-social-twitter {
-	background: url(social-icons.png) no-repeat -32px 0px;
-}
-.wsite-social-twitter:hover {
-	background-position: -32px -30px;
-}
-.wsite-social-twitter:active {
-	background-position: -32px -60px;
-}
-.wsite-social-mail {
-	background: url(social-icons.png) no-repeat -97px 0px;
-}
-.wsite-social-mail:hover {
-	background-position: -97px -30px;
-}
-.wsite-social-mail:active {
-	background-position: -97px -60px;
-}
-.wsite-social-pinterest {
-	background: url(social-icons.png) no-repeat -227px 0px;
-}
-.wsite-social-pinterest:hover {
-	background-position: -227px -30px;
-}
-.wsite-social-pinterest:active {
-	background-position: -227px -60px;
-}
-.wsite-social-youtube {
-	background: url(social-icons.png) no-repeat -325px 0px;
-}
-.wsite-social-youtube:hover {
-	background-position: -325px -30px;
-}
-.wsite-social-youtube:active {
-	background-position: -325px -60px;
-}
-.wsite-social-plus {
-	background: url(social-icons.png) no-repeat -195px 0px;
-}
-.wsite-social-plus:hover {
-	background-position: -195px -30px;
-}
-.wsite-social-plus:active {
-	background-position: -195px -60px;
-}
-.wsite-social-flickr {
-	background: url(social-icons.png) no-repeat -162px 0px;
-}
-.wsite-social-flickr:hover {
-	background-position: -162px -30px;
-}
-.wsite-social-flickr:active {
-	background-position: -162px -60px;
-}
-.wsite-social-vimeo {
-	background: url(social-icons.png) no-repeat -260px 0px;
-}
-.wsite-social-vimeo:hover {
-	background-position: -260px -30px;
-}
-.wsite-social-vimeo:active {
-	background-position: -260px -60px;
-}
-.wsite-social-yahoo {
-	background: url(social-icons.png) no-repeat -292px 0px;
-}
-.wsite-social-yahoo:hover {
-	background-position: -292px -30px;
-}
-.wsite-social-yahoo:active {
-	background-position: -292px -60px;
-}
-/* Header: Search Box
---------------------------------------------------------------------------------*/
-#header-right .search {
-	width:182px;
-	vertical-align: middle;
-}
-#header-right .wsite-search {
-	vertical-align: middle;
-	margin-left:15px;
-	width:182px;
-	height:28px;
-	background:url(search-bg.gif) no-repeat top left;
-}
-#header-right .wsite-search-input {
-	width: 145px;
-	border: none;
-	padding: 6px !important;
-	color: #999999;
-	font-size: 12px ;
-	background: none;
-	height:auto !important;
-}
-#header-right .wsite-search-button {
-	position: relative;
-	width: 14px;
-	height: 14px;
-	border: 0px;
-	margin: 7px 0px 0px 5px;
-	padding: ;
-	background: url(search-button.gif) no-repeat right center;
-}
-/* Navigation
---------------------------------------------------------------------------------*/
-#nav-wrap .container {
-	clear: both;
-	overflow: hidden;
-	position: relative;
-}
-#nav-wrap .container table, #nav-wrap .container table tr, #nav-wrap .container table tr td, #nav-wrap .container table tbody {
-	vertical-align:bottom;
-}
-td#nav {
-	float:right;
-	border-spacing:0;
-}
-#navigation {
-	line-height: 1;
-	float: right;
-}
-#navigation ul {
-	list-style: none;
-	float: left;
-	width:946px;
-	height:44px;
-	margin-bottom:-1px;
-}
-#navigation li {
-	display: inline;
-	position: relative;
-	list-style: none;
-	float: left;
-	margin:0 0 0 5px;
-}
-#navigation li.wsite-nav-0 {margin-left:0;}
-#navigation ul li a {
-	display: block;
-	color: #333;
-	text-decoration: none;
-	padding:4px 0 4px 0;
-	margin:0;
-	width:130px;
-	border: 0;
-	outline: 0;
-	list-style-type: none;
-	box-sizing:border-box;
-	float: left;
-	font:13px Georgia, serif;
-	border-top:4px solid #939598;
-}
-#navigation ul li#active a{
-	border-top:4px solid #C13832;
-	color:#000;
-}
-#navigation ul li a:hover {
-	border-top:4px solid #404041;
-	color: #666;
-}
-/* Navigation Submenu's
---------------------------------------------------------------------------------*/
-#wsite-menus .wsite-menu {
-	background:#fff;
-	box-shadow:0 1px 7px rgba(0,0,0,0.1);
-	position:relative;
-}
-#wsite-menus .wsite-menu li a {
-	background: #F4F4F4;
-	border:none;
-	border-bottom: 1px solid #E8E8E8;
-	border-top: 1px solid white;
-	display: block;
-}
-#wsite-menus .wsite-menu li a:hover {
-	color: #C13832;
-	background: #eee;
-}
-/* Universal banner
---------------------------------------------------------------------------------*/
-#banner {
-	position:relative;
-}
-#banner-image-wrap {
-	position:relative
-}
-/* Page type: Tall header
---------------------------------------------------------------------------------*/
-.tall-header-page #banner-image-wrap {
-	width: 100%;
-	height: 250px;
-}
-.tall-header-page .wsite-header {
-	width: 100%;
-	height: 250px;
-	background: url(banner-tall.jpg) no-repeat;
-}
-/* Page type: Short header
---------------------------------------------------------------------------------*/
-.short-header-page #banner-image-wrap {
-	width: 100%;
-	height: 100px;
-}
-.short-header-page .wsite-header {
-	width: 100%;
-	height: 100px;
-	background: url(banner-short.jpg) no-repeat;
-}
-/* Page type: No header
---------------------------------------------------------------------------------*/
-.no-header-page #banner, .no-header-page .wsite-header  {
-        display:none;
-}
-/* Page type: Landing page
---------------------------------------------------------------------------------*/
-.landing-page #banner {}
-#bannerleft {
-	width: 946px;
-	height: 400px;
-	float:right;
-	position:relative;
-}
-.landing-page .wsite-header {
-	width: 100%;
-	height: 400px;
-	background: url(banner-tall.jpg) no-repeat;
-}
-#bannerright {
-	width: 420px;
-	text-align:left;
-	position:absolute;
-	z-index:4;
-	bottom:30px;
-	right:30px;
-	padding:23px 20px 20px;
-	background:#C13832;
-}
-#bannerright h2 {
-	color: #fff;
-	font:bold italic 24px Georgia, serif;
-	padding: 0px;
-	line-height: 24px;
-	margin:0px;
-}
-#bannerright .anchor {
-	position:absolute;
-	background:#C13832;
-	width:30px;
-	height:7px;
-	bottom:-7px;
-	left:-30px;
-}
-#bannerright p {
-	padding: 20px 0px;
-	line-height: 140%;
-	color:#fff;
-	font: 14px/19px Georgia, serif;
-}
-#bannerright p a, #bannerright h2 a {
-	color:#fff;
-	text-decoration:underline;
-}
-.landing-banner-outer {
-	display: table;
-	#position: relative;
-	overflow: hidden;
-}
-.landing-banner-mid {
-	#position: absolute;
-	#top: 50%;
-	display: table-cell;
-	vertical-align: middle;
-}
-.landing-banner-inner {
-	#position: relative;
-	#top: -50%;
-}
-/* Main Content
---------------------------------------------------------------------------------*/
-#main-wrap .container {
-	min-height:400px;
-	padding-top:10px;
-	padding-bottom:20px;
-}
-#main-wrap .container h2 {
-	margin-bottom:10px;
-}
-#main-wrap .container blockquote {
-	font-family: 'Droid Serif', serif;
-	font-style: italic;
-	color:# 777777;
-	padding-left:15px;
-	border-left:3px solid #eeeeee;
-	margin: 15px 0px;
-}
-#main-wrap .container form .wsite-button {
-	margin-top:50px;
-}
-/* Footer
---------------------------------------------------------------------------------*/
-#footer-wrap {
-	margin-top:25px;
-}
-#footer-wrap .container {
-	text-align:left;
-	padding:0 0px 20px;
-	text-align:right;
-	background:none;
-}
-#footer-wrap ul {
-	text-align:left;
-}
-#footer-wrap h2 {
-	font-size: 19px;
-	padding-bottom:10px;
-	margin:0;
-	font-weight: normal;
-	color:#333;
-}
-#footer-wrap span {
-	vertical-align: middle;
-}
-/* Form Customization
---------------------------------------------------------------------------------*/
-.wsite-form-label {
-	display: inline-block;
-	color: #797979;
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 1em;
-	padding: 6px 0 0px 0;
-}
-.form-radio-container {
-	color: #797979;
-	font-size: 1em;
-	font-family: Arial, Helvetica, sans-serif;
-}
-.wsite-form-input, .wsite-search-element-input {
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 1em;
-	color: #797979;
-	background: #fff url(field.png) repeat-x;
-	border: 1px solid #d4d4d4;
-	padding: 8px 4px 5px !important;
-	line-height: 1;
-	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
-}
-.form-select {
-	color: #797979;
-	background: url#fff (field.png);
-	border: 1px solid #d4d4d4;
-	font-size: 1em;
-	font-family: Arial, Helvetica, sans-serif;
-	padding: 3px 4px;
-	width: 320px;
-	height: 27px;
-	line-height: 27px;
-	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
-}
-.form-radio-container {
-	font-size:.9em;
-	min-height:20px;
-	padding:0;
-	margin:0 0 5px 0 !important;
-}
-/* Footer Form Customization
---------------------------------------------------------------------------------*/
-.wsite-form-container {
-	margin-top:0px !important;
-	text-align:left;
-}
-.wsite-footer .wsite-form-label {
-	font-size: 1em;
-	padding: 5px 0 2px 0;
-}
-.wsite-footer .wsite-form-field {
-	width:350px !important;
-}
-.wsite-footer .wsite-form-input {
-	font-size: 1em;
-	width: 100% !important;
-}
-.wsite-footer .form-select {
-	width: 100%;
-}
-/* Buttons
---------------------------------------------------------------------------------*/
-/* Small structure & regular style */
-.wsite-button {
-	background: #333;
-	color: white !important;
-	font-size: 13px;
-	font-weight: 700;
-	padding: 0 10px 0 0;
-	text-align: center;
-	text-decoration: none !important;
-}
-.wsite-button:hover {
-	background-position:0 0;
-	background:#000;
-}
-.wsite-button:active {
-	background-position:0 0;
-}
-.wsite-button-inner {
-	color: #fff !important;
-	padding:3px 15px 3px 15px;
-	background: #222;
-}
-.wsite-button:hover .wsite-button-inner {
-}
-.wsite-button:active {}
-/* Large structure & regular style  */
-.wsite-button-large {
-	font-size:14px;
-	background: #333;
-}
-.wsite-button-large:hover {
-	font-size:14px;
-	background:#000;
-}
-.wsite-button-large .wsite-button-inner {
-	font-size:14px;
-	padding:8px 15px 8px 15px;
-	background: #222;
-}
-/* Highlighted styles */
-.wsite-button-highlight, .wsite-button-large.wsite-button-highlight {
-	background: #931C18;
-}
-.wsite-button-highlight:hover , .wsite-button-large.wsite-button-highlight:hover {
-	background: #61120F;
-}
-.wsite-button-highlight .wsite-button-inner {
-	background-image: none;
-	background: #7F1714;
-}
-.wsite-button-large.wsite-button-highlight .wsite-button-inner {
-	background-image: none;
-	background: #7F1714;
-}
-</style>
-</html>