/**********************************
Description...: Master Screen CSS
Copyright.....: Persona Ltd.
Email.........: lewis@personacreative.com
Last Changed..: 11-09-2008
Notes #1......: Do NOT modify main styles
**********************************/
/******************
Layout**/
* {
padding:0;
margin:0;
border:0;
}
body {
text-align:center;
font-family:tahoma, arial;
font-size:100%;
background-color:#c6c6c6;
}
.container {
position:relative;
width:980px;
margin:0 auto;
text-align:left;
background-color:#fff;
}
/******************
Search Area**/
#options {
position:absolute;
top:41px;
right:18px;
}
#options p {
font-size:0.6em;
color:#fff;
}
#options a {
color:#fff;
text-decoration:underline;
}
#options a:hover {text-decoration:none;}
/******************
Contact Forms**/
.search {
float:left;
clear:both;
font:0.7em tahoma, arial, helvetica, sans-serif;
}
.search input {
width:133px;
height:20px;
font:1.0em tahoma, arial, helvetica, sans-serif;
color:#a3adb8;
padding:5px 7px 0 7px;
background:url(../img/search-field.gif) no-repeat;
}
.search input.lang {
width:22px;
height:19px;
padding:0;
font:0.8em tahoma, arial, helvetica, sans-serif;
font-weight:bold;
color:#fff;
background:#83929f none;
border:1px solid #fff;
}
.search input.lang:hover {
color:#000;
background:#fff none;
cursor:pointer;
}
.search input.submit {
width:56px;
height:25px;
font-weight:bold;
color:#83929f;
padding:0;/*bug fix*/
text-align:center;
margin-right:-2px;
background:url(../img/search_btn.gif);
}
.search input.submit:hover {cursor:pointer;}
/*CMS SEARCH+RESULTS*/
.PagerControl {margin:15px;font-size:0.7em;}
/******************
Logo Area**/
#logo {
float:left;
height:94px;
width:100%;
background:url(../img/logo_bg.jpg);
}
#logo h1 {
height:74px;
width:108px;
background:#bbb url(../img/picsolve-logo.gif);
margin:14px 0 0 15px;
}
#logo h1 a {
display:block;
height:74px;
width:108px;
}
#logo h1 span, #logo p {display:none;}
/******************
Section Head**/
#sec-head {
float:left;
width:100%;
/*background:url(../img/head-def.gif) no-repeat;*/
}
#sec-head p {
font-size:0.7em;
color:#b71a8b;
margin:8px 15px;
}
#sec-head a {
text-decoration:underline;
color:#b71a8b;font-weight:bold;
}
#sec-head a:hover {text-decoration:none;}
/******************
NAVIGATION**/
#nav {
float:left;
min-height:100px;
background:#495a6a url(../img/nav_bg.gif) repeat-x;
}
.nav-sections {
float:left;
width:140px;
list-style:none;
}
.nav-sections ul {}
.nav-sections li {
float:left;
display:inline;
}
.nav-sections li a {
display:block;
width:124px;
border:0;
color:#fff;
font-size:0.7em;
font-weight:bold;
text-decoration:none;
padding:0 0 0 16px;
margin:5px 0 7px 0;
}
.nav-sections li a:hover {text-decoration:none;}
.sub-sections li a {
display:block;
width:124px;
border:0;
color:#a3adb8;
font-size:0.7em;
font-weight:normal;
text-decoration:none;
margin:1px 0px/*weird - no effect?*/ 0 0px/*reset padding*/;
padding:0 0 0 16px;
}
.sub-sections li a:hover {
text-decoration:none;
background:url(../img/left-nav_tab.gif) no-repeat bottom;
color:#fff;
}
.sub-sections li a.on {
background:url(../img/left-nav_tab.gif) no-repeat bottom;
color:#fff;
}
#nav ul.nav-sections:hover {
background:#b01489 url(../img/sub-sections_bg.gif) top no-repeat;
min-height:100px;
}
#nav ul.selected {
background:#b01489 url(../img/sub-sections_bg.gif) top no-repeat;
min-height:100px;
}
#nav ul.selected li a {color:#fff;}
#nav ul.selected li ul.sub-sections a {color:#f0c6e5;}
#nav ul.selected li ul.sub-sections a:hover {color:#fff;}
/******************
Homepage Content**/
#home-content {
float:left;
width:960px;
margin:0px;
color:#000;
background:url(../img/home-content_bg.gif) top no-repeat;
}
#home-content h2 {
font-size:0.9em;
margin:12px;
}
#home-content h3 {
font-size:0.7em;
margin:12px;
}
#home-content p {
font-size:0.7em;
margin:12px;
}
#home-content ul {}
#home-content ul li {
list-style:disc;
font-size:0.7em;
line-height:1.3em;
margin:0 0 0 20px;
}
#home-content img {
float:right;
margin:15px;
border:1px solid #1e2d3b;
}
#home-content a:link, #home-content a:active, #home-content a:visited {
color:#000;
text-decoration:underline;
}
#home-content a:hover {text-decoration:none;}
#interact-holder {
float:left;
width:285px;
margin-bottom:20px;
display:block;
}
/******************
Movie Player**/
#interact {
float:left;
width:265px;
background:#d0d5da;
margin:10px 0px 0 10px;
}
#interact h3 {
margin:10px 10px 0px;
}
#movie-player {
float:left;
width:250px;
height:170px;
margin:0 8px 8px;
background:url(../img/player_bg.gif) no-repeat;
}
#movie-file {
float:left;
margin:6px 0 0 10px;
}
#movie-file img {
float:left;
margin:0;
border:0;
}
#movie-controls {
float:left;
width:100%;
height:23px;
margin:0;
}
#movie-controls p {
margin:0;
text-align:center;
}
input.playback {
height:17px;
width:17px;
padding:0;
margin:3px 3px 0 0px;
background:none;
}
input.playback:hover {cursor:pointer;}
/******************
AJAX Gallery tabs**/
#gallery-tab {
float:left;
width:250px;
margin:8px;
margin-bottom:0;
}
#gallery-tab ul li {
float:left;
display:inline;
margin:0;
padding:0;
}
#gallery-tab li a {
display:block;
width:115px;
height:17px;
margin:0;
padding:3px 0 0 10px;
background:url(../img/gallery-tab_bg.gif) top;
}
#gallery-tab li a:link, #gallery-tab li a:visited {text-decoration:none;}
#gallery-tab li.selected, #gallery-tab li.selected a {background:url(../img/gallery-tab_bg.gif) bottom;}
/******************
Movie Player LARGE**/
#interact_large {
float:left;
margin:0 15px 20px 0;
}
#movie-player_large {
float:left;
width:388px;
height:264px;
margin-left:8px;
background:url(../img/player_large_bg.gif) no-repeat;
}
#movie-file_large {
float:left;
margin:9px 0 0 15px;
}
#interact_large #movie-file_large img {
float:left;
width:358px;
height:218px;
margin:0;
border:0;
}
#movie-controls_large {
float:left;
width:100%;
margin:0;
}
#movie-controls_large p {
margin:0;
text-align:center;
}
input.playback_large {
height:23px;
width:23px;
padding:0;
margin:-5px 7px 0 5px;
background:none;
}
input.playback_large:hover {cursor:pointer;}
#player-side {
float:left;
width:130px;
height:262px;
background:url(../img/player_side_bg.gif) no-repeat;
}
#interact_large #player-side li {
list-style:none;
margin:0 10px 0 15px;
}
#player-bottom {
float:left;
width:388px;
background:#b6b7b8 url(../img/player-bottom_bg.gif) bottom no-repeat;
margin-left:8px;
}
#player-bottom h5 {
font-size:0.7em;
margin:5px 0 0 12px;
}
#player-bottom p {margin-top:0;}
/******************
AJAX Gallery tabs LARGE**/
#gallery-tab_large {
float:left;
margin:8px;
margin-bottom:0;
}
#gallery-tab_large ul li {
float:left;
display:inline;
padding:0;
}
#gallery-tab_large li a {
display:block;
width:179px;
height:20px;
margin:0 -30px;/*dont get it..*/
padding:11px 0 0 15px;
font-size:1.3em;
color:#bbb;
background:url(../img/gallery-tab_large_bg.gif) top;
}
#gallery-tab_large li a:link, #gallery-tab_large li a:visited {text-decoration:none;}
#gallery-tab_large li.selected, #gallery-tab_large li.selected a {background:url(../img/gallery-tab_large_bg.gif) bottom;}
/******************
Map**/
#map {
float:left;
width:265px;
background:#d0d5da;
margin:10px 0 10px 10px;
}
#map h3 {margin:10px 10px 0;}
#map img {
float:left;
margin:0px;/*works with js in place*/
margin-bottom:11px;
}
/******************
Products**/
#products {
float:left;
width:545px;
background:#d0d5da;
margin:-20px 10px 10px;
}
#products h3 {margin:10px 10px 0;}
/******************
Product Images**/
#prod-holder {
float:left;
margin:12px 0 12px 0;
}
#products .products-images {
float:left;
width:100px;
margin:0 0 0 7px;
}
#products .products-images p {
text-align:center;
margin:0;
margin-bottom:5px;
}
#products .products-images img {
float:left;
margin:0;
border:0;
}
/******************
Venues**/
#venues {
float:left;
width:265px;
height:469px;/*need this?*/
margin:10px 0 0 5px;
background:#d0d5da;
}
#venues h3 {margin:10px 10px 0;}
/******************
Venue Images**/
#venues-holder {
float:left;
margin:-5px 0 5px 0;
}
#venues .venues-images {
float:left;
width:100px;
margin:0 0 0 17px;
}
#venues .venues-images p {
text-align:center;
margin:0;
}
#venues .venues-images img {
float:left;
margin:5px 0 5px 0;
}
/******************
Main Content**/
#main-content {
float:left;
width:545px;
min-height:535px;
margin:10px 0px 10px 10px;
padding-bottom:20px;
color:#000;
background:#fff url(../img/main-content_bg.gif) top no-repeat;
}
#main-content h2 {
font-size:0.9em;
text-decoration:underline;
margin:12px;
}
#main-content h3, #main-content h4, #main-content h5, #main-content h6 {
font-size:0.7em;
margin:12px;
}
#main-content p {
font-size:0.7em;
margin:12px;
}
#main-content h2 span {color:#b71a8b;}
#main-content ul {}
#main-content ul li {
list-style:disc;
font-size:0.7em;
line-height:1.3em;
margin:0 30px 0 30px;
}
#main-content ul li li {font-size:1.0em;}
#main-content ol {}
#main-content ol li {
list-style:decimal;
font-size:0.7em;
line-height:1.3em;
margin:0 40px 0 40px;
}
#main-content img {
float:right;
margin:15px;
border:1px solid #1e2d3b;
}
#main-content a:link, #main-content a:active, #main-content a:visited {
color:#000;
text-decoration:underline;
}
#main-content a:hover {text-decoration:none;}
/******************
Labelled Images**/
#main-content .label-image {
float:right;
width:280px;
margin:-10px 0 5px;
}
#main-content .label-image p {
float:right;
width:250px;
font-weight:bold;
font-size:0.6em;
padding:5px 0;
margin:-10px 15px 10px;
}
#main-content .label-image img {
width:250px;
padding:0;
}
.post {color:#666;}
/******************
Gallery pages**/
#main-content_gallery {
float:left;
width:820px;
min-height:535px;
margin:10px 0 10px 10px;
color:#000;
background:url(../img/home-content_bg.gif) top no-repeat;
}
#main-content_gallery h2 {
font-size:0.9em;
text-decoration:underline;
margin:12px;
}
#main-content_gallery p {
font-size:0.7em;
margin:12px;
}
#main-content_gallery h2 span {color:#b71a8b;}
#main-content_gallery ul {}
#main-content_gallery ul li {
list-style:disc;
font-size:0.7em;
line-height:1.3em;
margin:0 30px 0 30px;
}
#main-content_gallery ul li li {font-size:1.0em;}
#main-content_gallery img {
float:right;
margin:15px;
border:1px solid #1e2d3b;
}
#main-content_gallery a:link, #main-content_gallery a:active, #main-content_gallery a:visited {
color:#000;
text-decoration:underline;
}
#main-content_gallery a:hover {text-decoration:none;}
.gallery-set-holder {float:left;}
.gallery-set-holder td {width:100px;}
#main-content_gallery table.gallery-set {
float:left;
width:200px;
margin:5px 5px 5px 30px;
}
#main-content_gallery table.gallery-set th {
font-size:0.7em;
padding:5px;
}
#main-content_gallery .gallery-set img {
width:100px;
height:68px;
margin:5px;
}
/******************
CMS generated Gallery**/
#main-content_gallery .gallery-cms {
float:left;
width:225px;
margin:10px 10px 10px 25px;
}
#main-content_gallery .gallery-cms img {
float:left;
margin:0 0 10px 10px;
}
/******************
Gallery Images**/
#gal-holder {
float:left;
width:100%;
margin:12px 12px 12px 0;
}
#main-content .gallery-images {
float:left;
width:115px;
margin:0 10px 0 10px;
}
#main-content .gallery-images p {
font-weight:bold;
margin-left:3px;
}
#main-content .gallery-images img {margin:0;}
/******************
Flash Content**/
#flashcontent {
float:left;
margin:8px;
margin-bottom:10px;
width:248px;
height:187px;
border:1px solid #1e2d3b;
}
#flashcontent img {
border:0;
width:248px;
}
/******************
Tabular Data**/
.info-data {
width:525px;
margin:0 10px;
font-size:0.7em;
}
.info-data th {
text-align:left;
padding:10px 0 20px 0;
}
.info-data td {
padding:0px;
vertical-align:top;
}
#main-content .info-data img {
float:left;
margin:0;
padding:0;
}
/******************
News**/
#news {
float:left;
width:265px;
margin:10px 0 0px 10px;
}
#news h4 {
clear:left;/*clearfix bug*/
font-size:0.7em;
margin:12px 0 12px 12px;
}
#news p {
font-size:0.7em;
margin:0 0 12px 12px;
}
#news ul {}
#news ul li {
list-style:none;
font-size:0.7em;
line-height:1.4em;
margin:0 0 0 12px;
}
#news ul li strong {
float:left;
width:45px;
}
#news dl {}
#news dl dt {
list-style:none;
font-size:0.7em;
margin:0 0 5px 12px;
}
#news dl dt strong {
float:left;
width:45px;
}
#news dl dd {
list-style:none;
font-size:0.7em;
margin:0 0 10px 12px;
}
#news img.pop {
float:left;
margin:0 15px 15px;
border:1px solid #4e5f6f;
}
/******************
News HOMEPAGE**/
#news_two {
float:left;
width:265px;
margin:10px 0px 10px 10px;
background:url(../img/news_bg.gif) top no-repeat;
}
#news_two h4 {
clear:left;/*clearfix bug*/
font-size:0.7em;
margin:12px 0 12px 12px;
}
#news_two p {
font-size:0.7em;
margin:0 0 12px 12px;
}
#news_two ul {}
#news_two ul li {
list-style:none;
font-size:0.7em;
line-height:1.4em;
margin:0 0 0 12px;
}
#news_two ul li strong {
float:left;
width:45px;
}
#news_two dl {}
#news_two dl dt {
list-style:none;
font-size:0.7em;
margin:0 0 5px 12px;
}
#news_two dl dt strong {
float:left;
width:45px;
}
#news_two dl dd {
list-style:none;
font-size:0.7em;
margin:0 0 10px 12px;
}
/******************
Gallery Preview**/
#gallery {
float:left;
width:230px;
padding:15px 0 0 0;
margin:0 0 10px 10px;
border-top:2px solid #4e5f6f;
border-bottom:2px solid #4e5f6f;
}
#gallery p {
font-size:0.7em;
text-align:center;
margin:-5px 0 10px 10px;
}
#gallery img {
border:1px solid #b71a8b;
margin:0px 5px 1px -5px;
width:100px;
height:80px;
}
#gallery img:hover {border:1px solid #1e2d3b;}
/******************
RSS bits**/
.rss, .rss_alt {
float:left;
/*display:none;*/
margin:5px 12px;
}
#news .rss_alt p {
margin:0;
font-weight:bold;
width:170px;
}
#news .rss_alt img {
float:left;
margin:0px 10px 0px 5px;
}
/*#contact .rss p {
margin:0;
font-weight:bold;
width:115px;
}
#contact .rss img {
float:left;
margin:0px 5px 20px -10px;
}
#contact .rss a {
color:#b71a8b;
}*/
/******************
Buttons**/
#button-alt a {
float:left;
display:block;
width:114px;
height:17px;
margin:0px 3px;
background:url(../img/alt-btn.gif) top no-repeat;
}
#button-alt a:link, .button-alt a:visited {
font-size:0.7em;
padding:5px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
}
#button-alt a:hover {background:url(../img/alt-btn.gif) bottom no-repeat;}
.button-google a {
float:left;
display:block;
width:98px;
height:37px;
margin:0 10px -5px;
background:url(../img/google-maps.gif) top no-repeat;
}
.button-google a:hover {background:url(../img/google-maps.gif) bottom no-repeat;}
/******************
Contact**/
#contact {
float:left;
width:130px;
margin:10px -10px 10px 10px;
}
.home-contact{
float:right !important;
}
#contact h4 {
clear:left;/*clearfix bug*/
font-size:0.7em;
margin:12px 0 12px 0px;
}
#contact h5, #contact h6 {
float:left;
font-size:0.7em;
margin:10px 0 0 0;
}
#contact h6 {margin:10px 0 5px;}
#contact p {
font-size:0.7em;
margin:5px 0 5px 0px;
}
#contact ul {clear:both; padding-top:5px;}
#contact ul li {
list-style:none;
font-size:0.65em;
line-height:1.3em;
margin:0 0 0 0px;
}
#contact img {
float:left;
margin:5px 0 5px 5px;
border:0;
}
/******************
Contact HOME X2**/
#contact_two {
float:left;
width:130px;
margin:10px -10px 10px 10px;
}
#contact_two h4 {
clear:left;/*clearfix bug*/
font-size:0.7em;
margin:12px 0 12px 12px;
}
#contact_two h5, h6 {
font-size:0.7em;
margin:10px 0 10px 10px;
}
#contact_two p {
font-size:0.7em;
margin:10px 0 10px 10px;
}
#contact_two ul {}
#contact_two ul li {
list-style:none;
font-size:0.7em;
line-height:1.3em;
margin:0 0 0 10px;
}
#contact_two img {
float:left;
margin:5px 0 5px -5px;
border:0;
}
/******************
Footer**/
#footer {
float:left;
width:100%;
background:#1e2d3b;
margin:0 0 -20px 0;
border-top:1px solid #fce000;
}
#footer p {
font-size:0.6em;
color:#999;
text-align:center;
margin:5px 0 15px 0;
}
#footer a:link, #footer a:active, #footer a:visited {
color:#c7cacd;
text-decoration:underline;
}
#footer a:hover {text-decoration:none;}
/******************
External Links**/
a.ext {
padding-right:18px;
background:url(../img/new_window.png) no-repeat 100% 0px;
}
a.ext:hover {background:#f9f7f0 url(../img/new_window.png) no-repeat 100% 0px;}
/******************
Global Styles**/
acronym {
cursor:help;
border-bottom:1px dotted #000;
}
.line {
border-bottom:1px solid #000;
margin:10px 2%;
height:1px;
clear:both;
}
.clearing {clear:both;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}

/*links*/
a:link, a:visited {color:#000;text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {color:#000;}
a:focus {outline:none;}
a.more {padding-right:7px;background:url(../img/icon-morearrow.gif) no-repeat 100% 5px;}
a.pdf {padding-right:14px;background:url(../img/pdf-icon.gif) right no-repeat;}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/******************
Portfolio Gallery**/
.galleryimages {
float:left;
margin:12px 15px;
border:1px solid #f00;
}
.galleryimages ul li {
float:left;
overflow:hidden;
width:90px;
height:68px;
border:1px solid #333;
}
.galleryimages img {
float:none;
margin:0;
}
.galleryimages img:hover {}
/******************
Gallery**/
#gallery-area {
float:left;
margin:0 10px;
border-top:2px solid #4e5f6f;
border-bottom:2px solid #4e5f6f;
}
#gallery-area p {clear:left;}
#gallery-area li {}
#jgal {
list-style:none;
width:100%;
}
#jgal li {
float:left;
display:block;
width:100px;
height:80px;
background-position:50% 50%;
border:1px solid #b71a8b;
}
#jgal li img { 
width:250px;
display:none;
}
#jgal li.active img {
display:block;
position:absolute;
top:370px;
left:20px;
border:1px solid #000;
}
#jgal li.active, #jgal li:hover {border:1px solid #1e2d3b;}
#jgal li span {display:none;}
#jgal li.active span {
display:block;
position:absolute;
top:370px;
left:280px;
width:260px;
cursor:auto;
}
#jgal li.active span strong {
float:left;
clear:left;
width:260px;
font-weight:bold;
margin-bottom:10px;
}
ul#jgal li {margin:7px 5px 5px;cursor:pointer;}
#set {display:none;}
/*if js disabled..*/
#set {display:block;}
#set li {float:left;margin:0;list-style:none;}



#mc_embed_signup {
	width: 130px;
	clear:both;
	display:block;
}

#contact #mc_embed_signup h5 {
	font-size:100%;
	clear:both;
	display:block;
	padding-bottom:5px;
	width:100%;
}

#mc_embed_signup fieldset {
	width: 130px;
	font-size:0.7em;
}

#mc_embed_signup legend {
	clear:both
	font-size:140%;
}

#mc_embed_signup label {
	font-weight:bold;
}

#mc_embed_signup input {
	border: 1px solid #000;
	margin-top:3px;
}

 #contact #mc_embed_signup .input-group ul li {
	font-size:100%;
}

 #contact #mc_embed_signup .input-group ul {
	padding-top:0;
}

 #contact #mc_embed_signup .input-group label {
	font-weight:normal;
}

input#mce-EMAIL {
	width: 120px;
}





p.facebook-link a {
	display:block;
	background: url(../img/facebook-link.jpg) no-repeat;
	height: 37px;
	width:120px;
	text-indent:-9999px;
}