@charset "utf-8";
/* http://www.kosmodrom.pl */

/* 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:#2d409e}
a:hover {}
blockquote{background:url(../images/quote.gif) no-repeat 30px 15px;color:#333;padding:15px 60px}
body {background:#f2f2f2 url(../images/bg.gif) repeat-x;color:#333;font:75%/125% Arial;text-align:center}
dl {margin:0 0 1em}
dt {float:left;font-weight:bold;width:4em}
h1 {color:#C00;font-size:1.7em;margin:0 0 .5em;font-weight:normal;line-height:normal}
h2 {font:bold 1.3em/1.2em "Trebuchet MS";color:#900;margin:0 0 .5em}
h3 {color:#000;font-size:1.2em;line-height:1.1em;margin:0 0 .5em;}
h4 {color:#C00;font-size:1.2em;line-height:1.1em;margin:0 0 .5em}
h5 {color:#000;font-size:1em;line-height:1.1em;margin:0 0 .5em}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
td {vertical-align:middle}

/* Containers */
#page {margin:28px auto;overflow:hidden;text-align:justify;width:947px}

/* Intro */
#intro {background:#FFF url(../images/main-middle.gif) repeat-y;clear:both;color:#5e5e5e;font-size:1.2em;margin:7px 0 0}
#intro div {background:url(../images/main-top.png) no-repeat}
#intro div div {background:url(../images/main-bottom.png) no-repeat left bottom;min-height:450px;padding:20px}
#intro div div div {background:none;min-height:0px;padding:0}
#intro strong {color:#000}

/* Main */
#main {background:#FFF url(../images/main-middle.gif) repeat-y;clear:both;color:#5e5e5e;margin:7px 0 10px}
#main div {background:url(../images/main-top.png) no-repeat}
#main div div {background:url(../images/main-bottom.png) no-repeat left bottom;min-height:450px;overflow:hidden;padding:20px}
#main div div div {background:none;min-height:10px;padding:0}

/* Menu */
#menu {background:#454545 url(../images/menu.png) no-repeat;color:#FFF;height:33px;margin:16px 0 0;width:946px}
#menu a {color:#FFF}
#menu li {background:url(../images/divider.gif) no-repeat right 1px;float:left;list-style:none;padding:0 2px 0 0}
#menu li a {height:15px;display:block;padding:7px 15px;text-decoration:none}
#menu li a:hover, #menu li.current {background:#972525 url(../images/menu-hover.gif) repeat-x}
#menu li a:hover span {background:url(../images/menu-left-hover.gif) no-repeat;cursor:pointer}
#menu li ul {position:absolute;width:12em;left:-999em}
#menu li ul li {background:none;clear:both;float:left;width:100%}
#menu li ul li a {background:#000;display:block;height:auto;float:left;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;width:100%}
#menu li.hover ul li a {float:none}
#menu li:hover ul li a:hover, #menu li.hover ul li a:hover, #menu li:hover ul li.current a {background:#972525 url(../images/menu-hover.gif) repeat-x;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
#menu li:hover ul, #menu li.hover ul {left:auto}
#menu li.hover ul {clear:both;margin:0}
#menu li:hover a, #menu li.hover a {background:url(../images/menu-hover.gif) repeat-x}
#menu li:hover ul li a, #menu li.hover ul li a {background:#000}
#menu li#home a {height:auto;padding:0}
#menu li#home a span {display:block;height:15px;padding:7px 15px}
#menu p {float:right;font-style:italic;margin:5px 12px 0 0}
#menu p a {font-style:normal}
#show-hide {background:#FFF;position:absolute;top:150px;right:20px}

/* Content */
#sidebar {font-size:1.1em}
#content {font-size:1.2em;line-height:1.2em}
#content-full {font-size:1.2em;line-height:1.2em}
#content {float:left;width:670px;}
#content ul {margin:0 0 1em 16px}
#content ul ul {margin:0 0 0 16px}
#content-full ul li {padding:0 0 10px}
#content-full ul li li {padding:0}
#content-full ul {margin:0 0 1em 16px}
#content-full ul ul {margin:0 0 0 16px}
#content ul.tickbox {list-style-image:url(../images/Crystal_Clear_app_clean.gif); margin-left:25px;}
#content ol {margin:0 0 1em 22px}
#clientlist {width:100%}
#clientlist td {vertical-align:top}
#difference {display:block;margin:0 auto}
#memberships {margin:0 0 20px}
#ecobiz {text-align:left;padding:15px 40px 15px 60px}

/* Services */
#content ul.services {float:left;width:200px}
#content .about td {padding:0 15px 0 0}
#main div div div.billboard {border-bottom:1px dotted #CCC;text-align:center;padding:20px}
#main div div div.billboard img {margin:0 0 5px}

.backtotop{text-align:right;font-size:10px;; float:right; margin-right:135px}

/* Projects */
#projects td {border:dotted #CCC;border-width:0 0 1px 1px;padding:10px 20px;vertical-align:middle;text-align:center}
#projects {border:dotted #CCC;border-width:1px 1px 0 0}
#projects img {margin:0 0 5px}

/* Promotions */
#promotions {clear:both;width:100%}
#promotions strong {color:#C00}
#promotions td {padding:25px 5px 45px}
#promotions tr {background:url(../images/divider2.gif) repeat-x left bottom}

/* Awards */
img.award {border-bottom:1px dotted #CCC;display:block;padding:0 0 20px;margin:20px auto 0}

/* Testimonials */
#content-full .sbleft 	{background: url('../images/bl.gif') bottom left no-repeat #EDEDED;clear:both }
#content-full .sbright 	{background: url('../images/br.gif') bottom right no-repeat; }
#content-full .stleft 	{background: url('../images/tl.gif') top left no-repeat; }
#content-full .stright 	{background: url('../images/tr.gif') top right no-repeat; padding: 10px; } 
#content-full .author 	{padding: 13px 0px 33px 25px; background: url('../images/b.gif') 20px top no-repeat; }
#content-full .logo {display:inline;float:right;margin:10px 10px 10px 0}

/* Charity */
#main div div div#content-full .charity {padding:10px 0;border-top:1px dotted #CCC}
#main div div div#content-full .charity img {margin:0 0 1em}
#main div div div#content-full .charity p {margin:0 15px 1em 0}
#main div div div#content-full .charity h3 {color:#900;font-size:1.4em;margin:0 0 .5em}
#main div div div h2.donations {color:#C00;font-size:1.7em;margin:25px 0 .5em}

/* Hosting Packages */
#hpc {left:0;margin-bottom:15px;position:relative;top:0px;width:500px}
#hpc h4 {height:37px;margin:0 !important;padding-top:4px;text-align:center;width:92px}
#hpc h5 {color:#fff;font-size:14px;height:27px;line-height:27px;margin:0 !important;text-align:center;width:89px}
#hpc ul {margin:0 !important;padding:0 !important;width:89px}
#hpc ul li {background-image:none !important;border-bottom:1px solid #FFF;font-weight:bold;margin:0 !important;padding:8px 0 7px 0;padding-left:0 !important;text-align:center}
#hpc ul .highlight {border-bottom:none !important;padding:5px 0 5px 0 !important;text-align:left !important}
#hpc ul .highlight a {display:block;height:21px;margin-left:7px;overflow:hidden;text-indent:-9999px;width:75px}
#hpc .s1 ul li,#hpc .s2 ul li,#hpc .s3 ul li,#hpc .platinum ul li {list-style:none;padding-left:0 !important}
#hpc ul {left:0;position:relative;top:0;z-index:99}
#hpc .s1, #hpc .s2,#hpc .s3,#hpc .platinum {float:left;margin:7px 0 0 3px}
#hpc .s1 h4,#hpc .s1 ul li {color:#277db2}
#hpc .s1 h5 {background:#277db2}
#hpc .s1 ul {background:#e9f2f7}
#hpc .s1 ul .highlight {background:#d5e6f0}
#hpc .s1 ul .highlight a {background:url(images/std_buy_button.gif) no-repeat left top}
#hpc .s1 ul li.tick {background:url(images/tick.gif) no-repeat 38px 8px !important;overflow:hidden;text-indent:-9999px}
#hpc .s2 h4,#hpc .s2 ul li {color:#70C016}
#hpc .s2 h5 {background:#70C016}
#hpc .s2 ul {background:#ECF7E1}
#hpc .s2 ul .highlight a {background:url(images/2_buy_button.gif) no-repeat left top}
#hpc .s3 h4,#hpc .s3 ul li {color:#cd190c}
#hpc .s3 h5 {background:#cd190c url(images/3_price.gif) repeat-x left top}
#hpc .s3 ul {background:#fbe7e6}
#hpc .s3 ul .highlight {background:#f6d2d0}
#hpc .s3 ul .highlight a {background:url(images/3_buy_button.gif) no-repeat left top}
#hpc .s3 ul li.tick {background:url(images/3_tick.gif) no-repeat 38px 8px !important;overflow:hidden;text-indent:-9999px}
#hpc .headings {float:left;width:95px}
#hpc .headings h4 {color:#444;font-size:12px !important;height:27px !important;line-height:27px;margin-top:49px !important;padding:0 !important;width:95px !important}
#hpc .headings ul {width:95px}
#hpc .headings li {font-weight:normal !important;list-style:none;margin:5px 0;padding:7px 0 7px 20px !important;text-align:left !important}
#hpc .headings .doubleline {line-height:14px;padding:1px 0 2px 20px !important}
#hpc .package {color:#7b7b7b;font-size:12px;font-weight:normal}

/* Sidebar */
#sidebar {float:right;width:221px}
#sidebar h3 {font-size:1.2em;color:#C00;margin:0 0 2px}
#main div div #sidebar div {background:url(../images/sidebar-middle.png) repeat-y center top;margin:0 0 10px;min-height:10px}
#main div div #sidebar div div {background:url(../images/sidebar-top.png) no-repeat;min-height:10px;margin:0}
#main div div #sidebar div div div {background:url(../images/sidebar.png) no-repeat right bottom;min-height:10px;margin:0;padding:10px}
#main div div #sidebar div div div div {background:none;min-height:10px;margin:0;padding:0 0 0 50px}
#main div div #sidebar div.services div div div  {background:url(../images/services.png) no-repeat 5px 0}
#main div div #sidebar div.about div div div  {background:url(../images/about.png) no-repeat 0 0}
#main div div #sidebar div.charity div div div  {background:url(../images/charity.png) no-repeat 0 0}
#main div div #sidebar div.design div div div  {background:url(../images/design.png) no-repeat 0 0}
#main div div #sidebar div.contact div div div  {background:url(../images/contact.png) no-repeat}
#main div div #sidebar div.awards div div div {background:url(../images/award.png) no-repeat}
#main div div #sidebar div.promotions div div div {background:url(../images/promotions.png) no-repeat}
#main div div #sidebar div div div div p {margin:0 0 5px;text-align:left;}
#main div div #sidebar div div div div a {background:#af1a1a;color:#FFF;float:left;height:25px;line-height:22px;position:relative;text-decoration:none;text-align:center;width:63px}
#main div div #sidebar div div div div a span {background:url(../images/more-sidebar.png) no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#main div div #sidebar div div div div a:hover {background:#F00}
#main div div #sidebar div div div div  a:hover span {background-position:left bottom}

/* Areas */
#areas {background:url(../images/main-middle.gif) repeat-y}
#areas div {background:url(../images/sub-top.png) no-repeat}
#areas div div {background:url(../images/sub-bottom.png) no-repeat left bottom;height:1%;overflow:hidden;padding:20px 20px 40px}
#areas div div div {background:url(../images/shadow.png) no-repeat right top;float:left;padding:0 35px 0 0;width:200px}
#areas div div div#services {background:none;padding:0}
#areas img {margin:0 0 .5em}
#areas a {background:#af1a1a;color:#FFF;clear:both;float:left;height:25px;line-height:22px;position:relative;text-decoration:none;text-align:center;width:63px}
#areas a span {background:url(../images/more.png) no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#areas a:hover {background:#F00}
#areas a:hover span {background-position:left bottom}
#areas p {font-size:1.15em;line-height:120%}

/* Contact Form */
#contact {margin:0 0 1em}
#contact input {background:#F6F5F5;border:1px solid #CCC}
#contact input:hover {background:#EEE;border:1px solid #BBB}
#contact label {display:block;font-weight:bold;margin:10px 0 0}
#contact textarea {background:#F6F5F5;border:1px solid #CCC;font:1em Arial;overflow:auto}
#contact textarea:hover {background:#EEE;border:1px solid #BBB}
#contact input#send {background:#C00;border:0;color:#FFF;display:block;font-weight:bold;margin:10px 0 0;padding:3px 5px}

/* Image Alignment */
img.left {float:left;margin:0 15px 5px 0}
img.right {float:right;margin:0 0 5px 15px}
img.contact {margin:0 60px 5px 0}
span.right {float:right;margin:0 0 5px 15px}

/* Warning & Error */
.warning {background:#FFC;border:1px solid #FC6;margin:0 0 1em;padding:5px}
.error {background:#FCC;border:1px solid #F66;margin:0 0 1em;padding:5px}
.warning p, .error p {margin:.5em 0}

/* Text Alignment */
.left {text-align:left}
.right {text-align:right}
.justify {text-align:justify}
.center {text-align:center}

/* Colours */
.red {color:#C00}
.blue {color:#06C}
.green {color:#390}
.orange {color:#F90}
.purple {color:#90C}

/* Footer */
#footer {color:#666;text-align:center}
#footer a {color:#666}

/* IE 6 */
* html #intro div div {height:450px;overflow:visible}
* html #main div div {height:450px;overflow:visible}
* html #main div div div {height:1%}
* html #menu li a {text-align:center;width:100px}