/* ------ tankedup-imaging ------ */
* {
margin:0;
border:0;
padding:0;
}
html, body {
background:#036;  /* orig #036 */
color:#333;
font:normal 12px verdana,arial,helvetica,sans-serif;
}


/* ----- layout ----- */
#wrap {
width:auto;
min-width:1024; // 870px;
max-width:1280px; //1024px;
margin: .025em auto;
}
#header {
height:8.6em;
}
.logo {
float:left;
margin: 1em;
}
.logo img {
margin-right: 8em;
}
#left {
float:left;
width:12%;
margin:1em 0;
text-align:center;
}
#right {
float:right;
width:14%;
margin:1em 0;
text-align:center;
}
#content {
width:100%;
margin-left:1%;
margin-right:1%;
margin-top:1em;
margin-bottom:1em;
}
.bl10 {background:url(../images/bg/bl5.gif) 0 100% no-repeat #ddeeff; width:100%;}
.br10 {background:url(../images/bg/br5.gif) 100% 100% no-repeat;}
.tl10 {background:url(../images/bg/tl5.gif) 0 0 no-repeat;}
.tr10 {background:url(../images/bg/tr5.gif) 100% 0 no-repeat; padding: .4em;}
#footer {
clear:both;
height: 2.6em;
padding: .2em;
font:italic normal 1.2em/2.6em verdana, helvetica, tahoma, sans-serif;
text-align:right;
background:url(../images/bg/footer.gif) 0 0 repeat;
color:#fff;
}
/*
#footer img {
float:left;
width:80px;
height:28px;
padding: .2em;
}
*/


/* ----- google ads ----- */
#google-right {
float:right;
width:14%;
margin:1em 0;
text-align:center;
}
.google-content {
width:500px;
height:70px;
margin: .5em auto;
}
.link-center {
width:500px;
height:20px;
margin:1em auto 0;
text-align:center;
}


/* ----- nav ----- */
#nav {width:126px; margin:0 auto; font:normal 11px/16px verdana,arial,helvetica,sans-serif;}
#nav ul {display:block; width:126px; list-style:none; text-align:center;}
#nav li {display:block; position:relative; padding:0; z-index:20; }
#nav a {display:block; width:124px; height:36px; background:url(../images/bg/248.gif) 0 0 no-repeat; color:#fff; text-decoration:none; }
#nav a:hover {width:124px; height:36px; background:url(../images/bg/248.gif) -124px 0 no-repeat; color:#fff;}
#nav ul ul, #nav li:hover ul ul {display:none;}
#nav li:hover ul, #nav li:hover li:hover ul {display:block;}
#nav li.sub1 {padding:0;}/* 1px in ie.css */
#nav li.sub1 ul {position:absolute; top:3px; left:123px;}/* IE offset */
#nav li.sub1>ul {left:124px;}/* Proper browser offset */
#nav li.sub1 a:hover {width:124px; height:36px; background:url(../images/bg/248.gif) -124px 0 no-repeat;}
#nav li.sub1:hover {z-index:30;}
#nav li a.sub2 {width:124px; height:36px; background:url(../images/bg/248-sub.gif) 0 0 no-repeat; cursor:default; }
#nav li.sub1 a:hover.sub2 {width:124px; height:36px; background:url(../images/bg/248-sub.gif) -124px 0 no-repeat; }
#nav li a.sm {width:124px; height:20px; background:url(../images/bg/248s.gif) 0 0 no-repeat; cursor:default; }
#nav li.sub1 a:hover.sm {width:124px; height:20px; background:url(../images/bg/248s.gif) -124px 0 no-repeat; }


/* ----- google refer & sitemap ----- */
.refer {margin:2em auto 0; text-align:center;}
.sitemap {width:90px; margin:1em auto 0; text-align:center;}
.sitemap a, .sitemap a:visited {display:block; height:26px; background:url(../images/bg/sitemap.gif) 0 0 no-repeat; color:#fff; font:bold 12px/26px verdana,arial,helvetica,sans-serif; text-decoration:none;}
.sitemap a:hover, .sitemap a:active, .sitemap a:focus {background:url(../images/bg/sitemap.gif) -90px 0 no-repeat;}
.social {width:116px; border:1px solid #fc2; margin:1em auto 0; padding:3px; font:600 11px arial; /*color:#fff; */text-align:center;}
.social a {color:#fff;}
.sitemap2 {width:124px; margin:1em auto 0; text-align:center; vertical-align: middle;}
.sitemap2 a, .sitemap2 a:visited {display:block; height:20px; background:url(../images/bg/248s.gif) -124px 0 no-repeat; color:#fff; font:bold 12px/20px verdana,arial,helvetica,sans-serif; text-decoration:none;}
.sitemap2 a:hover, .sitemap2 a:active, .sitemap2 a:focus {background:url(../images/bg/248s.gif) 0 0 no-repeat;}


/* ----- links ----- */
#content a {
color:#444;
text-decoration:underline;
}
#content a:visited {
color:#777;
text-decoration:underline;
}
#content a:hover, #content a:active, #content a:focus {
color:#222;
text-decoration:none;
}
a:active {outline:none;}


/* ----- align/floats ----- */
.center {margin:1em auto; text-align:center;}
.center img {padding:0 0 0 3px;}
.clear {height:0; line-height:0px; font-size:0; clear:both;}
.f-left {float:left; margin: .5em 1em;}
.f-right {float:right; margin: .5em 1em;}


/* ----- font/image ----- */
p, .copy {font-weight:normal; margin: .4em;}
h1, h2, h3 {font-weight:600; margin: .4em;}
h1 {font-size:1.4em;}
h2 {font-size:1.1em;}
h3 {font-size:1em;}
.copy {margin:2em auto; font-size: .9em;}
img {border:0;}
abbr[title]{border-bottom:1px dotted #f00; cursor:help;}
.gimp {margin:1em;}
.tutorial p:first-letter {font-size:1.4em;}
.tutorial tt, .tutorial em {font-size: 1em; font-weight:bold; font-style:italic; color:#036;}
.tutorial tt {margin:0 1em;}
pre {width:80%; margin:1em auto; border: 1px solid #000; -moz-border-radius:10px; padding:5px; background: #bbb; color:#000; font:normal 11px georgia;}
.comment {color:#0b1;}
.hi-lite {color:#f00;}


/* ----- photos ----- */
.photo, .photo68, .photomap {text-align:center;}
.photo img, .photo68 img, .photomap img {border:3px solid; border-color:#ccc #999 #777 #eee;}
.photo img {width:524px; height:393px;}
.photo68 img {width:393px; height:524px;}
.photomap img {width:407px; height:593px;}


/* ----- flash-nav ----- */
#flash-nav {width:393px; margin: .6em auto;}
#flash-nav li {float:left; list-style:none; text-align:center;}
#content #flash-nav li.bkfwd a, #content #flash-nav li.return a {
display:block;
height:21px;
margin:2em .6em;
color:#fff;
font:bold 11px/21px verdana;
text-decoration:none;
}
#flash-nav li.bkfwd a, #flash-nav li.bkfwd a:visited {width:84px; background: url(../images/bg/flash84.gif) 0 0 no-repeat;}
#flash-nav li.bkfwd a:hover {background-position:-84px 0;}
#flash-nav li.return a, #flash-nav li.return a:visited {width:180px; background: url(../images/bg/flash180.gif) 0 0 no-repeat;}
#flash-nav li.return a:hover {background-position: -180px 0;}


/* ----- video gallery ----- */
.video {width:302px;height:241px;margin:2em auto;border:1px solid #333;}
.view {width:470px; margin:1em auto; font:normal 1em/1.6em verdana,arial,helvetica,sans-serif;}
.prevideo {
float:left;
width:149px;
height:150px;
margin: .2em;
border:1px solid #333;
text-align:center;
}


/* ----- photo gallery ----- */
.gallery, .six68 {position:relative; margin:1em auto;}
.gallery {width:624px; height:472px;}
.six68 {width:490px; height:620px;}


/* ----- opacity ----- */
.gallery a img, .six68 a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:visited img, .six68 a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:hover img, .gallery a:active img, .gallery a:focus img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}
.six68 a:hover img, .six68 a:active img, .six68 a:focus img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}


/* ----- thumbnails ----- */
.thumb, .no-thumb, .thumb68, .no-thumb68 {float:left; margin:2px;}
.thumb, .no-thumb {width:149px; height:112px;}
.thumb68, .no-thumb68 {width:112px; height:149px;}
.thumb, .thumb68 {border:1px solid #000;}
.no-thumb, .no-thumb68 {border:1px solid #dff;}
.thumb a img, .thumb68 a img {display:block;}
.thumb a span, .thumb68 a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus, .thumb68 a:hover, .thumb68 a:active, .thumb68 a:focus {background:transparent;}


/* ----- preview image ----- */
.gallery a:hover span, .six68 a:hover span {display:block; position:absolute;}
.gallery a:hover span {top:123px; left:160px; width:300px; height:225px;}
.six68 a:hover span {top:160px; left:124px; width:225px; height:300px;}


/* ----- preview image title ----- */
.thumb em, .thumb68 em {
position:absolute;
-moz-border-radius:12px;
background:#ab5;
color:#036;
font:normal 12px/20px verdana,arial,helvetica,sans-serif;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8;
}
.thumb em {
top:200px;
left:25px;
width:250px;
}
.thumb68 em {
top:275px;
left:15px;
width:195px;
}


/* ----- divs ----- */
.lists, .gaussian, .form1, .form2, .form5 {float:left;}
.lists {list-style:none; margin:1em .5em;}
.lists li {font:normal 1em/2.2em verdana,arial,helvetica,sans-serif;}
.gaussian input {width:4em; border:1px solid #036; text-align:center;}
.form1 {margin:0 .5em; text-align:right;}
.form1 input {margin:5em 4em 0 0; border:1px solid #036; padding: .1em; background:#fc2;}
.form2 input, .form2 select {width:20em; border:1px solid #036;}
.form2 textarea {border:1px solid #036;}
.form5 input {font:10px/11px verdana,arial,sans-serif; width:141px; height:18px; background: url(http://www.tankedup-imaging.com/images/bg/form5.gif) 0 0 no-repeat;}
.maps {text-align:center;}
.maps select {border:1px solid #000; background:#036; color:#fff; margin:10px;}


/* ----- menus ----- */
.topmenu {position:relative;}
.topmenu li {float:left; list-style:none; margin:0 -5px 0 0; text-align:center;}
#content .topmenu li.page a, #content .topmenu li.page a:visited {
display:block;
width:65px;
height:40px;
background: url(../images/bg/book-blue.gif) 0 0 no-repeat;
color:#fff;
font:bold 9px/12px verdana,arial,helvetica,sans-serif;
text-decoration:none;
padding:10px 0 0 0;
}
#content .topmenu li.page a:hover {background-position:-65px 0;}