/*[fmt]A010-100B-3*/
/*------------------------------------------------------------------
[ DEFAULT.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.    RESET

2.   MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.    FORMS
3.a  Form styles
3.b  Individual forms

4.    PLUGINS

5.    PRINT


/*------------------------------------------------------------------

1.    RESET
Global reset for all HTML elements

------------------------------------------------------------------*/
*
{ font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

html
{ height: 100%;}

body
{ background: #FFF; color: #323232; font-size: 100.01%; min-height: 101%; text-align: left; position: relative;}

img, fieldset, abbr, acronym
{ border: 0;}

ul, ol
{ list-style: none;}

table
{ border-collapse: collapse; border-spacing: 0; width: 100%;}

address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal;}

caption, th
{ text-align: left;}

q:before, q:after, blockquote:before, blockquote:after
{ content: '';}

input, select, textarea, button
{ font-size: 1em; line-height: normal; width: auto;}

input, select
{ vertical-align: middle;}

textarea
{ height: auto; overflow: auto;}

option
{ padding-left: 0.6em;}

button
{ background: none; border: 0; cursor: pointer; text-align: center;}

/*------------------------------------------------------------------

2.    MAIN STYLES
General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
body
{ color: #323232; font-family: Arial, Helvetica, sans-serif; font-size: 75%; line-height: 1.5em; text-align: center;}

p, ul, ol, table
{ margin: 0 0 1.5em;}

strong
{ font-weight: bold;}

em
{ font-style: italic;}

/*Headlines*/
h1, h2, h3, h4, h5, h6
{ font-weight: normal; line-height: 1; color: #111C32;}

h1
{ color: #111C32; font-size: 32px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; line-height: 1.4em; margin-bottom: 20px;}

h1.small
{ font-size: 28px;}

h1.albums
{ float: left; padding-right: 0; margin-right: 0; margin-bottom: 0;}

h3.num
{ font-size: 21px; float: left; margin: 12px 0 0 -5px;}

h3
{ color: #111C32; font-size: 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 30px 0 20px;}

.landing h3
{ margin: 15px 0;}

.landing
{ font-size: 14px;}

.testteaser
{ border-top: 2px solid #33C0EE; clear: both; margin-top: 15px; padding-top: 5px;}

.landing .profileinfo
{ margin-top: 0;}

.landing .optlist li
{ list-style-type: none;}

.landing ul li
{ list-style-type: disc; list-style-position: inside;}

h3.sifrb
{ float: left; margin: 10px 0 0;}

h4
{ color: #111C32; font-size: 1.25em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; line-height: normal;}

h5
{ font-size: 1em; font-weight: bold; line-height: 1.5em;}

h6
{ font-size: 1em; font-weight: bold;}

/*Anchors*/
a, a:link, a:visited
{ color: #0580A8; text-decoration: none; outline: 0;}

a:hover, a:active
{ text-decoration: underline;}

/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/
#wrap
{ margin: 0 auto; text-align: left; width: 960px; position: relative;}

#header, #body, #footer
{ float: left; display: inline; clear: both; position: relative;}

#header
{ height: 202px; width: 100%;}

#headerhome
{ height: 152px; width: 100%;}

#logo, #tagline
{ margin: 0;}

#logo a
{ background: url(../../../img/logo.gif) no-repeat; height: 47px; width: 193px; position: absolute; top: 18px; left: 7px;}

#tagline
{ display: none;}

#body
{ background: url(../../../img/temp_afbg_body.gif) repeat-y; border-top: 1px solid #F5F5F5; padding: 20px 21px 2em 31px; width: 910px;}

#home2 #body
{ background-image: none; padding: 0; width: 100%; border-top: 0; margin-top: -45px;}

#home #body
{ border-top: 0;}

#masthead
{ background: #FFF url(../../../img/bg_masthead.gif) repeat-x bottom; width: 926px; margin: -20px -18px 2em -28px; padding: 30px 0 0 30px; height: 238px;}

#home #masthead
{ height: 287px;}

#colL
{ float: left; width: 640px; margin: 0;}

#home2 #colL
{ width: 673px;}

#colR
{ float: right; width: 250px; text-align: left;}

#colR.gal
{ margin-top: 27px;}

#colR.pricing
{ margin-top: 3.4em;}

#footer
{ background: url(../../../img/bg_footer.gif) no-repeat; padding: 20px 0 30px; width: 100%;}

#home2 #footer
{ background-image: none; padding-top: 10px;}

/*-------------------------------
2.c Navigations
-------------------------------*/
ul.nav
{ margin: 0;}

ul.nav li
{ float: left;}

/*Main navigation*/
#nav
{ background: url(../../../img/bg_nav.gif) repeat-x; height: 40px; width: 100%; position: absolute; top: 92px; left: 0;}

#nav li
{ float: left;}

#nav li a
{ float: left; background: url(../../../img/bg_nav.gif) no-repeat right -40px; color: #DCDCDC; display: block; font-size: 1.17em; font-weight: bold; line-height: 40px; padding: 0 16px 0 15px; text-decoration: none;}

#nav li a:hover, #nav li a.active
{ background: #000; color: #FFF;}

#nav li.order a
{ background: url(../../../img/bt_order-now.gif) no-repeat; height: 30px; width: 98px; padding: 0; position: absolute; top: 7px; right: 5px;}

/*Top Navigation*/
#topNav
{ color: #BFBFBF; position: absolute; right: 12px; top: 12px;}

#topNav li.ph
{ color: #323232;}
#topNav li.ph span
{ background: url(../../../img/ico-phone.gif) no-repeat 5px center; padding-left:25px;}

#topNav li.ph:before
{ background: url(../../../img/ico-phone.gif) no-repeat 14px 2px; color: #BFBFBF; padding-right: 24px;}

/*Secondary Navigation*/
#secNav
{ position: absolute; top: 170px; right: 12px;}

#secNav li
{ float: left; padding-left: 26px; padding-right: 4px;}

#secNav li a
{ color: #333; font-size: 1.08em;}

#secNav li a:hover, #secNav li a.active
{ color: #8E8E8E; text-decoration: none;}

/*Footer Navigation*/
#footer ul.nav
{ color: #BFBFBF; float: left;}

/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/
#topStat
{ position: absolute; top: 54px; right: 12px;}

#topStat strong
{ font-size: 1.17em;}

#footer #copy
{ float: right; color: #666;}

#colR h4
{ border-top: 2px solid #34C0EE; font-size: 15px; font-weight: bold; margin-bottom: 20px; padding-top: 8px;}

ul#colR li.block
{ padding-bottom: 12px; position: relative;}

ul#colR li.block ul li
{ line-height: 150%; padding-bottom: 2px;}

ul#colR li.block ul.serv li
{ line-height: 210%;}

.block li h5 a
{ color: #323232;}

#home #masthead #img0
{ left: 338px; top: 20px;}

#masthead #img0
{ display: block; position: absolute; z-index: 1; top: 0; right: 0;}

#masthead h1
{ width: 367px; position: relative; z-index: 998; letter-spacing: -2px; float: left; line-height: 1.3em;}

#home #masthead h1
{ width: 342px;}

#masthead p
{ width: 383px; position: relative; z-index: 999; float: left; clear: left;}

#home #masthead p
{ width: 260px; position: relative; z-index: 999;}

/*Classes*/
p.p0, p.p1
{ font-size: 1.17em; line-height: 1.43em; margin-bottom: 1.43em;}

p.p0
{ text-align: justify;}

.txt0
{ color: #666;}

.img-l
{ float: left; display: inline; margin: 4px 20px 20px 0; width: 288px;}

.imgleft
{ float: left; display: inline; margin: 0px 10px 5px 0px;}

.imgright
{ float: right; display: inline; margin: 0px 0 5px 10px;}

.img-l img
{ display: block;}

.img-l span
{ color: #666; display: block; font-size: 0.92em; line-height: 1.27em; padding: 2px 4px;}

.hd0
{ font-size: 1.25em; font-weight: bold; line-height: normal;}

.big-quote
{ background: url(../../../img/quote.gif) no-repeat; font-size: 32px; line-height: 140%; margin-bottom: 0; padding-top: 5px; text-indent: 72px; width: 640px; letter-spacing: -1px;}

.big-quote-sig
{ padding-right: 30px; text-align: right;}

/*Tables*/
table.table0 thead td
{ border-bottom: 1px solid #D9D9D9; color: #999; font-size: 0.83em; text-transform: uppercase;}

table.table0 tbody td
{ border-top: 1px solid #EFEFEF; font-size: 1.17em; line-height: 1.43em; padding: 10px 0;}

table.table0 tbody td.col1
{ font-weight: bold;}

table.table0 td.col2
{ padding-left: 20px; padding-right: 20px;}

table.table1
{ margin: 3em 0;}

table.table1 td
{ border-bottom: 1px solid #D9D9D9; text-align: center;}

table.table1 thead td
{ color: #999; font-size: 0.83em; font-weight: bold; line-height: 12px; padding-bottom: 4px; text-transform: uppercase; vertical-align: bottom;}

table.table1 tbody td
{ font-size: 1.17em; height: 70px; vertical-align: middle;}

table.table1 tbody tr.sc td
{ background: url(../../../img/bg_table1-sc.gif) repeat-x 0 bottom; font-size: 1.5em; font-weight: bold;}

table.table1 tbody tr.alt
{ background-color: #F5F5F5;}

table.table1 tbody td.col1
{ padding-left: 14px; text-align: left;}

table.table1 td img
{ display: block;}

.pricetable
{ margin: 5px 0 25px; font-size: 14px;}

.pricetable th
{ font-size: 10px; text-transform: uppercase; font-weight: bold; color: #8E8E8E; border-bottom: 2px solid #33C0EE;}

.pricetable td
{ border-bottom: 1px solid #D9D9D9; vertical-align: middle; padding: 0 5px;}

.pricetable td.col2
{ color: #666666;}

#damagetbl td
{ padding: 8px 4px; vertical-align: top;}

.pricetable td.col3
{ color: #323232;}

.pricetable span.img
{ /*[disabled]float:left;*/ width: 40px; text-align: center; margin-right: 5px; height: 30px; padding: 5px 0; display: inline-block; vertical-align: middle;}

.pricetable td.col1
{ color: #8E8E8E; vertical-align: middle; font-size: 12px;}

.overviewt td.col1
{ white-space: nowrap;}

.overviewt td p
{ padding: 10px 0;}

.overviewt td
{ vertical-align: top !important; /*[e]top*/ padding: 2px 8px;}

.pricetable tr.alt td
{ background-color: #F5F5F5;}

.pricetable td.col1 strong
{ color: #323232; font-size: 14px;}

p.testim-text
{ margin: 0;}

p.testim-sign
{ font-style: italic; font-size: 0.83em; text-align: right;}

.profileinfo .testim-sign
{ margin-top: -10px; padding-top: 0;}

ul.filter li
{ border-bottom: 1px solid #E8E8E8; padding: 3px 0;}

ul.all-testimonials li
{ clear: both; margin-bottom: 40px;}

ul.all-testimonials li p
{ margin: 0;}

ul.all-testimonials li p.sig
{ text-align: right;}

ul.list0
{ font-size: 1.17em; line-height: 1.43em;}

ul.list0 li
{ margin-bottom: 40px; padding: 0 0 0 92px; position: relative;}

ul.list0 li img.img0, ul.list0 li .picture
{ position: absolute; left: 0; top: 4px;}

ul.list0 li p
{ margin: 0;}

ul.list1 li
{ margin-bottom: 1.5em;}

.quick-facts .big-txt
{ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 65px; letter-spacing: -0.1em; line-height: 1em; width: 100px; position: absolute; left: 0; color: #111C32;}

ul.included
{}

ul.included li
{ padding: 5px 5px 5px 20px; background: url(../../../img/bullet_included.gif) no-repeat 0 6px;}

.quick-facts .content
{ padding-left: 105px;}

.custom-prod
{ min-height: 130px; height: auto !important; /*[e]auto*/ height: 130px;}

.custom-prod .content
{}

/*photo albums*/
ul.optlist
{ margin: 0 0 15px; padding: 0;}

ul.optlist li, li.optlist
{ padding: 2px 10px 2px 12px; background: url(../../../img/bullet_optlist.png) no-repeat 2px 4px;}

#sortopt
{ float: left; width: 390px; padding-bottom: 0; margin-bottom: 0;}

#sortopt ul
{ margin: 0;}

#sortopt h6, .pag h6
{ float: left; margin: 0 10px 0 0; padding: 3px 0;}

.pag
{ float: right; white-space: nowrap; margin-right: 5px;}

#albumlist .pag
{ margin-right: 20px; margin-top: 0;}

.pag li a
{ float: left; font-weight: normal;}

.pag ul
{ float: left;}

.pag li
{ font-weight: bold; padding: 2px 6px;}

#albumlist
{ clear: both; margin-right: -15px;}

.thumb
{ float: left; width: 150px; padding: 5px 12px 5px 0px;}

#albumlist .albumth
{ height: 190px;}

#albumlist .albumth ul
{ margin: -15px 0 0 5px; padding: 0;}

#albumlist .albumth p
{ margin-left: 5px;}

#albumlist .albumth ul li
{ /*[empty]margin-left:;*/}

#albumlist .albumth ul li a
{ display: inline-block;}

.albumth img.albumimg
{ background: url(../../../img/bg_album.png) no-repeat; padding: 5px 10px 10px 5px;}

.albumteaser
{ clear: both; margin: 10px -10px 10px 0;}

ul.bars li img
{ vertical-align: middle; margin-left: 2px; padding-bottom: 2px;}

/*edit pop box*/
#albumlist .albumth ul ul, .albumnav .collapse ul
{ margin: 0; background-color: #F5F5F5; padding: 10px; border: 1px solid #888888; position: absolute; top: 20px; width: 150px; right: -1px; z-index: 1;}

.albumth .bars li.on, .albumnav div.on
{ background-color: #F5F5F5; padding: 0 !important; /*[e]0*/ border: 1px solid #888888; z-index: 999999; margin-left: 4px; display: inline-block; border-bottom: 0;}

.albumth .bars li.collapse, .albumnav div.collapse
{ padding: 4px 6px 1px; position: relative; display: inline-block;}

.albumth .bars li.collapse a, .albumnav div.collapse a
{ display: inline-block; padding: 0 2px;}

.albumth .bars li.on a, .albumnav div.on a
{ background-color: #E3E3E3; padding: 0 5px; position: relative; z-index: 2000; border: 3px solid #F5F5F5;}

.albumth .bars li.on:before
{ content: ""; margin: 0; padding: 0;}

#albumlist .albumth ul ul li
{ display: block; float: none; margin: 0; padding: 0; border: 0; line-height: 125%;}

#albumlist .albumth ul ul li a
{ display: block; margin: 0; padding: 0; background-color: transparent;}

#albumlist .albumth ul.bars ul li:before
{ content: ""; margin: 0; padding: 0;}

p.qauth
{ text-align: right; margin-top: -10px; padding-top: 0; color: #323232; font-style: italic; font-size: 10px;}

/*=album contents====*/
h6.edit
{ float: left; font-weight: normal; margin: 14px 5px 0; padding: 5px 0 0;}

p.topbuttons
{ float: right; padding-top: 15px;}

a.btn, a.btn:visited, .btn
{ display: inline-block; padding: 0 0 0 12px; background-repeat: no-repeat; background-position: left top; color: white; font-weight: bold; line-height: 1.2em; margin-left: 5px; vertical-align: middle;}

button.btncontainer
{ padding: 0; float: left; width: auto; overflow: visible;}

.btn span
{ display: inline-block; padding: 5px 12px 5px 0; background-repeat: no-repeat; background-position: right top; margin: 0; white-space: nowrap;}

.orbtn, .orbtn span
{ background-image: url(../../../img/bg_orbtn.png);}

.graybtn, .graybtn span
{ background-image: url(../../../img/bg_graybtn.png);}

.bluebtn, .bluebtn span
{ background-image: url(../../../img/temp_afbg_bluebtn.png);}

.bluebtn span
{ padding: 7px 12px 7px 0; font-size: 14px;}

.share img
{ margin-left: 10px; margin-top: -4px;}

.commside li p
{ margin: 0; padding: 0; line-height: 160%;}

.commside li p.posted
{ color: #8E8E8E; margin-bottom: 10px;}

.commside li p.posted .author
{ color: #333333;}

.gallerylist
{ clear: both; overflow: auto; margin: -5px -15px 10px 0;}

.gallerylist h3.sifr
{ font-size: 20px; float: left; margin: 0;}

.gallerylist h6.edit
{ margin-top: 2px;}

ul.servlist li
{ padding: 4px 0; border-bottom: 1px solid #E8E8E8;}

.galoverintro
{ margin: 0 0 30px;}

div.ba .thumb
{ width: 47%;}

/*-tag cloud-----*/
.s1
{ font-size: 12px;}

.s2
{ font-size: 13px;}

.s3
{ font-size: 14px;}

.s4
{ font-size: 15px;}

.s5
{ font-size: 16px;}

.s6
{ font-size: 17px;}

.s7
{ font-size: 18px;}

.s8
{ font-size: 19px;}

.s9
{ font-size: 20px;}

.s10
{ font-size: 22px;}

/*--single image----*/
#prev, #next
{ float: left; padding: 5px; margin: 0;}

#prev a, #next a
{ float: left; font-size: 74px; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; margin-top: 165px; line-height: 74px;}

#prev a:hover, #next a:hover
{ text-decoration: none; color: #33C0EE;}

#prev.disabled a, #next.disabled a
{ color: #CCC;}

.mainimg .picture
{ margin: 0;}

.mainimg
{ float: left; margin: 10px 0;}

p.bigimg
{ float: left;}

h3.comments
{ clear: both; float: left; margin-top: 8px; white-space: nowrap;}

.comment
{ clear: both; border-bottom: 1px solid #E8E8E8; margin-bottom: 10px;}

.commentinfo
{ float: right; color: #8E8E8E; margin: -10px 0 25px;}

.commentinfo a
{ color: #323232;}

.similar .picture
{ margin-right: 5px;}

p.more
{ text-align: right; margin-top: -15px; padding-top: 0;}

.aftermasthead h3
{ margin-top: 0; font-size: 21px;}

/*--landing---*/
.landingtxt
{ float: left; width: 288px; margin-right: 10px; margin-bottom: 15px;}

.landingtxt img
{ float: left; margin-right: 10px;}

.landingtxt h3
{ margin: 5px 0;}

/*--overview---*/
p.alert
{ background: #FFEDB7 url(../../../img/bg_alert.gif) no-repeat 10px 10px; padding: 10px 10px 10px 40px; border: 1px solid #ECBA2D; color: #E1530A; font-weight: bold; font-style: italic;}

.ordertable th
{ text-transform: uppercase; font-size: 10px; color: #8E8E8E; background-color: #EBEBEB; border-right: 1px solid white; padding: 2px 5px;}

.ordertable
{ border: 1px solid #EBEBEB; background: url(../../../img/bg_ordertbl.gif) repeat-x center bottom;}

.ordertable td
{ padding: 12px 5px; border-bottom: 1px solid #D8D8D8; vertical-align: top;}

.pending
{ font-style: italic; color: #8E8E8E;}

.profileinfo
{ float: left; width: 45%; margin: 15px 5% 10px 0; padding-bottom: 10px;}

.profileinfo h6 a
{ font-weight: normal;}

#slidewrapper
{ position: relative !important; /*[e]relative*/ height: 493px; overflow: hidden !important; /*[e]hidden*/ width: 673px; z-index: 1 !important; /*[e]1*/}

#slideshow div.photo
{ position: static !important; /*[e]static*/ height: 493px; overflow: hidden !important; /*[e]hidden*/ z-index: 2 !important; /*[e]2*/}

#slideshow
{ position: static !important; /*[e]static*/ color: white;}

#slideshow div img
{ display: block;}

#slideshow div.photoinfo
{ position: relative; bottom: 131px; color: white; z-index: 10000 !important; /*[e]10000*/ float: left;}

#slideshow div.photoinfo h3
{ color: white !important; /*[e]white*/ padding: 5px 10px; margin: 0; font-weight: bold; font-size: 24px; white-space: nowrap;}

#slideshow div.photoinfo p
{ padding: 0 10px; clear: left;}

#slideshow div.photoinfo a
{ color: #34C0EE;}

#slideinfo
{ position: absolute !important; /*[e]absolute*/ z-index: 3 !important; /*[e]3*/ bottom: 54px; height: 68px; background: url(../../../img/temp_afbg_slide.png); color: white; width: 616px; padding: 5px 0;}

#slidepage
{ float: right; font-size: 10px; padding-right: 10px; margin-top: 40px;}

#pager a
{ float: left; background-color: white; color: #FFFFFF; font-weight: bold; background: url(../../../img/temp_afbg_slidepager.gif) no-repeat top right; width: 15px; text-align: center; line-height: 14px; margin-right: 5px;}

#pager a.activeSlide
{ background-position: left top; color: #000;}

/*--home slideshow---
------------------------------------------------------------------
3.    FORMS
Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a Form styles
-------------------------------*/
input.text, select.select, textarea.textarea, input[type="text"], textarea
{ border: 1px solid #DCDCDC; color: #000; background-color: #FFF; padding: 2px;}

input.text
{ width: 195px;}

select.select
{ width: 200px;}

textarea.textarea
{ width: 195px;}

button.button
{ color: #000; height: auto; width: auto; line-height: normal; white-space: nowrap;}

/*General forms*/
form.form
{/*nothing here*/
}

form.form ol
{ list-style: none;}

form.form ol li
{ margin: 1em 0;}

/*Search forms where button and text input are next to each other*/
form.search
{/*nothing here*/
}

form.search p.fields
{ margin: 0;}

form.search p.fields input, form.search p.fields button
{ display: inline; vertical-align: middle;}

/*-------------------------------
3.b Individual forms
-------------------------------
------------------------------------------------------------------

4.    PLUGINS
Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Utility classes
-------------------------------*/
.l
{ text-align: left;}

.c
{ text-align: center;}

.r
{ text-align: right;}

.wrap, .col
{ float: left; display: inline; position: relative;}

.wrap
{ clear: both;}

.clear
{ clear: both;}

.fl
{ float: left;}

.fr
{ float: right !important; /*[e]right*/}

.hide, .hidden, .anchor, .skip
{ display: none;}

.nomargin
{ margin-bottom: 0 !important; /*[e]0*/}

.noborder
{ border: 0 !important; /*[e]0*/}

.top
{ margin-top: 0 !important; /*[e]0*/}

.replace, .br
{ display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px;}

.hr
{ background: #CCC; height: 1px; margin: 1.5em 0;}

.hr hr
{ display: none;}

.hidden
{ display: none;}

.shown
{ display: block;}

/*-------------------------------
"Bars" navigation
---------------------------------
[?] EXAMPLE

Home | Services | About | Contact*/

ul.bars li
{ display: inline; margin-left: 0;}
ul.bars li a, ul.bars li span 
{ border-left:1px solid #bfbfbf;  padding: 0 4px; }

ul.bars li.first a , ul.bars li.first span 
{ border: 0;}

/*
ul.bars li
{ display: inline; margin-left: 0;}

ul.bars li.first
{ border: 0 !important; }

ul.bars li:before
{ content: "|"; padding: 0 2px; color: #BFBFBF;}

ul.bars li:first-child:before
{ content: ""; padding: 0;}*/

/*-------------------------------
Clearfix
-------------------------------*/
.clearfix:after
{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}

.clearfix
{ display: block;}

/*-------------------------------
Images alignment classes
---------------------------------
[?] e  = east, n  = north, ne = north-east, sw = south-west ...etc.
*/
img.e, img.w, img.ne, img.nw, img.se, img.sw
{ display: block;}

img.e
{ float: right; margin: 20px 0 20px 20px;}

img.w
{ float: left; margin: 20px 20px 20px 0;}

span.picture
{ float: left; margin: 0 20px 5px 0; background: url(../../../img/bg_picframe.gif) no-repeat; padding: 2px 0 0 2px; position: relative; line-height: 1;}

li.block span.picture
{ margin-right: 10px;}

span.picturer
{ float: right; margin: 0 0 5px 20px; background: url(../../../img/bg_picframe.gif) no-repeat; padding: 2px 0 0 2px; line-height: 1;}

.picture img, .picturer img
{ background: url(../../../img/bg_picframe.gif) no-repeat right bottom; padding: 3px 5px 5px 3px; display: block; margin: 0;}

img.ne
{ float: right; margin: 0 0 20px 20px;}

img.nw
{ float: left; margin: 0 20px 20px 0;}

img.se
{ float: right; margin: 20px 0 0 20px;}

img.sw
{ float: left; margin: 20px 20px 0 0;}

/*------------------------------------------------------------------

5.    PRINT
Styles for print

------------------------------------------------------------------*/
body
{ /*[ph]0*/ /*[ph]1*/ /*[ph]2*/ /*[ph]3*/}

@media print
{ body
 {  /*[id]0*/background: none;  /*[id]1*/color: #000;  /*[id]2*/font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  /*[id]3*/font-size: 10pt; }

}

code, pre
{ /*[ph]4*/}

@media print
{ code, pre
 {  /*[id]4*/font-family: "Courier New", Courier, mono; }

}

img
{ /*[ph]5*/ /*[ph]6*/ /*[ph]7*/}

@media print
{ img
 {  /*[id]5*/float: left;  /*[id]6*/clear: left;  /*[id]7*/margin: 1.5em 1.5em 1.5em 0; }

}

a, a:link, a:visited
{ /*[ph]8*/ /*[ph]9*/}

@media print
{ a, a:link, a:visited
 {  /*[id]8*/color: #0580A8;  /*[id]9*/text-decoration: underline; }

}

h1, h2, h3, h4, h5, h6
{ /*[ph]a*/ /*[ph]b*/}

@media print
{ h1, h2, h3, h4, h5, h6
 {  /*[id]a*/color: #000;  /*[id]b*/page-break-after: avoid; }

}

#nav, .nav, form, .skip
{ /*[ph]c*/}

@media print
{ #nav, .nav, form, .skip
 {  /*[id]c*/display: none; }

}

/*------------------------------------------------------------------
END CSS
------------------------------------------------------------------
end @media*/