/*
 Theme Name: Arena Website Wordpress Template
 Theme URI: http://www.arena-design.co.uk
 Description: A search engine optimized website for WordPress.
 Author: Hannah Woodhams & Spencer Westwood
 Author URI: http://www.arena-design.co.uk
 Version: 1.0
 Tags: pink, one column, two column, grey
 .
 This theme is copyrighted work.
 Minified with yuicompressor
 full version in style.expanded.css
 
 .
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
ol, ul {
list-style:none outside none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
:focus {
outline:0 none;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
a img {
border:medium none;
}
body {
background:none repeat scroll 0 0 #FFFFFF;
}
body, input, textarea {
color:#111111;
font:12px/1.5 Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
clear:both;
font-weight:normal;
}
hr {
background-color:#999999;
border:0 none;
height:1px;
margin-bottom:1.5em;
}
p {
margin-bottom:1.5em;
}
ul {
margin:0 0 1.5em 2.5em;
}
ol {
margin:0 0 1.5em 2.5em;
}
ul {
list-style:disc outside none;
}
ol {
list-style-type:decimal;
}
ol ol {
list-style:upper-alpha outside none;
}
ol ol ol {
list-style:lower-roman outside none;
}
ol ol ol ol {
list-style:lower-alpha outside none;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom:0;
}
dl {
margin:0 1.5em;
}
dt {
font-weight:bold;
}
dd {
margin-bottom:1.5em;
}
strong {
font-weight:bold;
}
cite, em, i {
font-style:italic;
}
blockquote {
margin:0 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style:normal;
}
pre {
font:11px/1.5 Monaco,monospace;
margin-bottom:1.5em;
}
code {
font:11px Monaco,monospace;
}
abbr, acronym {
border-bottom:1px dotted #666666;
cursor:help;
}
ins {
text-decoration:none;
}
sup, sub {
height:0;
line-height:1;
position:relative;
vertical-align:baseline;
}
sup {
bottom:1ex;
}
sub {
top:0.5ex;
}
.entry-content img {
margin:0 0 1.5em;
}
.alignleft, img.alignleft {
display:inline;
float:left;
margin-right:1.5em;
}
.alignright, img.alignright {
display:inline;
float:right;
margin-left:1.5em;
}
.aligncenter, img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
margin-bottom:1.5em;
text-align:center;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
margin:0;
}
.wp-smiley {
margin:0 !important;
max-height:1em;
}
.gallery dl {
margin:0;
}
.gallery-caption {
margin:-1.5em 0 0;
}
blockquote.left {
float:left;
margin-left:0;
margin-right:20px;
text-align:right;
width:33%;
}
blockquote.right {
float:right;
margin-left:20px;
margin-right:0;
text-align:left;
width:33%;
}
body {
font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
font-size:13px;
}
body a {
color:#C22C7E;
text-decoration:none;
}
#wrapper {
margin:0 auto;
width:1050px;
}
#container {
float:left;
margin:0 -200px 0 0;
width:100%;
}
#branding {
background:url("images/pink-header-bg.jpg") no-repeat scroll 0 0 white;
height:200px;
margin-top:0;
padding-left:72px;
width:1050px;
}
#blog-title a {
color:#FFFFFF;
float:left;
font-family:VAGrounded BT,Arial,serif;
font-size:47px;
margin-left:-7px;
margin-top:148px;
position:relative;
text-decoration:none;
}
#blog-description {
color:#C22C7E;
float:left;
font-family:VAGrounded BT,Arial,serif;
font-size:75px;
margin-left:9px;
margin-top:125px;
opacity:0.65;
position:relative;
}
.ouremail {
color:#FFFFFF;
float:left;
font-family:Arial;
font-size:22px;
margin-left:565px;
margin-top:-107px;
opacity:0.5;
position:relative;
text-align:right;
}
.phone {
color:#FFFFFF;
float:left;
font-family:Arial;
font-size:20px;
margin-left:775px;
margin-top:-135px;
opacity:0.5;
position:relative;
text-align:right;
}
#footer {
background-image:url("images/footer_bg.jpg");
background-repeat:repeat-y;
clear:both;
height:128px;
padding-left:70px;
padding-top:10px;
z-index:4;
}
.grid_x, .grid_y, .grid_z {
color:#FFFFFF;
float:left;
padding:10px;
width:283px;
}
.footerBottom {
background-image:url("images/footer-bottom.jpg");
background-repeat:no-repeat;
height:25px;
margin-bottom:25px;
z-index:4;
}
#access {
background:url("images/menu-bg1.jpg") repeat-y scroll 0 0 #FFFFFF;
margin:0 0 0 47px;
width:1050px;
z-index:500;
}
.page-item-55 a, .page-item-55 {
border-right:medium none;
}
#content {
xbackground: black;
background:url("images/middle-lr-shadow-edge.jpg") repeat-y scroll 0 0 #FFFFFF;
margin:0 auto;
axmin-height:307px;
overflow:hidden;
padding-left:60px;
padding-top:6px;
z-index:100;
height: auto;
}
#content2 {
background-image:url("images/middle-lr-shadow-edge.jpg");
background-repeat:repeat-y;
height:180px;
margin:0 auto;
padding-left:50px;
padding-top:10px;
}
.contentWrapper {
position: relative;
clear: both;
float:left;
width:946px;
height: auto;

}
.contentWrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; 
	}

.gridL {
float: left;
margin-top:10px;
margin-left: 20px;
margin-right: 20px;
width:430px;
z-index:10;
display: inline-block;
* margin-right: 0px;
* padding: 0;
* margin-left: 10px;
* ma\rgin-left: 10px;
}
.gridR {
float: right;
margin-left: 24px;
margin-right: 10px;
width:440px;
display: inline-block;
* float: left;
* margin-left: 17px;

* fl\oat: left;
}
.gridL40pc {
float:left;
margin-top:10px;
width:344px;
z-index:10;
}
.gridR60pc {
display:inline;
float:right;
margin:auto;
width:515px;
}
.gridL60pc {
float:left;
margin-top:10px;
width:516px;
z-index:10;
display: 
}
.gridR40pc {
display:inline;
float:right;
margin:auto;
padding-right:50px;
position:absolute;
width:344px;
z-index:20;
clear: left;
}
h2 {
color:#676464;
font-size:24px;
margin-bottom:10px;
}
#spacer13px {
background:url("images/gray-spacer.jpg") repeat-y scroll 0 0 white;
height:13px;
}
.grid_a, .grid_b, .grid_c, .grid_d {
float:left;
padding:10px;
width:206px;
}
.nav-next {
margin-bottom:10px;
margin-top:20px;
}
.footerlist {
list-style-type:none;
margin:0;
padding:2px;
}
.post {
width:545px;
margin-left: 5px;
}
.entry-content, .entry-utility {
float:left;
width:500px;
}
.entry-utility {
margin-bottom:20px;
}
pre {
float:left;
}
.entry-title, h2 a {
color:#676464;
font-size:24px;
margin-bottom:20px;
margin-top:20px;
text-decoration:none;
}
.nav-previous {
display:inline;
float:left;
padding-right:25px;
margin: 5px 0px 10px 5px;
}
.nav-next {
padding-left:10px;
}
.nav-previous a, .nav-next a {
color:#C22C7E;
font-size:10px;
margin-bottom:15px;
margin-top:15px;
}
.entry-title, .entry-title a {
margin-bottom:10px;
margin-top:10px;
}
.entry-meta {
color:#676464;
font-size:11px;
font-style:italic;
margin-bottom:10px;
}
#primary, #secondary {
margin:50px 100px 120px 730px;
overflow:visible;
padding:10px 10px 20px 5px;
position:absolute;
}
#secondary {
clear:right;
}
.xoxo {
margin:0;
padding:0;
width:210px;
}
ul.xoxo {
padding-left:5px;
padding-top:5px;
}
ul.xoxo li {
list-style-position:outside;
list-style-type:none;
margin-right:20px;
padding-top:4px;
}
.ul.xoxo li ul {
margin:0 20px 0 0;
padding:0;
}
#footer {
clear:both;
width:100%;
}
.margintop20 {
margin-top:20px;
}
h4 {
color:#676464;
font-size:24px;
}
.latestUL {
list-style-type:none;
}
.widget-container {
width:120px;
}
.widget-title {
color:#676464;
}
.jshowoff-controls {
float:left;
height:50px;
margin-top:260px;
position:absolute;
}
.jshowoff-controls a {
color:#C22C7E;
font-size:10px;
}
#signupform {
background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #DDDDDD;
height:50px;
margin:20px 20px 20px 40px;
padding:25px 10px 0 40px;
width:470px;
}
#signupform input {
padding-left:10px;
}
#errorMessage {
color:red;
margin:10px;
}
.skip-link {
visibility:hidden;
}
.menu {
z-index:200;
}
#dropmenu, #dropmenu ul {
background:url("images/menu-bg.jpg") repeat-y scroll 0 0 #FFFFFF;
line-height:1.5em;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
z-index:50;
}
#dropmenu a {
background-color:#676464;
border-color:#676464 #FFFFFF #676464 #676464;
border-style:solid;
border-width:1px 2px 1px 1px;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
padding:5px;
text-decoration:none;
}
#dropmenu a:hover {
background-color:#FFFFFF;
color:#676464;
}
#dropmenu li {
float:left;
position:relative;
width:159px;
}
#dropmenu ul {
display:none;
position:absolute;
top:2.2em;
width:15.5em;
}
#dropmenu li ul a {
float:left;
height:auto;
width:14em;
}
#dropmenu ul ul {
top:auto;
}
#dropmenu li ul ul {
left:12em;
margin:0 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display:block;
}
#portfolio-gallery {
background:url("images/middle-lr-shadow-edge.jpg") repeat-y scroll 0 0 #FFFFFF;
height:120px;
margin:0;
padding:0;
z-index:-10;
}
.jcarousel-container {
margin:0 0 0 66px;
position:relative;
}
.jcarousel-clip {
margin:0;
overflow:hidden;
padding:0;
position:relative;
z-index:2;
}
.jcarousel-list {
left:0;
margin:0;
overflow:hidden;
padding:0;
position:relative;
top:0;
z-index:1;
}
.jcarousel-list li, .jcarousel-item {
float:left;
height:75px;
list-style:none outside none;
width:75px;
}
.jcarousel-next {
display:none;
z-index:3;
}
.jcarousel-prev {
display:none;
z-index:3;
}
.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius:10px 10px 10px 10px;
background:none repeat scroll 0 0 #FFFFFF;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
padding:20px 40px;
width:847px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
height:245px;
padding:40px 20px;
width:90px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height:75px;
width:847px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
height:245px;
width:75px;
}
.jcarousel-skin-tango .jcarousel-item {
height:75px;
width:75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right:10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom:10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
background:url("images/next-horizontal.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:32px;
position:absolute;
right:5px;
top:43px;
width:32px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position:-32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position:-64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
background-position:-96px 0;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
background:url("images/prev-horizontal.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:32px;
left:5px;
position:absolute;
top:43px;
width:32px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position:-32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position:-64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
background-position:-96px 0;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
background:url("next-vertical.png") no-repeat scroll 0 0 transparent;
bottom:5px;
cursor:pointer;
height:32px;
left:43px;
position:absolute;
width:32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
background-position:0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position:0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
background-position:0 -96px;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
background:url("prev-vertical.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:32px;
left:43px;
position:absolute;
top:5px;
width:32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
background-position:0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position:0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
background-position:0 -96px;
cursor:default;
}
#jquery-overlay {
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
}
#jquery-lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:100;
}
#jquery-lightbox a img {
border:medium none;
}
#lightbox-container-image-box {
background-color:#FFFFFF;
height:250px;
margin:0 auto;
position:relative;
width:250px;
}
#lightbox-container-image {
padding:10px;
}
#lightbox-loading {
height:25%;
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%;
}
#lightbox-nav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav {
left:0;
}
#lightbox-nav a {
outline:medium none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display:block;
height:100%;
width:49%;
}
#lightbox-nav-btnPrev {
float:left;
left:0;
}
#lightbox-nav-btnNext {
float:right;
right:0;
}
#lightbox-container-image-data-box {
background-color:#FFFFFF;
font:10px/1.4em Verdana,Helvetica,sans-serif;
margin:0 auto;
overflow:auto;
padding:0 10px;
width:100%;
}
#lightbox-container-image-data {
color:#666666;
padding:0 10px;
}
#lightbox-container-image-data #lightbox-image-details {
float:left;
text-align:left;
width:70%;
}
#lightbox-image-details-caption {
font-weight:bold;
}
#lightbox-image-details-currentNumber {
clear:left;
display:block;
padding-bottom:1em;
}
#lightbox-secNav-btnClose {
float:right;
padding-bottom:0.7em;
width:66px;
}
.skip-link {
display:none;
}
.invisible {
display:none;
}
.grid_b {
margin-bottom:0;
margin-top:8px;
padding:0;
text-align:center;
}
.xoxo li {
width:220px;
}
li.linkcat {
list-style-type:none;
}
h2 {
margin-top:15px;
}
#blog-title {
}
.legal {
		
font-size:11px;
margin: 0 100px;
/*margin: 0 auto;

margin-bottom:10px;
margin-left:100px;
float: left;*/

}
.toprotator {
background: #fff;
width: 875px;
}
#pager { z-index: 80; height: 25px; border: none;  position: relative; top: 280px; left: 10px; }

#pager a{ margin: 5px 5px; padding: 5px;}
#pager a.activeSlide { text-decoration: underline;}
.section2,.section3,.section4,.section5 { opacity: 0 }
.pauselink { z-index: 80; position: relative; top: 270px; left: 10px; }

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
    display:none;
	left:0px;
}
.nivo-nextNav {
    display:none;
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    display: none;
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.exhibitrotator {
position:relative;
width:420px;
height:295px;
}
.exhibitrotator img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.exhibitrotator a {
border:0;
display:block;
}
#cf {
position:relative;
height:281px;
width:450px;
margin:0 auto;
}
#cf img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
-webkit-transition-duration: 150ms;
-webkit-box-shadow: rgba(0,0,0,0.398438) 0 2px 6px;
-moz-box-shadow: rgba(0,0,0,0.398438) 0 2px 6px;
box-shadow: rgba(0,0,0,0.398438) 0 2px 4px;
}

#cf img.top:hover {
opacity:0;
}





