﻿@charset "utf-8";
/* Markup by StandXHTML */
/* http://www.standxhtml.com */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#0C5C4D}
a:hover {color:#697F93}
blockquote {background:#D0E8FF;border-left:2px solid #98BAD9;padding:10px}
body {background:url(images/bg.gif) repeat-x;color:#4E657A;font:76%/125% Tahoma, Arial, Sans-Serif;margin:0 auto;width:750px; background-color: White;}
cite {font-weight:bold}
fieldset {background:#EEE;border:0;margin:0 0 20px;padding:10px}
h2 {color:#1A3b5A;font-size:1.15em;font-weight:bold;margin:0 0 10px}
h3 {color:#127872;font-size:1.07em}
h4 {clear:both;font-size:1.07em;padding:10px 0 0}
img {border:0;vertical-align:bottom}
p, ul, ol {margin:0 0 1em}

/* Page Shadow */
#page {background:url(images/shadow.png) repeat-y;float:left;width:100%}
#shadow {background:url(images/shadow-top.png) no-repeat;float:left;width:100%}

/* Header */
#header {height:91px;overflow:hidden}
#header h1 {background:url(images/logo.png) no-repeat;display:inline;float:left;height:40px;margin:20px 0 0 43px;overflow:hidden;text-indent:-1000em;width:152px}
#header h1 a {display:block;height:100%;width:100%}
#header ul {color:#39C;display:inline;float:right;font-size:0.9em;font-weight:bold;list-style:none;margin:25px 18px 0 0}
#header ul li {float:left;line-height:1.8em;padding:0 0 0 5px}
#header ul li a, #menu li a:visited {color:#D3DFEA;display:block;float:left;line-height:1em;margin:0 5px 0 0;padding:4px 7px;text-decoration:none}
#header ul li a:hover, #header ul li a.current {background:#24537E;color:#FFF;text-decoration:none}

/* Main */
#main {background:url(images/top.gif) repeat-x #FFF;clear:both;display:inline;float:left;margin:-25px 28px 0 25px;padding:10px 0 0;position:relative;width:697px}
#main h2 {background:url(images/price.png) no-repeat;height:84px;margin:0 7px;position:relative;overflow:hidden;text-indent:-1000em;width:683px}
#main p {background:url(images/splash.png) no-repeat #4DB2E3;color:#FFF;height:1%;font:1em/140% Verdana;margin:15px 1px 0;padding:15px 10px 0 288px;overflow:hidden}
#main p a {background:url(images/order.png) no-repeat;display:block;float:right;height:50px;text-indent:-1000em;width:205px}
#main p em {font-style:normal;text-decoration:underline}

/* Content */
#content {background:url(images/content.gif) repeat-x;clear:both;display:inline;float:left;line-height:22px;margin:2px 29px 0 26px;padding:10px;width:675px}
#content span {background:#FEF18D;border:1px solid #DCCF6B;color:#333;display:block;padding:3px 0;text-indent:10px;width:100%}
#content span strong {color:#F00}
#content #text {float:left;padding:10px;width:430px}
#content #text ol {margin:0 0 1em 18px}

/* Portfolio */
#portfolio #content #text {width:655px}
#portfolio #content #text ul {list-style:none;overflow:hidden;padding:10px 0;width:100%}
#portfolio #content #text ul li {display:inline;float:left;margin:0 15px 20px 15px}
#portfolio #content #text ul li a {color:#4E657A;text-decoration:none}
#portfolio #content #text ul li a img {border:2px solid #D5D5D5;display:block}
#portfolio #content #text ul li a:hover {color:#333;text-decoration:underline}
#portfolio #content #text ul li a:hover img {border:2px solid #697F93}

/* Order */
#order #content #text fieldset.details input {background:#FFF;border:1px solid #CCC;font-size:12px;padding:4px;width:250px}
#order #content #text fieldset.details label {display:block;float:left;font-weight:bold;width:135px}
#order #content #text fieldset.options input {clear:both;float:left}
#order #content #text fieldset.options label {float:left}
#order #content #text fieldset.options strong {color:#090;float:right}
#order #content #text p em {font-style:normal;font-weight:bold;color:#F00}
#order #content #text select {border:1px solid #CCC;font-size:12px;padding:4px;width:260px}
#order #content #text select option {margin:0 0 3px;font-size:14px}
#order #content #text p strong {color:#F00;font-weight:bold;margin:0 0 1em 135px}
#order #content #text span {background:none;border:1px dotted #9C9;border-width:0 0 1px;color:#4E657A;display:block;font-style:normal;padding:0;overflow:hidden;text-indent:0;width:100%}
#order #content #text textarea {height:150px;overflow:auto;width:100%}
#order #content #text #review {padding:0 0 0 30px}
#order #options-info h4{padding-bottom:8px}

/* Sidebar */
#content #sidebar {float:left;margin:10px 0 0 20px;width:200px}
#content #sidebar a {color:#4E657A;text-decoration:none}
#content #sidebar a img {border:2px solid #D5D5D5;display:block;margin:20px 0 0}
#content #sidebar a:hover {color:#333;text-decoration:underline}
#content #sidebar a:hover img {border:2px solid #697F93}
#content #sidebar h2 {margin:0 0 -5px}

/*floatbox*/
#content #floatbox {float:left;margin:10px 0 0 20px; list-style:none}
#content #floatbox span{background:none;border:1px dotted #9C9;border-width:0 0 1px;color:#4E657A;display:inline;font-style:normal;padding:0;overflow:hidden;text-indent:0;font-weight:normal}
#content #floatbox li{padding-left:10px;font-weight:bold}
#content #floatbox li.orderbase{padding-left:0px;}
#content #floatbox li.sum{color:#0033CC}

/* Footer */
#footer {background:url(images/shadow-footer.png) no-repeat left bottom;clear:both;padding:25px 0 0}
#footer p {background:url(images/footer.gif) repeat-x #0C5C4D;color:#FFF;font-size:0.9em;padding:10px;margin:0 28px 0 25px}

/* IE PNG Fix */
* html #main p a {background:url(images/order-ie.png) no-repeat}