/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
p {text-align:left;margin:0;}
p, ul {font-size:13px;line-height:1.4em;}
p a, li a {color:#39c;text-decoration:none;}
p.intro {width:100%;}
noscript p, noscript ol {color:#a00;font-size:13px;line-height:1.4em;text-align:left;}
noscript a {color:#a00;text-decoration:underline;}
noscript ol {margin-left:25px;}
a:focus {outline:none;}
.stripViewer .panelContainer .panel ul {text-align: left;margin:0;}
.slider-wrap {margin:0;position: relative;width: 100%;}
.csw {width:100%;height:460px;background:#fff;overflow:scroll;}
.csw .loading {margin: 200px 0 300px 0;text-align:center;}

.stripViewer {position: relative;overflow: hidden;width:660px;height:550px;clear:both;background:transparent;border:1px solid #fff;outline:1px solid #999;}
.stripViewer .panelContainer {position: relative;left: 0; top: 0;width: 100%;list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}
.stripViewer .panelContainer .panel {float:left;height: 100%;position:relative;width: 660px;}
.stripViewer .panelContainer .panel .wrapper {padding: 0px;}
.stripNav {display:none;margin:auto;}
.stripNav ul {list-style: none;}
.stripNav ul li {float: left;margin-right: 2px;}
.stripNav a {font-size:9px;text-align: center;background:#e8e5d8;color:#000;text-decoration:none;display:block;padding:0 15px;}
.stripNav li.tab1 a {background: #e8e5d8;}
.stripNav li.tab2 a {background: #e8e5d8;}
.stripNav li.tab3 a {background: #e8e5d8;}
.stripNav li.tab4 a {background: #e8e5d8;}
.stripNav li.tab5 a {background: #e8e5d8;}
.stripNav li a:hover {background: #333;}
.stripNav li a.current {background: #000;color: #fff;}
.stripNavL, .stripNavR {position: absolute;top: 230px;text-indent: -9000em;}
.stripNavL a, .stripNavR a {display: block;height: 40px;width: 40px;}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
.stripNavL {background: url("images/arrow-left.gif") no-repeat center;}
.stripNavR {background: url("images/arrow-right.gif") no-repeat center;}

.previousnext a {position:relative;float:left;padding:10px;width:310px;background:#e8e5db;text-align:center;color:#6F6D68;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.previousnext a:hover {background:#8F8D86;color:#fff;text-decoration:none;}
.description {position:relative;float:left;background:#EFEFEF;width:630px;padding:15px;text-align:center;}
.description p {width:630px;color:#555;text-align:center;}
.description h3 {text-transform:uppercase;font-size:0.9em;color:#555;}

#cross-links {margin:20px 0 0 50px;font-size:1em;}
#cross-links p {margin:10px 0;}
#cross-links .titlenav {position:relative;float:left;width:130px;font-weight:bold;text-transform:uppercase;font-size:0.9em;color:#555;}
#cross-links a {padding:5px 7px;border:1px solid #e8e5db;margin:0 3px;}
#cross-links a:hover {background:#000;color:#fff;text-decoration:none;}

.presentation {position:relative;float:left;width:540px;padding:60px;height:320px;}
.presentation p {margin:0 0 20px;text-align:justify;}
.presentation .socialnetworks {position:relative;float:left;width:200px;}