/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* =============================================================================
HTML5 element display
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html{height:100%;}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Force vertical scrollbar in non-IE
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; color: #747880; line-height: 22px; width:100%; overflow:hidden; min-width:960px;}
body, button, input, select, textarea { font-family: sans-serif; color: #747880; }
/*
* These selection declarations have to be separate
* No text-shadow: twitter.com/miketaylr/status/12228805301
* Also: hot pink!
*/
::-moz-selection {color: #fff; text-shadow: none; }
::selection {color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #43484c; text-decoration:none; }
a:visited { color: #43484c; }
a:focus {
outline: none;
}
:focus {outline:none;}
::-moz-focus-inner { border: 0; }
a:active{
position:relative;
top:1px;
}
#menus > li > a:active{
top:0;
}
#collage a:active{
position:absolute;
top:0;
}
/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* Improve image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:bottom;}
/*
* Correct overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
/*
* Remove inner padding and border in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
/* =============================================================================
PrettyPhoto
========================================================================== */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.zoomer{background:url(./img/zoom.png) no-repeat center center transparent; border:none;}
.vegas-loading {
/* Loading Gif by http://preloaders.net/
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
background:#000 url(http://sentinell.html.themeforest.designsentry.com/css/images/loading.gif) no-repeat center center;
background:rgba(0, 0, 0, 0.7) url(http://sentinell.html.themeforest.designsentry.com/css/images/loading.gif) no-repeat center center;
height:32px;
left:50%;
position:fixed;
top:50%;
width:32px;
z-index:0;*/
display:none;
}
.vegas-overlay {
background:transparent url(http://sentinell.html.themeforest.designsentry.com/css/overlays/01.png);
opacity:0.5;
z-index:-1;
}
.vegas-background {
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
z-index:-2;
}
form.subscribe-form input[type="text"]:focus,.no-js form.subscribe-form input[type="text"]:hover,.no-js form.subscribe-form input[type="submit"]:hover{
border-color:#3f3f3f !important;
}
/* =============================================================================
Nivo Slider
========================================================================== */
/*
* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* 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%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 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:47%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.theme-default .nivoSlider {
position:relative;
background:url(./img/loading.gif) no-repeat 50% 50% transparent;
}
.theme-default.shadowed .nivoSlider {
-webkit-box-shadow:0 1px 20px -2px #000000;
-moz-box-shadow:0 1px 20px -2px #000000;
box-shadow:0 1px 20px -2px #000000;
}
.sliderwide.shadowed .nivoSlider {
-webkit-box-shadow:0 1px 5px 0px #000000;
-moz-box-shadow:0 1px 5px 0px #000000;
box-shadow:0 1px 5px 0px #000000;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
text-align: center;
/* padding:20px 0; */
padding: 70px 0px;
position:relative;
/* margin-top:-54px; */
margin-top: -150px;
z-index:9199;
}
.sliderwide .nivo-controlNav {
text-align: center;
padding:20px 0;
position:relative;
margin-top:-60px;
z-index:9199;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(./img/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(./img/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:20px;
}
.theme-default a.nivo-prevNav {
left:20px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
/* =============================================================================
Primary styles
Author: Daniel "EvGreen" Leczycki, @designSentry, http://www.designsentry.com
========================================================================== */
/* =============================================================================
Font Declarations
========================================================================== */
@font-face {
font-family: 'LeagueGothic';
src: url('./League_Gothic-webfont.eot');
src: local('�'), url('./League_Gothic-webfont.woff') format('woff'), url('./League_Gothic-webfont.ttf') format('truetype'), url('./League_Gothic-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* =============================================================================
User modular styles
========================================================================== */
/* XXXXXXXXXXXX Accents Color XXXXXXXXXXXXXX */
.no-js #footerwrap ul li a:hover{
color:#fafafa;
}
::-moz-selection {
background:#dc0000;
}
::selection {
background:#dc0000;
}
p a,blockquote,a.superbutton:hover,a.superbutton.selected,.no-js #footerwrap ul li a:hover,.gs_12 .thedash,.gs_11 .thedash,.gs_10 .thedash,.gs_9 .thedash,.gs_8 .thedash,.gs_7 .thedash,.gs_6 .thedash{
border-color:#dc0000;
}
#menus li.current a,#menus li a:hover,#menus > li.current-hover > a,#menus li ul{
border-left-color:#dc0000;
}
#menus li ul li a:hover,.sloganbox > h2 a:hover,.sloganbox > h3 a:hover,.pagination .current,.pagination a:hover,.no-js form.subscribe-form input[type="submit"]:hover{
border-bottom-color:#dc0000;
}
ul.sidebar .widget_search input[type="text"]:focus,form.subscribe-form input[type="text"]:focus,.no-js form.subscribe-form input[type="text"]:hover{
border-bottom:1px solid #dc0000 !important;
}
#menus li ul li.current-hover > a{
border-color:#dc0000 !important;
}
a:hover,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.dropcapcolor,.sloganbox > h2 a,.sloganbox > h3 a,p.postinfo a:hover,.twitbox ul.tweet_list li a:hover,.twitbox ul.tweet_list li span.tweet_time a:hover,#HAL p,.pdesc a:hover,.portfolioitemwrap .pinfohead a:hover,.copyrights a:hover,#footerwrap .bottommenus li a:hover{
color:#dc0000;
font-family: Arial, Helvetica, sans-serif;
}
.dropcapspot,a.superbutton:hover,a.superbutton.selected,#ev_portfolio_type01 #portf2items > div a + a:hover h5,#main .contactform input[type="button"]{
background-color:#dc0000;
}
#HAL .insides{
background:#dc0000;
box-shadow:0 0 20px #dc0000;
}
a.superbutton{
color:#fafafa;
}
#main .contactform input[type="text"]:focus,#main .contactform textarea:focus{
border-color:#b8babf !important;
border-bottom-color:#dc0000 !important;
}
#main .contactform input[type="button"]{
border-color:#dc0000;
color:#ffffff;
}
#main .contactform input[type="button"]:hover{
border-bottom-color:#dc0000;
}
/* XXXXXXXXXXXX Contrast Color XXXXXXXXXXXXXX */
p.postinfo,.superpostbox p.postinfo,.twitbox p.loading,.twitbox ul.tweet_list li,ul.sidebar .widgettitle,ul.sidebar .widget_search input[type="text"]{
color:#0c0c0c;
}
body,a.superbutton,.fancybox h2 > span,#main .contactform input[type="button"]:hover,#header,#menus li ul,#menus li ul li ul,#menus li ul li.hassubmenu > a,#menus.fixed li ul li.hassubmenu > a,#collage li a h5,.textboxleft h5 span,.fancybox h2 span,.fancybox h2>span,#portf2items a h5,#portf2items div.ds_zoomer_pic,#portf2items div.ds_zoomer_vid,#portf2items div.ds_zoomer_more,#footerwrap,form.subscribe-form input[type="text"],#footer ul.icons li a:hover{
background-color:#0c0c0c;
}
#main .contactform input[type="button"]:hover{
border-color:#0c0c0c;
}
a.superbutton:hover,a.superbutton.selected,#main .contactform input[type="button"],#slider,#collage{
border-bottom-color:#0c0c0c;
}
a.superbutton{
border-top-color:#0c0c0c;
}
/* Slightly lighter Contrast Color 1 */
form.subscribe-form input[type="submit"],.copyrights,#menus li ul li a:hover,#footerwrap ul li a:hover,.gs_12 .thedash, .gs_11 .thedash,.gs_10 .thedash,.gs_9 .thedash,.gs_8 .thedash,.gs_7 .thedash,.gs_6 .thedash{
background-color:#181818;
}
#menus li ul li.current-hover > a{
background-color:#181818 !important;
}
/* Slightly lighter Contrast Color 2 */
#menus li ul li:first-child,.copyrights{
border-top-color:#3A3A3A;
}
#menus li ul li a,#footerwrap ul li a,#footerwrap .widgettitle{
border-bottom-color:#3A3A3A;
}
#footerwrap .bottommenus li{
border-left-color:#3A3A3A;
}
form.subscribe-form input[type="text"],form.subscribe-form input[type="submit"]{
border-color:#3A3A3A;
}
/* Slightly darker Contrast Color */
.copyrights{
box-shadow:0px -2px #000;
}
form.subscribe-form input[type="text"]:focus,.no-js form.subscribe-form input[type="text"]:hover{
background:#000 !important;
}
form.subscribe-form input[type="submit"]{
text-shadow:1px 1px #000;
}
/* Text Contrast Color 1 */
#menus li a > span:first-child,#footerwrap .widgettitle,#footerwrap strong,#footerwrap p,#collage li a h5,#footerwrap ul li,#main .textboxleft h5 span,#main .fancybox h2 span{
color:#FAFAFA;
}
form.subscribe-form input[type="text"]:focus,.no-js form.subscribe-form input[type="text"]:hover{
color:#FAFAFA !important;
}
#menus li a{
border-left-color:#FAFAFA;
}
/* Text Contrast Color 2 */
#menus li ul li a,#footerwrap ul li a,.copyrights a,form.subscribe-form input[type="text"],form.subscribe-form input[type="submit"]{
color:#CCCCCC;
}
/* Text Contrast Color 3 */
#menus li a > span,#footerwrap small{
color:#808080;
}
/* XXXXXXXXXXXX Main block Color XXXXXXXXXXXXXX */
/* Main Color #FDFDFD */
#mainwrap,#dstable td.even{
background-color:#FDFDFD;
background-image:url("./img/utility_sprite.png");
}
/* Main Color - Lighter #F7F7F7 */
ul.sidebar li ul li a:hover,#dstable td.odd,#main .ds_tabber,#main div.toggler,#main pre,#main code,ul.tabber li:hover,ul.tabber li.selected, ul.sidebar li ul li.current_page_item a,.pagination a:hover{
background-color:#F7F7F7;
}
#main .ds_tabber,ul.tabber li{
box-shadow: 0 0px 2px #F7F7F7 inset;
}
/* Main Color - Darker #D0D3D9 */
.sloganbox,#main hr,#main div.toggler,#main .ds_tabber,#main pre,img.border_magic,iframe.border_magic,#main .contactform input[type="text"],#main .contactform textarea,div.border_magic,ul.tabber li,ul.tabber li:hover,ul.tabber li.selected,#main code,.pagination span, .pagination a,.postwrap,p.postinfo,.textboxright,.textboxleft h5+h5,.fancybox h2 + h2,.hr,ul.sidebar li ul li a,ul.sidebar .widget_search input[type="text"],ul.sidebar li ul,ul.sidebar .widget_search input[type="submit"]{
border-color:#D0D3D9;
}
#main div.toggler{
box-shadow: 0 1px 3px #D0D3D9 inset;
}
ul.tabber li,#dstable th.tablecol, #dstable td.tableid{
background-color:#D0D3D9;
}
/* Main Color - Darker 2 #b8babf */
#dstable th.tablecol, #dstable td.tableid, #dstable td.even, #dstable td.odd,#dstable td.first,#dstable td.last{
border-color:#b8babf;
}
#main .contactform input[type="text"]:focus, #main .contactform textarea:focus {
border-color: #b8babf #b8babf #dc0000 !important;
}
/* Text Main Color 1 #0c0c0c */
#main .sloganbox > h2,#main .sloganbox > h3,#main .sloganbox > h2 a,#main .sloganbox > h3 a,.pagination .current{
color:#0c0c0c;
}
/* Text Main Color 2 #43484C */
.fancybox h2 + h2,#main pre,#main code,#main a,#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main ul.sidebar p strong{
color:#43484C;
font-family: Arial, Helvetica, sans-serif;
margin-top: 5px;
}
#main a:hover,#main .sloganbox > h2 a:hover,#main .sloganbox > h3 a:hover{
color:#dc0000; /* preserve onhover color (accents color) */
font-family: Arial, Helvetica, sans-serif;
}
/* Text Main Color 3 #747880 */
#main p,.postwrap > h2 span,#main .pagination a:hover,#main ul.tabber li a:hover,.pagination span, .pagination a, .textboxright > h2 span,#main h1 span, #main h2 span, #main h3 span, #main h4 span, #main h5 span, #main h6 span,body #main, #main button, #main input, #main select, #main textarea{
color:#747880;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 5px;
}
/* =============================================================================
///User modular styles
========================================================================== */
/* =============================================================================
Main Typography
========================================================================== */
p{
color:#747880;
line-height:22px;
}
p:last-child{
margin-bottom:0;
}
p a{
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:solid;
}
h1{
font:36px/36px 'LeagueGothic',Helvetica,Arial,sans-serif;
text-transform:uppercase;
margin:0 0 10px;
}
h2{
text-transform:uppercase;
margin:0 0 8px;
font-family: 'LeagueGothic', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: normal;
}
h3{
font:28px/28px 'LeagueGothic',Helvetica,Arial,sans-serif;
text-transform:uppercase;
margin:0 0 8px;
}
h4{
font:26px/26px 'LeagueGothic',Helvetica,Arial,sans-serif;
text-transform:uppercase;
margin:0 0 8px;
}
h5{
font:24px/24px 'LeagueGothic',Helvetica,Arial,sans-serif;
/*text-transform:uppercase;*/
margin:0 0 6px;
}
h6{
font:22px/22px 'LeagueGothic',Helvetica,Arial,sans-serif;
text-transform:uppercase;
margin:0 0 4px;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
color:#747880;
display:block;
letter-spacing:0;
margin-left:1px;
text-transform:uppercase;
}
h1 span{
font:300 14px/14px 'Open Sans',Helvetica,Arial,sans-serif;
}
h2 span{
font:300 13px/13px 'Open Sans',Helvetica,Arial,sans-serif;
}
h3 span{
font:300 13px/13px 'Open Sans',Helvetica,Arial,sans-serif;
}
h4 span{
font:300 12px/12px 'Open Sans',Helvetica,Arial,sans-serif;
}
h5 span{
font:300 12px/12px 'Open Sans',Helvetica,Arial,sans-serif;
}
h6 span{
font:300 11px/11px 'Open Sans',Helvetica,Arial,sans-serif;
}
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{
margin-top:0px;
}
p+h1,p+h2,p+h3,p+h4,p+h5,p+h6{
padding-top:18px;
}
.alignleft{
float:left;
margin:5px 9px 0 0;
}
.alignright{
float:right;
margin:5px 0 0 9px;
}
img.border_magic,iframe.border_magic,div.border_magic{
padding:5px;
border-width:1px;
border-style:solid;
margin-bottom:0;
}
div.border_magic iframe{
margin-bottom:-7px;
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
font-weight:400;
}
.dropcap{
float: left;
font-size: 41px;
margin: 10px 6px 1px 0;
text-transform:uppercase;
}
.dropcapcolor{
float: left;
font-size: 41px;
margin: 10px 6px 1px 0;
text-transform:uppercase;
}
.dropcapspot{
border-radius: 30px 30px 30px 30px;
color: #FFFFFF;
display: block;
float: left;
font-size: 25px;
height: 20px;
margin: 5px 10px 0 0;
padding: 13px 10px 13px 12px;
text-align: center;
text-shadow: 1px 2px 3px rgba(30, 30, 30, 0.61);
vertical-align: bottom;
width: 25px;
text-transform:uppercase;
}
blockquote{
border-left-width:10px;
border-left-style:solid;
padding:0 0 0 18px;
margin:0 0 0 16px;
}
ul.bullet-dot,ul.bullet-check,ul.bullet-cross,ul.bullet-plus,ul.bullet-minus,ul.bullet-info,ul.bullet-arrow,ol{
margin:5px 0 25px;
}
ul.bullet-dot li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -1199px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ul.bullet-check li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -997px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ul.bullet-cross li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -1382px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ul.bullet-plus li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -1754px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ul.bullet-minus li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -1922px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ul.bullet-info li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -2158px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ul.bullet-arrow li{
background:url(./img/features_sprite.png) no-repeat scroll -14px -1586px transparent;
padding-left:22px;
margin-bottom:6px;
list-style:none;
overflow:hidden;
}
ol li{
list-style-position:inside;
overflow:hidden;
margin-bottom:6px;
}
code{
color:#5A5A5A;
border:1px dotted #cccccc;
padding:1px 5px;
background-color:#F7F7F7;
font:1em/1.4em Consolas,"Courier New",Courier,monospace;
}
pre{
color:#5A5A5A;
display:block;
overflow:hidden;
padding:10px 22px;
border:1px dotted #cccccc;
margin-bottom:16px;
background-color:#F7F7F7;
font:1em/1.4em Consolas,"Courier New",Courier,monospace;
}
pre:hover{
overflow:visible;
}
#main p.confirmation{
background:url(./img/features_sprite.png) no-repeat 9px -2397px;
color:#5A5A5A;
border:1px dotted #a4e673;
background-color:#dffec8;
padding:15px 57px;
}
#main p.warning{
background:url(./img/features_sprite.png) no-repeat 9px -3346px;
color:#5A5A5A;
border:1px dotted #e5de73;
background-color:#fefac8;
padding:15px 57px;
}
#main p.information{
background:url(./img/features_sprite.png) no-repeat 9px -3012px;
color:#5A5A5A;
border:1px dotted #96dee9;
background-color:#ddf5f9;
padding:15px 57px;
}
#main p.error{
background:url(./img/features_sprite.png) no-repeat 9px -2709px;
color:#5A5A5A;
border:1px dotted #e3b7b7;
background-color:#f4dada;
padding:15px 57px;
}
/* =============================================================================
SuperButtons
========================================================================== */
a.superbutton{
text-transform:uppercase;
padding:1px 9px 0px;
border-top-width:1px;
border-top-style:solid;
}
a.superbutton,#main input.superbutton,button.superbutton,#main input.wpcf7-submit{
height:27px;
font:19px/27px 'LeagueGothic',Helvetica,Arial,sans-serif;
letter-spacing:0.1px;
width:auto;
padding:1px 13px 0;
margin:0 6px 6px 0;
display:inline;
float:left;
text-decoration:none;
}
.toggler a.superbutton{
margin:10px 0 0 -1px;
text-shadow:none;
}
#main input.superbutton,button.superbutton{
margin:0 6px 22px 0;
}
#main input.wpcf7-submit{
margin:0 6px 8px 0;
}
.ie9 a.superbutton,.ie9 #main input.superbutton,button.superbutton,#main input.wpcf7-submit{
line-height:29px;
}
#footer a.superbutton{
background:url(http://sentinell.html.themeforest.designsentry.com/css/img/superbuttonblack.png) repeat-x center top transparent;
text-shadow:1px 1px #000000;
}
a.superbuttonh,#footer a.superbuttonh,#footer input.superbuttonh:hover,#footer input.superformh,#main input.superbuttonh{
background-position: center -30px;
}
/* =============================================================================
SuperButtons - colors
========================================================================== */
a.superbutton.orange{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1px transparent;
border:1px solid #d65f34;
box-shadow:inset 0px 1px #faaa82;
text-shadow:1px 1px #c8542d;
}
a.superbutton.orange:hover,a.superbutton.orange.selected{
background:url(./img/superbutton.png) repeat-x center -31px transparent;
}
a.superbutton.black{
color:#dfdfdf !important;
background:url(./img/superbutton.png) repeat-x center -61px transparent;
border:1px solid #000000;
box-shadow:inset 0px 1px 1px #474747;
text-shadow:1px 1px #000000;
}
a.superbutton.black:hover,a.superbutton.black.selected{
background:url(./img/superbutton.png) repeat-x center -91px transparent;
}
a.superbutton.white{
color:#7a7a7a !important;
background:url(./img/superbutton.png) repeat-x center -181px transparent;
border:1px solid #cecece;
box-shadow:inset 0px 1px 2px #ffffff;
text-shadow:1px 1px #ffffff;
}
a.superbutton.white:hover,a.superbutton.white.selected{
background:url(./img/superbutton.png) repeat-x center -211px transparent;
}
a.superbutton.bronze{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -301px transparent;
border:1px solid #43363b;
box-shadow:inset 0px 1px 1px #8c8085;
text-shadow:1px 1px #3d3638;
}
a.superbutton.bronze:hover,a.superbutton.bronze.selected{
background:url(./img/superbutton.png) repeat-x center -330px transparent;
}
a.superbutton.brown{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -361px transparent;
border:1px solid #4a413e;
box-shadow:inset 0px 1px 1px #8c8085;
text-shadow:1px 1px #3d3638;
}
a.superbutton.brown:hover,a.superbutton.brown.selected{
background:url(./img/superbutton.png) repeat-x center -390px transparent;
}
a.superbutton.green{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -421px transparent;
border:1px solid #40533f;
box-shadow:inset 0px 1px 1px #7c907c;
text-shadow:1px 1px #374936;
}
a.superbutton.green:hover,a.superbutton.green.selected{
background:url(./img/superbutton.png) repeat-x center -450px transparent;
}
a.superbutton.purple{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -481px transparent;
border:1px solid #352d42;
box-shadow:inset 0px 1px 1px #776890;
text-shadow:1px 1px #352d42;
}
a.superbutton.purple:hover,a.superbutton.purple.selected{
background:url(./img/superbutton.png) repeat-x center -510px transparent;
}
a.superbutton.teal{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -541px transparent;
border:1px solid #40665e;
box-shadow:inset 0px 1px 1px #9ccbc1;
text-shadow:1px 1px #40665e;
}
a.superbutton.teal:hover,a.superbutton.teal.selected{
background:url(./img/superbutton.png) repeat-x center -570px transparent;
}
a.superbutton.coral{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -601px transparent;
border:1px solid #44a6ac;
box-shadow:inset 0px 1px 1px #91e4e6;
text-shadow:1px 1px #44a6ac;
}
a.superbutton.coral:hover,a.superbutton.coral.selected{
background:url(./img/superbutton.png) repeat-x center -630px transparent;
}
a.superbutton.dentist{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -660px transparent;
border:1px solid #8ca48b;
box-shadow:inset 0px 1px 1px #dee6de;
text-shadow:1px 1px #8ca48b;
}
a.superbutton.dentist:hover,a.superbutton.dentist.selected{
background:url(./img/superbutton.png) repeat-x center -690px transparent;
}
a.superbutton.friendly_grey{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -721px transparent;
border:1px solid #819792;
box-shadow:inset 0px 1px 1px #d6dedc;
text-shadow:1px 1px #819792;
}
a.superbutton.friendly_grey:hover,a.superbutton.friendly_grey.selected{
background:url(./img/superbutton.png) repeat-x center -750px transparent;
}
a.superbutton.hospital_green{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -781px transparent;
border:1px solid #649873;
box-shadow:inset 0px 1px 1px #acd2bb;
text-shadow:1px 1px #649873;
}
a.superbutton.hospital_green:hover,a.superbutton.hospital_green.selected{
background:url(./img/superbutton.png) repeat-x center -810px transparent;
}
a.superbutton.navy{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -841px transparent;
border:1px solid #36434a;
box-shadow:inset 0px 1px 1px #7d96a4;
text-shadow:1px 1px #36434a;
}
a.superbutton.navy:hover,a.superbutton.navy.selected{
background:url(./img/superbutton.png) repeat-x center -870px transparent;
}
a.superbutton.neon{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -901px transparent;
border:1px solid #128ece;
box-shadow:inset 0px 1px 1px #38d4f6;
text-shadow:1px 1px #128ece;
}
a.superbutton.neon:hover,a.superbutton.neon.selected{
background:url(./img/superbutton.png) repeat-x center -930px transparent;
}
a.superbutton.ocean{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -961px transparent;
border:1px solid #284250;
box-shadow:inset 0px 1px 1px #598196;
text-shadow:1px 1px #284250;
}
a.superbutton.ocean:hover,a.superbutton.ocean.selected{
background:url(./img/superbutton.png) repeat-x center -990px transparent;
}
a.superbutton.olive{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1021px transparent;
border:1px solid #6c6e4b;
box-shadow:inset 0px 1px 1px #babc8e;
text-shadow:1px 1px #6c6e4b;
}
a.superbutton.olive:hover,a.superbutton.olive.selected{
background:url(./img/superbutton.png) repeat-x center -1050px transparent;
}
a.superbutton.pink{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1081px transparent;
border:1px solid #a35eaf;
box-shadow:inset 0px 1px 1px #e8acee;
text-shadow:1px 1px #a35eaf;
}
a.superbutton.pink:hover,a.superbutton.pink.selected{
background:url(./img/superbutton.png) repeat-x center -1110px transparent;
}
a.superbutton.red{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1141px transparent;
border:1px solid #9e2b2b;
box-shadow:inset 0px 1px 1px #ec6161;
text-shadow:1px 1px #9e2b2b;
}
a.superbutton.red:hover,a.superbutton.red.selected{
background:url(./img/superbutton.png) repeat-x center -1170px transparent;
}
a.superbutton.selen{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1201px transparent;
border:1px solid #bfc517;
box-shadow:inset 0px 1px 1px #fdff6a;
text-shadow:1px 1px #a8aa21;
}
a.superbutton.selen:hover,a.superbutton.selen.selected{
background:url(./img/superbutton.png) repeat-x center -1230px transparent;
}
a.superbutton.soft_green{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1261px transparent;
border:1px solid #90a850;
box-shadow:inset 0px 1px 1px #e4edad;
text-shadow:1px 1px #90a850;
}
a.superbutton.soft_green:hover,a.superbutton.soft_green.selected{
background:url(./img/superbutton.png) repeat-x center -1290px transparent;
}
a.superbutton.soft_teal{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1321px transparent;
border:1px solid #92c9bd;
box-shadow:inset 0px 1px 1px #e2f6f1;
text-shadow:1px 1px #6b9f93;
}
a.superbutton.soft_teal:hover,a.superbutton.soft_teal.selected{
background:url(./img/superbutton.png) repeat-x center -1350px transparent;
}
a.superbutton.yellow{
color:#ffffff !important;
background:url(./img/superbutton.png) repeat-x center -1381px transparent;
border:1px solid #edc72e;
box-shadow:inset 0px 1px 1px #fff49c;
text-shadow:1px 1px #d4ae00;
}
a.superbutton.yellow:hover,a.superbutton.yellow.selected{
background:url(./img/superbutton.png) repeat-x center -1410px transparent;
}
/* =============================================================================
The Grid
========================================================================== */
.gridslider{width:960px;display:block;margin:0 auto},.gridinfinity{width:100%;display:block}.grid1012{width:1012px;margin:0 auto;display:block}.grid996{width:996px;margin:0 auto;display:block}.grid960{width:960px;margin:0 auto;display:block}.gs_12{width:960px;margin:20px 0 30px;display:inline;float:left}.gs_11{width:877px;margin:20px 0 30px;display:inline;float:left}.gs_10{width:794px;margin:20px 0 30px;display:inline;float:left}.gs_9{width:711px;margin:20px 0 30px;display:inline;float:left}.gs_8{width:628px;margin:20px 0 30px;display:inline;float:left}.gs_7{width:545px;margin:20px 0 30px;display:inline;float:left}.gs_6{width:462px;margin:20px 0 30px;display:inline;float:left}.gs_5{width:379px;margin:20px 0 30px;display:inline;float:left}.gs_4{width:296px;margin:20px 0 30px;display:inline;float:left}.gs_3{width:213px;margin:20px 0 30px;display:inline;float:left}.gs_2{width:130px;margin:20px 0 30px;display:inline;float:left}.gs_1{width:47px;margin:20px 0 30px;display:inline;float:left}.gs_0{display:none}
.gs_11+.gs_1,.gs_10+.gs_1,.gs_10+.gs_2,.gs_9+.gs_1,.gs_9+.gs_2,.gs_9+.gs_3,.gs_8+.gs_1,.gs_8+.gs_2,.gs_8+.gs_3,.gs_8+.gs_4,.gs_7+.gs_1,.gs_7+.gs_2,.gs_7+.gs_3,.gs_7+.gs_4,.gs_7+.gs_5,.gs_6+.gs_1,.gs_6+.gs_2,.gs_6+.gs_3,.gs_6+.gs_4,.gs_6+.gs_5,.gs_6+.gs_6,.gs_5+.gs_1,.gs_5+.gs_2,.gs_5+.gs_3,.gs_5+.gs_4,.gs_5+.gs_5,.gs_5+.gs_6,.gs_5+.gs_7,.gs_4+.gs_1,.gs_4+.gs_2,.gs_4+.gs_3,.gs_4+.gs_4,.gs_4+.gs_5,.gs_4+.gs_6,.gs_4+.gs_7,.gs_4+.gs_8,.gs_3+.gs_1,.gs_3+.gs_2,.gs_3+.gs_3,.gs_3+.gs_4,.gs_3+.gs_5,.gs_3+.gs_6,.gs_3+.gs_7,.gs_3+.gs_8,.gs_3+.gs_9,.gs_2+.gs_1,.gs_2+.gs_2,.gs_2+.gs_3,.gs_2+.gs_4,.gs_2+.gs_5,.gs_2+.gs_6,.gs_2+.gs_7,.gs_2+.gs_8,.gs_2+.gs_9,.gs_2+.gs_10,.gs_1+.gs_1,.gs_1+.gs_2,.gs_1+.gs_3,.gs_1+.gs_4,.gs_1+.gs_5,.gs_1+.gs_6,.gs_1+.gs_7,.gs_1+.gs_8,.gs_1+.gs_9,.gs_1+.gs_10,.gs_1+.gs_11{
margin-left:36px;
margin-top: 16px;
}
#footer .gs_12{width:960px}#footer .gs_11{width:878px}#footer .gs_10{width:796px}#footer .gs_9{width:714px}#footer .gs_8{width:632px}#footer .gs_7{width:550px}#footer .gs_6{width:468px}#footer .gs_5{width:386px}#footer .gs_4{width:304px}#footer .gs_3{width:222px}#footer .gs_2{width:140px}#footer .gs_1{width:58px}
#footer .gs_11+.gs_1,#footer .gs_10+.gs_1,#footer .gs_10+.gs_2,#footer .gs_9+.gs_1,#footer .gs_9+.gs_2,#footer .gs_9+.gs_3,#footer .gs_8+.gs_1,#footer .gs_8+.gs_2,#footer .gs_8+.gs_3,#footer .gs_8+.gs_4,#footer .gs_7+.gs_1,#footer .gs_7+.gs_2,#footer .gs_7+.gs_3,#footer .gs_7+.gs_4,#footer .gs_7+.gs_5,#footer .gs_6+.gs_1,#footer .gs_6+.gs_2,#footer .gs_6+.gs_3,#footer .gs_6+.gs_4,#footer .gs_6+.gs_5,#footer .gs_6+.gs_6,#footer .gs_5+.gs_1,#footer .gs_5+.gs_2,#footer .gs_5+.gs_3,#footer .gs_5+.gs_4,#footer .gs_5+.gs_5,#footer .gs_5+.gs_6,#footer .gs_5+.gs_7,#footer .gs_4+.gs_1,#footer .gs_4+.gs_2,#footer .gs_4+.gs_3,#footer .gs_4+.gs_4,#footer .gs_4+.gs_5,#footer .gs_4+.gs_6,#footer .gs_4+.gs_7,#footer .gs_4+.gs_8,#footer .gs_3+.gs_1,#footer .gs_3+.gs_2,#footer .gs_3+.gs_3,#footer .gs_3+.gs_4,#footer .gs_3+.gs_5,#footer .gs_3+.gs_6,#footer .gs_3+.gs_7,#footer .gs_3+.gs_8,#footer .gs_3+.gs_9,#footer .gs_2+.gs_1,#footer .gs_2+.gs_2,#footer .gs_2+.gs_3,#footer .gs_2+.gs_4,#footer .gs_2+.gs_5,#footer .gs_2+.gs_6,#footer .gs_2+.gs_7,#footer .gs_2+.gs_8,#footer .gs_2+.gs_9,#footer .gs_2+.gs_10,#footer .gs_1+.gs_1,#footer .gs_1+.gs_2,#footer .gs_1+.gs_3,#footer .gs_1+.gs_4,#footer .gs_1+.gs_5,#footer .gs_1+.gs_6,#footer .gs_1+.gs_7,#footer .gs_1+.gs_8,#footer .gs_1+.gs_9,#footer .gs_1+.gs_10,#footer .gs_1+.gs_11{margin-left:24px}
.alpha,.first{margin:20px 0 30px !important;clear:both} /* just for long sections of grids */
div.nomargin{margin-top:0px !important;margin-bottom:0px !important}div.lowmargin{margin-top:6px !important;margin-bottom:22px !important}
/* =============================================================================
Logo
========================================================================== */
#logo{
position:absolute;
bottom:20px;
left:-20;
}
/* =============================================================================
Menus
========================================================================== */
#header{
width:100%;
min-width:960px;
position:relative;
display:block;
top:0;
z-index:9997;
}
#header.supermenu{
position:fixed;
}
.ie7 #header.supermenu{
left: 0px; top: 0px;
}
#header + #entertainerwrap{
padding-top:0;
min-width:960px;
}
#header.supermenu + #entertainerwrap{
min-width:960px;
padding-top:147px;
}
#menuswrap{
height:147px;
position:relative;
}
#menus{
padding:0;
margin:0;
display:block;
position:absolute;
bottom:23px;
right:-51px;
z-index:9999;
left: -40;
}
#menus li{
padding:0;
margin:0;
display:block;
float:left;
position:relative;
z-index:9999;
width: 120px;
}
#menus li a{
min-width:118px;
display:block;
float:left;
text-decoration:none;
border-left-width:1px;
border-left-style:solid;
padding-top: 2px;
padding-right: 1px;
padding-bottom: 4px;
padding-left: 9px;
}
#menus li.current a,#menus li a:hover,#menus > li.current-hover > a{
border-left-width:2px;
border-left-style:solid;
margin-left:0;
}
#menus li.current ul li a{
border-left:0px;
}
#menus li:last-child a{
min-width:0;
padding-right:0;
}
#menus li a > span{
display:block;
overflow:hidden;
margin-top:2px;
white-space:nowrap;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
width: 90px;
margin-bottom: 2px;
}
#menus li a > span:first-child{
text-transform:uppercase;
display:block;
margin-top:0;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px;
top: 2px;
width: 90px;
}
#menus li ul{
position:absolute;
top:38px;
left:0px;
display:none;
margin:0;
padding:22px 0 0;
border-left-width:2px;
border-left-style:solid;
z-index:9999;
}
#menus.fixed li ul{
top:16px;
padding:6px 0 0;
z-index:9999;
}
#menus li ul li{
display:block;
width:260px;
position:relative;
}
#menus li ul li:first-child{
border-top-width:1px;
border-top-style:solid;
}
#menus li ul li a{
display:block;
overflow:hidden;
width:220px;
border-left:0;
margin-left:0;
line-height:18px;
padding:9px 30px 9px 10px;
border-bottom-width:1px;
border-bottom-style:solid;
}
#menus.default li ul li a{
padding:9px 30px 9px 10px !important;
}
#menus.fixed li ul li a{
padding:5px 30px 5px 10px !important;
}
#menus li ul li a:hover{
margin-left:0;
color:#fafafa;
border-left:0;
border-bottom-width:1px;
border-bottom-style:solid;
}
#menus li ul li ul{
display:none;
position:absolute;
top:-1px;
left:-264px;
padding:0;
width:260px;
z-index:9999;
}
#menus.fixed li ul li ul{
top:-1px;
padding:0;
z-index:9999;
}
#menus li ul li.hassubmenu > a{
background:url(./img/utility_sprite.png) no-repeat scroll right -403px;
}
#menus.fixed li ul li.hassubmenu > a{
background:url(./img/utility_sprite.png) no-repeat scroll right -407px;
}
/* =============================================================================
Entertainer / Collage / Slider
========================================================================== */
#slider{
border-bottom-width:5px;
border-bottom-style:solid;
max-height:500px;
}
#entertainerwrap.slider,#entertainerwrap.sliderwide{
position:relative;
max-height:500px;
}
#entertainerwrap.slider{
height:500px;
}
#entertainerwrap.sliderwide{
min-height:306px;
}
#entertainerwrap.slider #slider{
border:none;
}
#header + #entertainerwrap.slider {
background:url("./img/utility_sprite.png") repeat-x scroll 0 -1137px #FDFDFD;
}
#header.supermenu + #entertainerwrap.slider {
background:url("./img/utility_sprite.png") repeat-x scroll 0 -990px #FDFDFD;
}
#entertainerwrap.slider + #mainwrap{
background-image:none;
}
#collage{
border-bottom-width:5px;
border-bottom-style:solid;
display:block;
overflow:hidden;
margin:0 auto;
padding:0;
width:2543px;
/* min-width:960px; */
min-width: 980px;
}
#collage li{
/*width:318px;
height:181px;*/
/*width: 180px;*/
height: 176px;
margin-right: 20px;
margin-bottom: 20px;
display:block;
float:left;
background-color:#f7f7f7;
zoom:1;
overflow:hidden;
position:relative;
}
#collage li a{
float:left;
display:block;
vertical-align:bottom;
position:relative;
width:100%;
height:100%;
}
.js #collage img{
position:absolute;
top:0;
left:0;
display:none;
z-index:3;
}
.js #collage img.secondaryimg{
position:absolute;
display:block;
z-index:1;
top:0;
left:0;
}
#collage li a h5{
font:bold 13px/16px Helvetica, Arial, sans-serif;
z-index:2;
position:absolute;
bottom:0;
left:0;
display:none;
margin:0;
padding:6px 12px;
text-transform:lowercase;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#collage li a:active h5{
position:absolute;
bottom:-1px;
display:block;
}
/* =============================================================================
Content
========================================================================== */
#container{
overflow:hidden;
/* position:relative; */
background-image:url(./img/utility_sprite.png);
background-repeat:repeat-x;
background-position:0 -1405px;
background-attachment:scroll;
min-height:600px;
}
.homepage #container{
background:none;
}
.portfolio #container{
background:none;
}
#container.lettherebedarkness{
background:none;
}
.no-js #container{
background:none;
}
#mainwrap{
padding:40px 0 45px;
margin:0;
width:100%;
background-repeat:repeat-x;
background-position:0 -1552px;
background-attachment:scroll;
}
.homepage #mainwrap{
padding:30px 0 45px;
}
#main{
margin:0 auto;
overflow:hidden;
}
/* =============================================================================
Sloganbox & Textbox & Postbox
========================================================================== */
.sloganbox{
display:block;
float:left;
border-top-width:1px;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
position:relative;
margin-bottom: 8px;
margin-top: 0px;
}
.sloganbox > h1{
font:400 44px/44px 'LeagueGothic',Helvetica,Arial,sans-serif;
letter-spacing:0;
color:#43484C;
margin:21px 0 23px;
text-align:center;
}
.sloganbox > h1 > span{
font:14px/14px 'Open Sans',Georgia,serif;
text-transform:uppercase;
letter-spacing:-0.1px;
color:#747880;
display:block;
margin-top:-1px;
}
.sloganbox > h2{
font:400 25px/27px 'Open Sans',Georgia,serif;
letter-spacing:-1px;
margin:20px 0 21px;
text-align:center;
text-transform:none;
}
.sloganbox > h2 a{
text-decoration:none;
}
.sloganbox > h2 a:hover{
border-bottom-width:1px;
border-bottom-style:solid;
}
.sloganbox > h2 span{
margin-top:4px;
}
.sloganbox > h3{
font:400 25px/27px 'Open Sans',Georgia,serif;
letter-spacing:-1px;
margin:20px 0 21px;
text-align:left;
}
.sloganbox > h3 a{
text-decoration:none;
}
.sloganbox > h3 a:hover{
border-bottom-width:1px;
border-bottom-style:solid;
}
.sloganbox > h3 span{
margin-top:4px;
}
.postbox,.textbox,.box{
margin-bottom:30px;
overflow:hidden;
display:block;
float:left;
}
.singlebox{
}
.singlebox p{
color:#fafafa;
}
.singlebox a{
color:#fafafa;
}
.textboxleft{
margin:20px 36px 0 0;
display:inline;
float:left;
width:144px;
}
.textboxleft h5{
display:block;
width:100%;
background:url(./img/utility_sprite.png) repeat scroll 1px -785px transparent;
margin:0;
padding:0 0 5px;
}
.textboxleft h5 span{
font:16px/20px Helvetica, Arial, sans-serif;
letter-spacing: -0.2px;
font-weight:bold;
text-transform:lowercase;
text-align:right;
display:block;
padding:4px 7px;
}
.textboxleft h5+h5{
background:none;
font:300 14px/14px 'Open Sans',Georgia,serif;
text-transform:uppercase;
color:#747880;
text-align:right;
margin:5px 0 0;
padding:0 0 30px;
border-bottom-width:1px;
border-bottom-style:solid;
}
.postwrap,.textboxright{
border-top-width:1px;
border-top-style:solid;
margin-bottom:50px;
position:relative;
display:inline;
float:left;
width:100%;
}
.gs_12 .textboxright{
width:780px;
margin-bottom:0;
}
.gs_9 .textboxright{
width:558px;
margin-bottom:0;
}
.postwrap > h2,.textboxright >h2{
font:36px/36px 'LeagueGothic',Helvetica,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:-0.1px;
color:#43484C;
margin:13px 0 14px;
background:url(./img/utility_sprite.png) no-repeat scroll -8px -562px transparent;
padding:0 0 0 20px !important;
}
.postwrap > h2 a,.textboxright > h2 a{
text-decoration:none;
}
.postwrap > h2 span,.textboxright > h2 span{
font:300 14px/14px 'Open Sans',Helvetica,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:0px;
display:block;
margin-left: 1px;
}
.postwrap h2 + p:first-letter,p.postinfo + p:first-letter,.textboxright h2 +p:first-letter{
padding-left:30px;
}
.postseparator{
width:100%;
height:10px;
clear:both;
}
a.postimg{
vertical-align:bottom;
display:block;
float:left;
overflow:hidden;
margin:0 0 10px;
}
p.postinfo{
display:block;
border-top-width:1px;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
padding:1px 0 2px;
overflow:hidden;
margin:0 0 8px;
float:left;
width:100%;
}
p.postinfo + p{
margin-top:8px;
}
p.postinfo a{
border:none;
color:#747880;
font:300 13px/14px 'Open Sans',Helvetica,Arial,sans-serif;
text-transform:uppercase;
}
p.postinfo a.commentcount{
float:right;
padding:4px 19px 0 0;
background:url(./img/utility_sprite.png) no-repeat scroll right -311px transparent;
}
.superpostbox{
position:relative;
margin-bottom:30px;
margin-top: 26px;
}
.gs_9 .superpostboxleft,.gs_8 .superpostboxleft{
display:inline;
float:left;
width:130px;
}
.gs_9 .superpostboxright{
display:inline;
float:left;
width:557px;
margin:8px 0 0 24px;
position:relative;
}
.gs_8 .superpostboxright{
display:inline;
float:left;
width:474px;
position:relative;
margin-top: 1px;
margin-right: 0;
margin-bottom: 0;
margin-left: 24px;
}
.gs_9 .superpostboxright .thedash,.gs_8 .superpostboxright .thedash{
width:94px;
left:-152px;
top:83px;
}
.superpostbox p.postinfo{
text-align:right;
margin:26px 0 0;
padding:8px 0 12px;
font:300 italic 11px/22px 'Open Sans',Helvetica,Arial,sans-serif;
}
.superpostbox p.postinfo a{
font:300 11px/22px 'Open Sans',Georgia,serif;
text-transform:none;
}
.superpostbox p.postinfo a.commentcount{
background-position:right -308px;
}
.superpostboxright h2{
text-transform:none;
margin:0 0 10px;
font-family: 'LeagueGothic', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: normal;
}
.superpostboxright h2+p{
margin-top:0;
}
.superpostboxright h2 span{
font: 300 14px/14px 'Open Sans',Helvetica,Arial,sans-serif;
display:block;
color: #747880;
}
/* =============================================================================
Pagination
========================================================================== */
.pagination{
display:block;
float:left;
padding-bottom:1px;
}
.pagination span,.pagination a{
border-width:1px;
border-style:solid;
padding:2px 7px;
margin-right:3px;
display:block;
float:left;
}
/* =============================================================================
Twitbox
========================================================================== */
.twitbox{
overflow:visible;
position:relative;
border-top:1px solid #d0d3d9;
border-bottom:1px solid #d0d3d9;
margin-bottom:45px;
}
.twitbox ul.tweet_list{
padding:36px 0 39px;
margin:0;
}
.twitbox p.loading{
font:23px/26px 'Cabin', Helvetica,Arial,sans-serif;
margin:0;
padding:0 0 26px;
}
.twitbox ul.tweet_list li{
font:23px/26px 'Cabin', Helvetica,Arial,sans-serif;
background:url(./img/utility_sprite.png) no-repeat scroll -8px -561px transparent;
padding:0 0 0 20px !important;
list-style:none;
}
.twitbox ul.tweet_list li a{
text-decoration:none;
color:#282c2e;
}
.twitbox ul.tweet_list li span.tweet_time a{
position:absolute;
bottom:8px;
right:0;
font:italic 12px/16px Georgia, serif;
color:#999ea8;
background:url(./img/utility_sprite.png) no-repeat scroll right -487px transparent;
padding:0 30px 3px 0;
}
.twitbox ul.tweet_list li span.tweet_time a:active{
position:absolute;
bottom:7px;
top:inherit;
}
.twitbox ul.tweet_list li span.tweet_time a:after,.twitbox ul.tweet_list li span.tweet_time a:hover:after{
content:" via";
word-spacing:4px;
color:#999ea8;
}
/* =============================================================================
Fancy Boxes
========================================================================== */
.fancybox{
margin:0;
}
.fancybox h2{
display:block;
width:100%;
background:url(./img/utility_sprite.png) repeat scroll 1px -785px transparent;
margin:0;
padding:0 0 5px;
}
.fancybox h2 span{
font:16px/20px Helvetica, Arial, sans-serif;
letter-spacing: -0.2px;
font-weight:bold;
text-transform:lowercase;
text-align:right;
display:block;
padding:4px 6px;
margin:0;
}
.fancybox h2+h2{
background:none;
font:28px/28px 'LeagueGothic',Helvetica,Arial,sans-serif;
text-align:right;
margin:7px 0 13px;
padding:0 0 30px;
border-bottom-width:1px;
border-bottom-style:solid;
}
.fancybox a{
}
.fancybox a:hover{
}
.fancybox h2>span{
background-image:url(./img/icon_sprite.png);
background-repeat:no-repeat;
}
.fancybox span.ico_addressbook{
background-position:0 -6px;
}
.fancybox span.ico_key{
background-position:0 -88px;
}
.fancybox span.ico_advertising{
background-position:0 -170px;
}
.fancybox span.ico_archives{
background-position:0 -252px;
}
.fancybox span.ico_atributes{
background-position:0 -334px;
}
.fancybox span.ico_bank{
background-position:0 -416px;
}
.fancybox span.ico_basket{
background-position:0 -494px;
}
.fancybox span.ico_bestseller{
background-position:0 -580px;
}
.fancybox span.ico_billing{
background-position:0 -662px;
}
.fancybox span.ico_bookmark{
background-position:0 -743px;
}
.fancybox span.ico_storm{
background-position:0 -826px;
}
.fancybox span.ico_bag{
background-position:0 -903px;
}
.fancybox span.ico_busy{
background-position:0 -990px;
}
.fancybox span.ico_calendar{
background-position:0 -1072px;
}
.fancybox span.ico_category{
background-position:0 -1153px;
}
.fancybox span.ico_check{
background-position:0 -1234px;
}
.fancybox span.ico_collaboration{
background-position:0 -1317px;
}
.fancybox span.ico_comment{
background-position:0 -1399px;
}
.fancybox span.ico_communication{
background-position:0 -1481px;
}
.fancybox span.ico_config{
background-position:0 -1564px;
}
.fancybox span.ico_consulting{
background-position:0 -1640px;
}
.fancybox span.ico_contact{
background-position:0 -1727px;
}
.fancybox span.ico_cost{
background-position:0 -1810px;
}
.fancybox span.ico_creditcard{
background-position:0 -1888px;
}
.fancybox span.ico_credit{
background-position:0 -1969px;
}
.fancybox span.ico_currentwork{
background-position:0 -2052px;
}
.fancybox span.ico_customers{
background-position:0 -2133px;
}
.fancybox span.ico_cv{
background-position:0 -2207px;
}
.fancybox span.ico_database{
background-position:0 -2298px;
}
.fancybox span.ico_date{
background-position:0 -2380px;
}
/* =============================================================================
Toggler
========================================================================== */
h3.toggle,h3.toggle.active.open{
padding:0 0 0 22px;
background:url(./img/features_sprite.png) no-repeat -15px -3653px transparent;
margin:12px 0 9px;
cursor:pointer;
}
h3.toggle.active,h3.toggle.open{
background-position:-15px -3703px;
}
div.toggler{
padding:10px 15px 10px;
background-color:#ececec;
background-color: #F1F1F2;
border: 1px solid #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px #CCCCCC inset;
color: #B6B6B6;
font-size: 12px;
margin: 1px 0 10px;
outline: medium none;
overflow:hidden;
}
div.toggler p{
margin:0;
padding:0;
}
div.toggler h2{
margin: 5px 0 10px;
}
div.toggler h3{
margin: 5px 0 8px;
}
embed{
width:100%;
}
/* =============================================================================
Pricing
========================================================================== */
.pricing{
margin:24px 0 10px 0;
float:left;
border-left:1px solid #F7F7F7;
border-right:1px solid #e1e1e1;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
}
#main .pricing p{
color:#747880;
}
.pricing_column{
display:inline;
float:left;
background:url(./img/pricing_column.png) repeat-x top right #F7F7F7;
border-left:1px solid #e1e1e1;
border-right:1px solid #F7F7F7;
padding:0px 0 3px;
}
.ie7 .pricing_column{
text-align:center;
}
.pricing_index{
display:inline;
float:left;
border-right:1px solid #F7F7F7;
}
.pricing_column:hover{
cursor:pointer;
background-color:#f2f2f2;
}
.pricing_column.selected{
}
.pricing_blurb{
width:144px;
height:141px;
margin:-8px 16px 10px 16px;
position:relative;
background:url(./img/pricing_blurb.png) no-repeat center top transparent;
}
.pricing_blurb.red{
background:url(./img/pricing_blurb_red.png) no-repeat center top transparent;
}
.pricing_blurb.green{
background:url(./img/pricing_blurb_green.png) no-repeat center top transparent;
}
.pricing_blurb.blue{
background:url(./img/pricing_blurb_blue.png) no-repeat center top transparent;
}
.pricing_blurb.yellow{
background:url(./img/pricing_blurb_yellow.png) no-repeat center top transparent;
}
.pricing_noblurb{
width:144px;
height:141px;
margin:-8px 16px 10px 16px;
position:relative;
}
.pricing_column:hover .pricing_blurb{
background-position:center -299px;
}
#main .pricing_blurb h3{
text-align:center;
color:#ffffff;
text-shadow:1px 1px #000000;
font: 20px/26px 'League Gothic', Arial, sans-serif;
padding:6px 0 0 0;
margin:0;
}
#main .pricing_blurb h2{
text-align:center;
color:#ffffff;
text-shadow:1px 2px 3px #dc0000;
font: 37px/50px Helvetica,Arial, sans-serif;
font-weight:bold;
padding:21px 0 0 0;
margin:0;
}
.pricing_blurb.red h2{
text-shadow:1px 2px 3px #8b2020;
}
.pricing_blurb.green h2{
text-shadow:1px 2px 3px #a3a710;
}
.pricing_blurb.blue h2{
text-shadow:1px 2px 3px #087eb8;
}
.pricing_blurb.yellow h2{
text-shadow:1px 2px 3px #daba32;
}
.pricing_noblurb h1{
margin:0;
text-align:center;
padding:12px 0 0 0;
}
.pricing_blurb p{
}
.pricing_column p,.pricing_index p{
padding:10px 10px;
text-align:center;
margin:0 0 -3px;
}
.specs{
background:url(./img/pricing_spec_separator.png) repeat-x bottom left transparent;
min-height:42px;
}
.specs img{
margin:0 2px -2px 0;
}
.specs p{
text-align:center;
margin:1px 0 0 0;
font-weight:bold;
min-height:20px;
}
.buyme{
padding:6px 0 6px 0;
overflow:hidden;
background:none;
}
.buyme p a.superbutton{
display:inline;
float:none;
padding:3px 15px 2px;
margin:0;
}
/* =============================================================================
Sidebar & Widgets
========================================================================== */
ul.sidebar{
padding:0;
margin-top:40px;
}
ul.sidebar p{
margin-top:0;
}
ul.sidebar li{
padding:0;
list-style:none;
}
ul.sidebar .widgettitle{
display:block;
margin:0;
padding:0 0 5px;
width:100%;
font:400 28px/28px 'LeagueGothic',Helvetica,Arial,sans-serif;
color:#43484C;
padding:0 0 10px;
text-transform:uppercase;
}
ul.sidebar li ul{
padding:0 0 0 1px;
border-top-width:1px;
border-top-style:solid;
}
ul.sidebar li ul li{
list-style:none;
}
ul.sidebar li ul li a{
border-bottom-width:1px;
border-bottom-style:solid;
display: block;
padding: 7px 0 7px 19px;
background:url(./img/utility_sprite.png) no-repeat scroll 0 -145px transparent;
}
ul.sidebar li ul li a:hover,ul.sidebar li ul li.current_page_item a{
background-position:0 15px;
}
ul.sidebar .widget{
margin: 0 0 50px;
}
ul.sidebar .widget_search{
margin: 0 0 30px;
}
ul.sidebar.gs_2 .widget_search input[type="text"]{
width:78px;
}
ul.sidebar.gs_3 .widget_search input[type="text"]{
width:161px;
}
ul.sidebar.gs_4 .widget_search input[type="text"]{
width:244px;
}
ul.sidebar .widget_search input[type="text"]{
background:transparent;
border-width:1px;
border-style:solid;
border-radius:0;
border-right:0;
margin:0 0 4px;
outline:none;
padding:5px 11px;
}
.oldie ul.sidebar .widget_search input[type="text"]{
margin-left:0;
float:left;
overflow:hidden;
margin-bottom:30px;
}
ul.sidebar .widget_search input[type="submit"]{
border-width:1px;
border-style:solid;
border-radius:0;
border-left:0;
background:url(./img/utility_sprite.png) no-repeat scroll 0 -825px transparent;
margin:0 0 4px -4px;
outline:none;
padding:5px 14px;
text-shadow:1px 1px #ffffff;
}
.oldie ul.sidebar .widget_search input[type="submit"]{
margin-left:0;
float:left;
width:29px;
height:28px;
}
/* =============================================================================
Separator
========================================================================== */
.hr{
width:100%;
margin-top:30px;
height:40px;
display:block;
float:left;
overflow:hidden;
position:relative;
border-top-width:1px;
border-top-style:solid;
overflow:visible;
}
.hr h1{
font:36px/36px 'League Gothic',Helvetica,Arial,sans-serif;
color:#43484C;
background:url(./img/utility_sprite.png) no-repeat scroll -8px -562px transparent;
padding:0 0 0 18px !important;
text-transform:uppercase;
margin:15px 0 18px;
height:32px;
}
/* =============================================================================
Tabs
========================================================================== */
.ds_tabber_wrap{
width:100%;
float:left;
}
ul.tabber{
margin:0;
}
ul.tabber li{
border-width:1px;
border-style:solid;
display: inline;
float: left;
overflow: hidden;
margin:0 4px 4px 0;
}
ul.tabber li:hover,ul.tabber li.selected{
border-width:1px;
border-style:solid;
}
ul.tabber li a{
text-decoration:none;
color:#666;
display:block;
float:left;
padding:4px 11px;
overflow:hidden;
}
.ds_tabber{
background: none repeat scroll 0 0 #F0F0F0;
border-width:1px;
border-style:solid;
box-shadow: 0 0 0 1px #FFFFFF inset;
display: inline;
float: left;
overflow: hidden;
margin:0 0 20px;
padding:15px;
}
.ie7 .ds_tabber{
float:left;
width:100%;
}
.ds_vtabber_wrap ul.tabber li{display:block;float:none;}
.ds_vtabber_wrap ul.tabber{float:left;}
.inner_main .ds_vtabber_wrap ul.tabber{width:200px;}
.inner_main .ds_vtabber_wrap div.ds_tabber{width:660px;}
.gs_4 .ds_vtabber_wrap ul.tabber{width:90px;}
.gs_4 .ds_vtabber_wrap div.ds_tabber{width:174px;}
.gs_5 .ds_vtabber_wrap ul.tabber{width:100px;}
.gs_5 .ds_vtabber_wrap div.ds_tabber{width:247px;}
.gs_6 .ds_vtabber_wrap ul.tabber{width:120px;}
.gs_6 .ds_vtabber_wrap div.ds_tabber{width:310px;}
.gs_7 .ds_vtabber_wrap ul.tabber{width:140px;}
.gs_7 .ds_vtabber_wrap div.ds_tabber{width:373px;}
.gs_8 .ds_vtabber_wrap ul.tabber{width:160px;}
.gs_8 .ds_vtabber_wrap div.ds_tabber{width:436px;}
.gs_9 .ds_vtabber_wrap ul.tabber{width:170px;}
.gs_9 .ds_vtabber_wrap div.ds_tabber{width:509px;}
.gs_10 .ds_vtabber_wrap ul.tabber{width:180px;}
.gs_10 .ds_vtabber_wrap div.ds_tabber{width:582px;}
.gs_11 .ds_vtabber_wrap ul.tabber{width:190px;}
.gs_11 .ds_vtabber_wrap div.ds_tabber{width:655px;}
.gs_12 .ds_vtabber_wrap ul.tabber{width:200px;}
.gs_12 .ds_vtabber_wrap div.ds_tabber{width:728px;}
/* =============================================================================
Table
========================================================================== */
table {
border-spacing: 0px;
background: transparent;
border-collapse: collapse;
}
#dstable td{
vertical-align: baseline;
}
#dstable th.tablecol, #dstable td.tableid, #dstable td.even , #dstable td.odd{
text-align: center;
/*background-color: #e4e4e4;
border-color: #cfcfcf;*/
border-style: solid;
border-width: 1px 1px 0;
}
/*#dstable td.even {
background-color: #efefef;
}
#dstable td.odd {
background-color: #f6f6f6;
}*/
#dstable th h6 {
font-size: 15px;
margin-top: 13px;
padding-bottom: 6px;
}
#dstable td h6{
margin:0;
font-size: 15px;
}
#dstable .tableid {
padding: 10px 0;
width: 180px;
}
#dstable td {
width: 160px;
}
#dstable td.first {
border-style:solid;
border-top-width:1px;
}
#dstable td.last {
border-style:solid;
border-bottom-width:1px;
}
#dstable td.even{
background-image:none !important;
}
/* =============================================================================
Portfolio Type Ev-01
========================================================================== */
#ev_portfolio_type01{
display:block;
float:left;
margin:62px 0 50px;
z-index:11;
position:relative;
width:960px;
}
#ev_portfolio_type01 #portf2items > div{
margin:0 1px 1px 0;
position:relative;
}
#ev_portfolio_type01 #portf2sorter{
background:transparent;
width:956px;
margin:0 0 1px 0;
display:block;
padding:8px 0 2px;
float:left;
}
#portf2items{
width:958px;
}
#portf2items a{
display:block;
}
#portf2sorter li{
float:right;
display:block;
list-style:none;
}
#ev_portfolio_type01 #portf2sorter a.superbutton{
font:11px/24px Helvetica,Arial,sans-serif;
height:24px;
margin:0 0 6px 6px;
float:right;
}
#HAL{
display:none;
position:absolute;
top:50%;
left:49%;
width:120px;
}
#HAL .insides{
width:10px;
height:10px;
border-radius:10px;
float:left;
margin:5px 0 0;
}
#HAL p{
margin:0 0 0 7px;
float:left;
}
#portf2items a h5{
font:bold 13px/16px Helvetica, Arial, sans-serif;
color:#fafafa;
z-index:2;
position:absolute;
bottom:0;
left:0;
display:none;
margin:0;
padding:6px 12px;
text-transform:lowercase;
}
#portf2items div.ds_zoomer_pic{
background:url(./img/zoom.png) no-repeat scroll center center;
}
#portf2items div.ds_zoomer_vid{
background:url(./img/play.png) no-repeat scroll center center;
}
#portf2items div.ds_zoomer_more{
background:url(./img/more.png) no-repeat scroll center center;
}
#ev_portfolio_type01 #portf2items > div a:active + a h5{
bottom:-1px;
}
.portfolioitemwrap{
position:absolute;
left:0;
bottom:0;
height:250px;
padding:20px 0 66px 20px;
z-index:9999;
}
.portfolioinnerwrap{
position:relative;
width:100%;
height:100%;
}
.pdesc{
width:162px;
height:220px;
background:#000;
display:block;
float:left;
margin:0 1px 0 0;
padding:15px;
background-position:center center !important;
background-repeat:no-repeat !important;
background-color:#000 !important;
font:300 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
color:#ffffff;
overflow:hidden;
position:relative;
}
.pdesc .innerpdesc{
width:100%;
height:100%;
display:block;
position:relative;
overflow:hidden;
}
.pdesc h6{
color:#ffffff;
font:25px/23px 'LeagueGothic',Helvetica,Arial,sans-serif;
margin:3px 0 10px;
}
.pdesc p{
color:#A3A3A3;
font:300 13px/16px Arial,Helvetica,sans-serif;
}
.pdesc p span{
color:#ffffff;
}
.pdesc a{
color:#ffffff;
font:300 13px/16px Arial,Helvetica,sans-serif;
}
.portfolioitemwrap .pinfohead{
width:500px;
height:218px;
display:block;
float:left;
background:#000000;
padding:16px 15px;
margin:0 1px 0 0;
overflow:hidden;
display:none;
}
.innerinfohead{
height:100%;
width:486px;
padding:0 14px 0 0;
overflow:auto;
}
.portfolioitemwrap .pinfohead p{
color:#ffffff;
}
.portfolioitemwrap .pinfohead a{
color:#ffffff;
}
.portfolioitemwrap .pinfohead h1{
color:#ffffff;
font-size:28px;
line-height:28px;
margin:0 0 6px;
}
.portfolioitemwrap .pinfotext p:first-child{
margin:0;
}
.pnaviwrap{
width:190px;
height:250px;
background:#000000;
display:block;
float:left;
margin:0 1px 0 0;
}
.backgroundimages{
display:none;
}
.showhide{
position:absolute;
left:167px;
top:-24px;
display:block;
z-index:9999;
display:none;
overflow:hidden;
width:49px;
background:url(./img/showhide.png) no-repeat scroll 1px 1px #000000;
}
.showhide a{
height:23px;
display:block;
}
.portfolionavi{
position:absolute;
width:87px;
left:107px;
bottom:-40px;
z-index:9999;
}
.portfolionavi h2{
margin:0;
}
.portfolionavi .pnext a{
float:left;
background:url(./img/features_sprite.png) no-repeat scroll 0px -4077px #000000;
margin:0;
width:42px;
height:39px;
}
.portfolionavi .pprev a{
float:left;
background:url(./img/features_sprite.png) no-repeat scroll -2px -4184px #000000;
margin:0 1px 0 0;
width:42px;
height:39px;
}
.portfolionavi .pnext a:hover{
background:url(./img/features_sprite.png) no-repeat scroll 0px -4126px #000000;
}
.portfolionavi .pprev a:hover{
background:url(./img/features_sprite.png) no-repeat scroll -2px -4237px #000000;
}
.closebutton{
bottom:-40px;
left:0px;
position:absolute;
z-index:9999;
}
.closebutton a{
background:url(./img/xgoback.png) no-repeat scroll 13px 14px #000000;
margin:0;
width:106px;
height:39px;
display:block;
}
.closebutton a:hover{
background:url(./img/xgoback.png) no-repeat scroll 13px -25px #000000;
}
/* =============================================================================
Contact forms
========================================================================== */
#main .contactform input[type="text"]{
height:16px;
border-width:1px;
border-style:solid;
margin-bottom:10px;
padding:5px 9px;
line-height:16px;
background:transparent;
}
#main .contactform input[type="button"]{
border-width:1px;
border-style:solid;
height:26px;
padding:0 13px 0;
margin-bottom:20px;
}
#main .contactform input[type="button"]:hover{
border-width:1px;
border-style:solid;
}
#main .contactform p{
margin:0;
}
img.loaderIcon{
margin-bottom:1px;
}
#form_response{
list-style:none;
width:100%;
float:left;
}
#form_response li{
padding-left:20px;
background:url("./img/features_sprite.png") no-repeat scroll -14px -1382px transparent;
}
#form_response li.success{
padding-left:20px;
background:url("./img/features_sprite.png") no-repeat scroll -14px -997px transparent;
}
#main .contactform textarea{
border-width:1px;
border-style:solid;
margin-bottom:10px;
padding:5px 9px;
background:transparent;
}
#main .contactform #form_response{
padding:0;
}
#main .contactform #main #form_response li{
list-style:none;
padding:0;
margin:0 0 4px;
}
#main .gs_2 .contactform input[type="text"],#main .gs_2 .contactform textarea{
width:110px;
}
#main .gs_3 .contactform input[type="text"],#main .gs_3 .contactform textarea{
width:193px;
}
#main .gs_4 .contactform input[type="text"],#main .gs_4 .contactform textarea{
width:276px;
}
#main .gs_5 .contactform input[type="text"],#main .gs_5 .contactform textarea{
width:359px;
}
#main .gs_6 .contactform input[type="text"],#main .gs_6 .contactform textarea{
width:442px;
}
#main .gs_7 .contactform input[type="text"],#main .gs_7 .contactform textarea{
width:525px;
}
#main .gs_8 .contactform input[type="text"],#main .gs_8 .contactform textarea{
width:608px;
}
#main .gs_9 .contactform input[type="text"],#main .gs_9 .contactform textarea{
width:691px;
}
#main .gs_10 .contactform input[type="text"],#main .gs_10 .contactform textarea{
width:774px;
}
#main .gs_11 .contactform input[type="text"],#main .gs_11 .contactform textarea{
width:857px;
}
#main .gs_12 .contactform input[type="text"],#main .gs_12 .contactform textarea{
width:940px;
}
#main div.selector{
margin-bottom:11px;
}
/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
background-image: url(./img/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
margin: 0;
padding: 0;
}
/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 3px;
color: #777;
background: url('./img/bg-input-focus.png') repeat-x 0px 0px;
background: url('./img/bg-input.png') repeat-x 0px 0px;
border-top: solid 1px #aaa;
border-left: solid 1px #aaa;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: 0;
}
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
border-color: #999;
background: url('./img/bg-input-focus.png') repeat-x 0px 0px;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span,
div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
background-position: 0px -297px;
height: 28px;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
background-position: right -673px;
}
div.button.active,
div.button:active {
background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled,
div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: center;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: center;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/* =============================================================================
Footer
========================================================================== */
#footer{
display:block;
overflow:hidden;
}
#footerwrap{
width:100%;
display:block;
overflow:hidden;
padding:40px 0 0;
margin:0;
}
#footerwrap .widgettitle{
font:15px/18px 'Open Sans',Helvetica,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
padding:0 0 10px;
border-bottom-width:1px;
border-bottom-style:solid;
}
#footerwrap .widgettitle+p{
margin-top:7px;
}
#footerwrap ul{
margin:0;
padding:0 0 0 26px;
}
#footerwrap ul li{
list-style-type:decimal-leading-zero;
}
#footerwrap ul li a{
text-decoration:none;
display:block;
border-bottom-width:1px;
border-bottom-style:solid;
padding:7px 0;
}
#footer ul.icons{
padding:0;
display:block;
}
#footer ul.icons li{
list-style-type:none;
display:block;
float:left;
}
#footer ul.icons li a{
display:block;
float:left;
border:none;
margin:0 10px 0 0;
padding:0;
}
#footer .widget{
margin-bottom:60px;
}
/* =============================================================================
Newsletter Widget
========================================================================== */
form.subscribe-form{
display:block;
float:left;
overflow:visible;
}
form.subscribe-form input[type="text"]{
border-width:1px;
border-style:solid;
border-radius:0;
outline:none;
padding:5px 11px;
margin:0 0 4px 0;
}
form.subscribe-form input[type="text"]:focus,.no-js form.subscribe-form input[type="text"]:hover{
border-radius:0;
}
form.subscribe-form input[type="submit"]{
border-width:1px;
border-style:solid;
border-radius:0;
outline:none;
padding:5px 11px;
margin:0 0 4px 0;
}
.ie7 form.subscribe-form input[type="submit"]{
font-size:12px;
padding:4px 9px;
}
.no-js form.subscribe-form input[type="submit"]:hover{
background:#212121;
color:#fff;
}
form.subscribe-form input[type="submit"]:active{
position:relative;
top:1px;
}
.gs_5 form #email{
width:293px;
}
.gs_4 form #email{
width:211px;
}
.gs_3 form #email{
width:129px;
}
.gs_2 form #email{
width:116px;
}
#footerwrap form+.clearfix+p{
margin-top:4px;
}
/* =============================================================================
Copyrights & Bottom Menus
========================================================================== */
.copyrights{
border-top-width:1px;
border-top-style:solid;
font:12px Helvetica,Arial,sans-serif;
width:100%;
overflow:hidden;
}
.copyrights .copywrap{
margin:6px auto;
overflow: hidden;
width:960px;
}
.copyrights p{
margin:0;
float:left;
}
.copyrights a{
text-decoration:none;
border:none;
}
#footerwrap .bottommenus{
display:block;
float:right;
height:22px;
}
#footerwrap .bottommenus li{
display:block;
float:left;
list-style:none;
border-left-width:1px;
border-left-style:solid;
margin:4px 0;
}
#footerwrap .bottommenus li a{
display:block;
float:left;
padding:0 8px 0 8px;
text-transform:lowercase;
height:14px;
line-height:14px;
border:none;
}
#footerwrap .bottommenus li:last-child a{
padding-right:0;
}
#footerwrap .bottommenus li a:hover{
background:none;
}
/* =============================================================================
Special Classes
========================================================================== */
.gs_12 .thedash,.gs_11 .thedash{
border-right-width:36px;
border-right-style:solid;
display:block;
width:272px;
height:3px;
position:absolute;
top:-1px;
left:0;
}
.gs_10 .thedash,.gs_9 .thedash,.gs_8 .thedash,.gs_7 .thedash,.gs_6 .thedash{
border-right-width:36px;
border-right-style:solid;
display:block;
width:186px;
height:3px;
position:absolute;
top:-1px;
left:0;
}
iframe{
max-width:100%;
}
.nobcg{
background:transparent !important;
}
/* =============================================================================
Isotopes
========================================================================== */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 8px;
height: 100%;
background: transparent;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background: transparent;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #555;
position: relative;
border-radius:4px;
}
.jspDrag
{
background: #fafafa;
position: relative;
top: 0;
left: 0;
cursor: pointer;
border-radius:4px;
box-shadow:0 0 5px #000;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
/* =============================================================================
Non-semantic helper classes
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* =============================================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* =============================================================================
Print styles.
Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
#controller{
position:fixed;
width:130px;
height:auto;
left:5px;
top:200px;
background:#efefef;
border-radius:6px;
border:1px solid #f9f9f9;
box-shadow:0px 1px 3px #777;
z-index:9999;
}
#controller h5{
margin:8px 10px 0 4px;
font-size:18px;
line-height:16px;
float:left;
width:100%;
overflow:hidden;
display:block;
}
#controller h6{
margin:8px 9px 0;
}
#controller ul{
display:block;
overflow:hidden;
padding:5px;
float:none;
margin:0;
}
#controller ul li{
display:inline;
float:left;
}
#controller ul li a{
display:block;
margin:5px;
width:20px;
height:20px;
}
#ctrl1{
background:#dc0000;
}
#ctrl2{
background:#fac400;
}
#ctrl3{
background:#0374FF;
}
#ctrl4{
background:#5BAB00;
}
#ctrl5{
background:#FF8B00;
}
#ctrl6{
background:#FF00C4;
}
#ctrl7{
background:#9F0FFF;
}
#ctrl8{
background:#D9D9D9;
}
#ctrl9{
background:#577582;
}
#ctrl10{
background:#544532;
}
#ctrl11{
background:#606A70;
}
#ctrl12{
background:#dc0000;
}
#ctrl13{
background:#fac400;
}
#ctrl14{
background:#0374FF;
}
#ctrl15{
background:#5BAB00;
}
#ctrl16{
background:#FF8B00;
}
#ctrl17{
background:#FF00C4;
}
#ctrl18{
background:#9F0FFF;
}
#ctrl19{
background:#AB1A1A;
}
#ctrl20{
background:#fac400;
}
#ctrl21{
background:#0068D3;
}
#ctrl22{
background:#94CF06;
}
#ctrl23{
background:#FF6A00;
}
#ctrl24{
background:#FF00C4;
}
#ctrl25{
background:#91AA9D;
}
#ctrl26{
background:#383737;
}
#ctrl27{
background:#F2EAD0;
}
#ctrl28{
background:#520608;
}
#ctrl29{
background:#1C1D21;
}
#ctrl30{
background:#332532;
}
#ctrl31{
background:#422A5C;
}
#ctrl32{
background:#FABB00;
}
#ctrl33{
background:#FF8FB1;
}
#ctrl34{
background:#FFDA24;
}
#ctrl35{
background:#940500;
}
#ctrl36{
background:#76A0B0;
}
#ctrl37{
background:#D2D9AF;
}
#ctrl38{
background:#8A3A68;
}
#ctrl39{
background:#263238;
}
#ctrl40{
background:#6A8E9E;
}
#ctrl41{
background:#FFD490;
}
#ctrl42{
background:#733614;
}
#ctrl43{
background:#87776F;
}
#ctrl44{
background:#466626;
}
#ctrl45{
background:#E00069;
}
#ctrl46{
background:#EB8305;
}
#ctrl47{
background:#93A603;
}
#ctrl48{
background:#A65042;
}
#ctrl49{
background:#A99E46;
}
#ctrl50{
background:#fac400;
}
#ctrl51{
background:#875F3A;
}
#ctrl52{
background:#472E29;
}
#ctrl53{
background:#FCFAE1;
}
#ctrl54{
background:#F29727;
}
#ctrl55{
background:#FFFCF0;
}
#ctrl56{
background:#FFFEFA;
}
#ctrl57{
background:#544532;
}
#ctrl58{
background:#006391;
}
#ctrl59{
background:#40411E;
}
#ctrl60{
background:#8C674C;
}
/* 20130529 */
.clear{
clear: both;
}
.slider_dex{
position: relative;
}
.slider_dex_btm{
width: 960px;
margin: 0 auto;
position: absolute;
height: 60px;
/* left: 0px; */
/* width: 100%; */
bottom: 0px;
left: 50%;
margin-left: -480px;
z-index: 8000;
background: #fff;
opacity: .8;
filter:alpha(opacity=80)
color: #686262;
}
.slider_dex_btm_padding{
padding-left: 10px;
padding-right: 10px;
}
.slider_dex_btm_fl{
float: left;
width: 420px;
height: 60px;
line-height: 60px;
color: #686262;
font-size: 14px;
font-family: "宋体";
overflow: hidden;
}
.slider_dex_btm_fr{
float: right;
padding-top: 10px;
text-align: right;
width: 520px;
height: 50px;
line-height: 20px;
color: #686262;
font-size: 12px;
font-family: "宋体";
}
#collage2{
border-bottom-width:5px;
display:block;
overflow:hidden;
margin:0 auto;
padding:0;
width: 980px;
}
#collage2 li{
width: 176px;
height: 176px;
margin-right: 20px;
margin-bottom: 20px;
display:block;
float:left;
background-color:#f7f7f7;
zoom:1;
overflow:hidden;
position:relative;
}
#collage2 li a{
float:left;
display:block;
vertical-align:bottom;
position:relative;
width:100%;
height:100%;
}
.js #collage2 img{
position:absolute;
top:0;
left:0;
/* display:none; */
z-index:3;
}
.js #collage2 img.secondaryimg{
position:absolute;
display:block;
z-index:1;
top:0;
left:0;
}
#collage2 li a h5{
font:bold 13px/16px Helvetica, Arial, sans-serif;
z-index:2;
position:absolute;
bottom:0;
left:0;
display:none;
margin:0;
padding:6px 12px;
/*text-transform:lowercase;*/
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
color: #FAFAFA;
background-color: #0c0c0c;
}
#collage2 li a:active h5{
position:absolute;
bottom:-1px;
display:block;
}
.aaa{
color: #FAFAFA;
background-color: #0c0c0c;
}
.fanye{
margin: 0 auto;
width: 960px;
min-height: 30px;
margin-top: 20px;
text-align: right;
padding-right: 20px;
text-align: right;
}
.letmenu {
padding-top: 187px;
background-position: 0 -1405px;
}
.superpostbox{
word-break: break-all;
}