@charset "utf-8";


/* reset */
html {-webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
body {background:#000 url(/images/backgrounds/body.jpg) top repeat; color:#fff; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
.show {display:none;}
.cleaner {font-size: 0; width: 100%; height: 0; margin: 0 0 0; clear: both;}
button {margin:0; padding:0;}
label {font-style:italic; margin-bottom:4px; display:block;}


/* global */
#wrap {background:url(images/background.jpg) top center no-repeat; min-height:700px;}
#page {width:960px; margin:0 auto;}
#header-logo {
	background:url(images/nav.jpg) top no-repeat;
	background-position:0px 0px;
	width:187px;
	height:60px;
	display:block;
	float:left;
	margin-left:20px;
	margin-bottom:28px;
	margin-top:70px;
	text-indent:-9999px;
}
#header-logo:hover {
	background-position:0px -60px;
}
p {margin-bottom:10px;}
a {color:#fff; text-decoration:underline;}
a:hover {color:#FF3E51; text-decoration:underline;}
#footer {background:url(/images/backgrounds/footer-line.jpg) top repeat-x; display:block; line-height:40px; margin-top:30px; color:#666;}
.left {float:left;}
.right {float:right;}
select {margin-bottom:10px;}
.hideItems {display:none;}
.showItems {display:block;}
.error-text {color:#FF3E51; font-weight:bold;}
.success-text {color:#00FF99; font-weight:bold;}
.success-text-dark {color:#006600; font-weight:bold;}
.margin-left {margin-left:10px;}
.link-no-underline {text-decoration:none;}
.link-no-underline:hover {text-decoration:none;}



/* headings */
h2#page-title {font-weight:bold; font-size:24px; margin-bottom:30px; line-height:50px; padding-left:20px;}
#breadcrumbs {font-weight:normal; font-size:14px; margin-bottom:30px; background:url(/images/backgrounds/page-title.jpg) no-repeat; line-height:50px; padding-left:20px;}
.white-line {background:url(/images/backgrounds/white-line.jpg) bottom repeat-x;}
.black-line {background:url(/images/backgrounds/black-line.jpg) bottom repeat-x;}
h3 {font-weight:bold; font-size:24px; margin-bottom:10px; background:url(images/black-line.jpg) bottom repeat-x;}
h4 {font-weight:bold; font-size:24px; margin-bottom:10px; background:url(images/white-line.jpg) bottom repeat-x;}
h5 {font-weight:bold; font-size:16px; margin-bottom:10px; padding-bottom:2px;}


/* nav */
#basket-tab {background:url(images/nav.jpg) no-repeat; display:block; height:49px; width:75px; background-position:-886px 0px; text-indent:-9999px; position:absolute; margin-left:650px;}
#basket-tab:hover {background-position:-886px -49px;}
#nav {float:right; margin-right:450px; margin-top:70px;}
#nav li {float:left; margin-left:14px; margin-top:12px;}
#nav a {
	background:url(images/nav.jpg) no-repeat;
	display:block;
	height:16px;
	text-indent:-9999px;
}
#nav a#home {
	width:45px;
	background-position:-187px -1px;
}
#nav a#home:hover {
	width:45px;
	background-position:-187px -21px;
}
#nav a#portfolio {
	width:45px;
	background-position:-232px -1px;
}
#nav a#portfolio:hover {
	width:45px;
	background-position:-232px -21px;
}
#nav a#contact {
	width:45px;
	background-position:-277px -1px;
}
#nav a#contact:hover {
	width:45px;
	background-position:-277px -21px;
}


/* sections */
.section-top {background:url(images/section-top.jpg) top no-repeat; width:460px; padding-top:30px; float:left;}
.section-middle {background:url(images/section-middle.jpg) repeat-y; width:460px; color:#000;}
.section-bottom {background:url(images/section-bottom.jpg) bottom no-repeat; width:400px; padding:30px; padding-top:0;}
.section-top a {color:#000;}
.section-top a:hover {color:#F00042;}
.section-nobg {width:430px; padding:20px; padding-top:10px; float:right;}

.section-top-port {background:url(images/section-top-port.jpg) top no-repeat; width:580px; padding-top:30px; float:left;}
.section-middle-port {background:url(images/section-middle-port.jpg) repeat-y; width:580px; color:#000;}
.section-bottom-port {background:url(images/section-bottom-port.jpg) bottom no-repeat; width:520px; padding:30px; padding-top:0;}

.section-nobg-port {width:280px; padding:10px; padding-top:30px; float:right;}


/* homepage */
#slideshow {width:960px; height:400px; display:block; margin-bottom:60px; position:relative;}
#slideshow a {position:absolute; top:80; left:0; z-index:8;}
#slideshow a.active {z-index:10;}
#slideshow a.last-active {z-index:9;}

#banner {
	background:url(images/portfolio.jpg) top no-repeat;
	background-position:0px 0px;
	width:187px;
	height:60px;
	display:block;
	float:left;
	margin-left:20px;
	margin-bottom:28px;
	margin-top:70px;
	text-indent:-9999px;
#whiteline {width:960px; height:2px; display:block; position:relative;}