/* global style */
html,body {width:100%;height:100%; overflow:hidden}
body {text-align:center; background:#222 url(../_img/bg_body.jpg) repeat center top fixed; margin:0; font-size:0.7em; overflow:hidden}
body,div,p,a,textarea {font-family:arial; }
p {margin:0 0 1.2em 0; }
h1,h2,h3,h4,h5,h6 {font-weight:bold; margin:0; padding:0px; letter-spacing: -.05em; line-height: 1em;}
h1 {font-size:1.7em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4,h5,h6 {font-size:1.1em;}
div.fl {float:left}
div.fr {float:right}
div.clear {position:relative; display:block; clear:both; font-size:0px; margin:0px; padding:0px;}
a {color:#87BBCD; text-decoration:none}
a:hover {color:#87BBCD; text-decoration:underline}
a img {border:none}
hr {color:#5C5C5C; background-color:#5C5C5C; height:1px; border:none; }
div.hr {width:100%; font-size:0; margin:0; padding:0; height:2px; background:transparent url(../_img/bg_hr.gif) repeat-x 0 100%; }
.date {line-height:1em; margin-bottom:0.5em}
.blue {color:#8DC8DC}
.link {cursor:pointer}
.error {color:#f00}
span#sentafriend {position:absolute; top:27px; margin:0; right:0; color:#87BBCD; padding:0 0 0 8px; cursor:pointer; background:transparent url(/_img/bg_sentafriend.gif) no-repeat 0 7px}
span#sentafriend:hover {text-decoration:underline}
/* global layout */
div#body {z-index:50; position:relative; height:100%; width:100%; overflow:auto; overflow-y:scroll; text-align:center}
div#wrapper {z-index:100; position:relative; background:#313131 url(../_img/bg_wrapper.gif) repeat-y top left; min-height:100%; width:846px; text-align:left; margin:0 auto}
div.main {padding-top:150px}
div.content {font-size:1.03em; color:#eee; line-height:1.65em}
div.leftcolumn {position:relative; width:500px; margin:35px 0 30px 40px}
/* DEFAULT CONTENT ITEMS */
div.leftcolumn ul {margin:0 0 1.2em 0; padding:0}
div.leftcolumn li {margin:0; padding:0 0 0 13px; background:transparent url(../_img/bg_bullit.gif) no-repeat 0 7px; list-style:none}
div.leftcolumn div.hr {height:1px}
div.leftcolumn img {border:solid 5px #ffffff}
table img {width:240px; height:180px}
div.imgLeft {margin:5px 20px 0 0; float:left}
div.imgLeft img {width:240px; height:180px; display:block}
div.imgLeft .caption {text-align:left; padding:4px 4px 4px 0; font-size:0.94em; color:#CCCBCC}
div.imgRight {margin:5px 0 0 20px; float:right}
div.imgRight img {width:240px; height:180px; display:block}
div.imgRight .caption {text-align:right; padding:4px 0 4px 4px; font-size:0.94em; color:#CCCBCC}
div.imgFull {margin:10px 0 10px 0; }
div.imgFull img {display:block}
div.imgFull .caption {text-align:right; padding:4px 0 4px 4px; font-size:0.94em; color:#CCCBCC}
/* FORMS */
div.leftcolumn form {background-color:#484848; padding:15px}
div.leftcolumn form table {width:100%; }
div.leftcolumn form table td {padding:0 5px 9px 0}
div.leftcolumn form input {padding:3px; width:300px;}
div.leftcolumn form input,div.leftcolumn form textarea {padding:3px; font-size:1.1em; width:300px}
div.leftcolumn form input.submit {float:right; padding:3px; width:80px; font-weight:bold; background:#7991A3 url(../_img/bg_activelist.gif) repeat-x 0 50%; font-size:0.92em; color:#fff; border:outset 1px}
div.leftcolumn form input.errorfield {border:solid 1px #f00; background:#bbb}
div.leftcolumn form div.formerror {padding:8px 8px 8px 32px; margin-bottom:2em; background:#5C5C5C url(../_img/bg_form_error.gif) no-repeat 10px 12px; color:#fff; }
div.formsucces {padding:8px 8px 8px 32px; margin-bottom:2em; background:#5C5C5C url(../_img/bg_form_send.gif) no-repeat 10px 12px; color:#fff; }
/* PHOTOS*/
div#browser {position:relative; z-index:100; width:500px; background:#0C090A; margin-bottom:1em; margin-top:1em}
div#mainphoto {z-index:200; position:relative; width:500px; height:378px; background:#fff; }
img#photo {z-index:250; position:absolute; top:0; left:0; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none}
div#photolayer {position:absolute; z-index:300; top:5px; left:5px; width:490px; height:326px; } /* filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }*/
div#photolayer div#prev {cursor:pointer; display:block; z-index:350; float:left; width:240px; height:326px}
div#photolayer div.prev {background:transparent url(../_img/pixel.gif) no-repeat 0 60%}
div#photolayer div.prevover {background:transparent url(../_img/pixel.png) no-repeat 0 60%; }
div#photolayer div#next {cursor:pointer; display:block; z-index:350; float:right; width:240px; height:326px; text-align:right; }
div#photolayer div.next {background:transparent url(../_img/pixel.gif) no-repeat 0 60%}
div#photolayer div.nextover {background:transparent url(../_img/pixel.png) no-repeat 100% 60%; }
div#photolayer div#prev img {position:absolute; top:120px; left:-15px; width:100px; height:75px; background:#fff; padding:3px; border:solid 1px #000; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none}
div#photolayer div#next img {position:absolute; top:120px; right:-15px; width:100px; height:75px; background:#fff; padding:3px; border:solid 1px #000; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none}
div#alt {padding:7px 5px 7px 10px}
div#photonav {padding:7px 10px 7px 5px}
div#browser_linklist {display:inline}
div#photonav span {text-decoration:none; padding:0 1px 0 1px; cursor:pointer; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none}
div#photonav span.active {font-weight:bold; color:#8DC8DC; cursor:default}
div#photonav span.gray {font-weight:normal; color:#5c5c5c; cursor:default}
div#photonav span.dots {font-weight:normal; color:#eee; cursor:default}
div#photonav span:hover {text-decoration:underline}
div#photonav span.active:hover {text-decoration:none}
div#photonav span.gray:hover {text-decoration:none}
div#photonav span#arrowPrevious {padding:0 8px 0 2px; }
div#photonav span.arrowPrevious {background:transparent url(../_img/dbl_arrow_prev_gray.gif) no-repeat 0 3px; cursor:default}
div#photonav span.arrowPrevious:hover {text-decoration:none}
div#photonav span.arrowPrevious_active {text-decoration:none; padding:0 8px 0 2px; background:transparent url(../_img/dbl_arrow_prev_blue.gif) no-repeat 0 3px}
div#photonav span#arrowNext {padding:0 2px 0 8px; }
div#photonav span.arrowNext {background:transparent url(../_img/dbl_arrow_next_gray.gif) no-repeat 3px 3px; cursor:default}
div#photonav span.arrowNext:hover {text-decoration:none}
div#photonav span.arrowNext_active {text-decoration:none; padding:0 2px 0 8px; background:transparent url(../_img/dbl_arrow_next_blue.gif) no-repeat 3px 3px}
div.rightcolumn {width:220px; margin:35px 23px 30px 0}
h3.bloglist_title {background:transparent url(../_img/bg_hr.gif) repeat-x bottom left; padding-bottom:2px}
ul#bloglist {margin:0; padding:0}
ul#bloglist li {list-style:none; background:transparent url(../_img/bg_hr.gif) repeat-x bottom left; padding-bottom:2px}
ul#bloglist li a {display:block; color:#fff; font-weight:bold; text-decoration:none; padding:5px 5px 5px 13px; margin:3px 0 3px 0}
ul#bloglist li.active a {background:#5c5c5c url(../_img/arrow_next.gif) no-repeat 5px 12px}
ul#bloglist li a:hover {background:#5c5c5c url(../_img/arrow_next.gif) no-repeat 5px 12px}
ul#bloglist li.hover a {background:#5c5c5c url(../_img/arrow_next.gif) no-repeat 5px 12px}
ul#bloglist li span.date {display:block; font-weight:normal; font-size:0.94em; color:#CCCBCC}
div.bloglist_nav {width:100%; background-color:#242424; height:16px}
div.bloglist_nav img {border:none}
div.nav {width:100%; margin-top:5px}
div.nav img {border:none}
div.header {position:absolute; top:0; left:3px; width:840px; height:136px}
div.visual {width:840px; height:136px; background:transparent url(../_img/bg_header.jpg) repeat top left}
div.mainmenu {width:840px; height:2.3em; background:#2B2928 url(../_img/bg_mainmenu.gif) repeat-x 0 50%; border-top:solid 1px #5C5C5C}
ul#mainmenu {margin:-1px 0 0 0; padding:0}
ul#mainmenu li {margin:0; padding:0; list-style:none; float:left; line-height:2.3em; border-top:solid 1px #5C5C5C; border-left:solid 1px transparent; border-right:solid 1px #5C5C5C; border-bottom:solid 1px #1C1919; }
ul#mainmenu li:hover {margin:0; padding:0; background:#7991A3 url(../_img/bg_activelist.gif) repeat-x 0 50%; list-style:none; float:left; line-height:2.3em; border-top:solid 1px #B0C3D1; border-left:solid 1px #B0C3D1; border-right:solid 1px #B0C3D1; border-bottom:solid 1px #5D7687;}
ul#mainmenu li.hover {margin:0; padding:0; background:#7991A3 url(../_img/bg_activelist.gif) repeat-x 0 50%; list-style:none; float:left; line-height:2.3em; border-top:solid 1px #B0C3D1; border-left:solid 1px #B0C3D1; border-right:solid 1px #B0C3D1; border-bottom:solid 1px #5D7687;}
ul#mainmenu li.active {margin:0; padding:0; background:#7991A3 url(../_img/bg_activelist.gif) repeat-x 0 50%; list-style:none; float:left; line-height:2.3em; border-top:solid 1px #B0C3D1; border-left:solid 1px #B0C3D1; border-right:solid 1px #B0C3D1; border-bottom:solid 1px #5D7687;}
ul#mainmenu li.first {border-left:none}
ul#mainmenu li a {display:block; color:#fff; padding:0 12px 0 12px; text-decoration:none; font-weight:bold; text-transform:lowercase}
ul#mainmenu li a:hover {text-decoration:none}
ul.servicemenu {position:absolute; top:5px; right:10px; margin:0; padding:0}
ul.servicemenu li {margin:0; padding:0; list-style:none; float:left; }
ul.servicemenu li.active {margin:0; padding:0; list-style:none; float:left; line-height:2.3em; border-top:solid 1px #B0C3D1; border-left:solid 1px #B0C3D1; border-right:solid 1px #B0C3D1; border-bottom:solid 1px #5D7687;}
ul.servicemenu li a {display:block; color:#fff; padding:0 5px 0 5px; text-decoration:none; font-weight:normal; }
ul.servicemenu li a:hover {text-decoration:underline}
div#jsdebug {position:absolute; bottom:0; left:0; width:100%; height:150px; overflow:auto; z-index:1000; white-space:nowrap; background-color:#fff; }
div#jsdebug p {margin:0 5px 2px 5px; font-size:9px; }
div#jsdebug_clear {width:20px; height:20px; background-color:red; position:absolute; top:0; right:0; z-index:200000}
div#jsdebug_remove {width:20px; height:20px; background-color:red; position:absolute; top:25px; right:0; z-index:200000}
#overlay {position: absolute;top: 0;left: 0;z-index: 900;width: 100%;height:100%;background-color: #111; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3;}
div#ImageBox_container {display:none; position:absolute; top:10%; left:0; z-index:1000; text-align:center; width:100%; text-align:center; height:0}
div#ImageBox {position:relative; z-index:1100; width:400px; height:300px; margin:0 auto; background:#fff url(../_img/ajax-loader.gif) no-repeat 50% 50%; text-align:center}
div#ImageBox img {margin-top:5px}
div#ImageBox_close {position:absolute; top:8px; right:8px; cursor:pointer; background:#fff url(../_img/bg_imagebox_close.gif) no-repeat top left; width:15px; height:15px}
div#formbox_container {display:none; position:absolute; top:20%; left:0; z-index:1000; text-align:center; width:100%; text-align:center; height:0}
div#formbox {position:relative; color:#eee; z-index:1100; width:440px; height:340px; margin:0 auto; background-color:#484848; border:solid 2px #fff; text-align:left}
div#sentafriend_form {margin:15px; }
div#formbox_close {position:absolute; top:13px; right:12px; cursor:pointer; color:#87BBCD; height:15px}
div#formbox p#formbox_title {padding:30px 0 10px 0; margin:0; background:transparent url(/_img/bg_sentafriend_title.gif) no-repeat top left}
div#formbox p#formbox_error {color:#d00; margin:0 0 0.7em 0; font-weight:bold}
div#formbox span {display:block; float:left; width:90px; padding-top:4px; clear:left; margin-bottom:10px}
div#formbox input {display:block; float:left; padding:3px; width:300px; clear:right; margin-bottom:10px}
div#formbox textarea {padding:3px; font-size:1.1em; width:300px}
div#formbox input.submit {margin:10px 0 0 228px; padding:3px; width:80px; font-weight:bold; background:#7991A3 url(../_img/bg_activelist.gif) repeat-x 0 50%; font-size:0.92em; color:#fff; border:outset 1px}
div#formbox input.errorfield {border:solid 1px #f00; background:#bbb}
div#formbox div.formerror {padding:8px 8px 8px 32px; margin-bottom:2em; background:#5C5C5C url(../_img/bg_form_error.gif) no-repeat 10px 12px; color:#fff; }
body#popup {width:auto; height:auto; font-size:0.8em; overflow:auto; background:none; background-color:#5C5C5C; padding:15px 20px 30px 15px; color:#fff; text-align:left}
body#popup ul {margin:0 0 1.2em 0; padding:0}
body#popup li {margin:0; padding:0 0 0 13px; background:transparent url(../_img/bg_bullit.gif) no-repeat 0 7px; list-style:none}
body#popup div.hr {height:1px}
body#popup div.imgLeft {margin:5px 20px 10px 0; float:left}
body#popup div.imgLeft img {width:240px; height:180px; border:solid 5px #fff; display:block}
body#popup div.imgLeft .caption {text-align:left; padding:4px 4px 4px 0; font-size:0.94em; }
body#popup div.imgRight {margin:5px 0 10px 20px; float:right}
body#popup div.imgRight img {width:240px; height:180px; border:solid 5px #fff; display:block}
body#popup div.imgRight .caption {text-align:right; padding:4px 0 4px 4px; font-size:0.94em; }