/* 
	Document	: default
	Created on	: Nov 9, 2009, 12:20:56 PM
	Author		: Cristian Ciobanu
	Description	: Main website stylesheet
*/

@import "reset.css";
@import "classes.css";
@import "navigation.css";

body {
	background:#837966;
	font:13px/1.4 "Trebuchet MS", arial, sans-serif;
	color:#fff;
}
a, a:link, a:active, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#a00000;
	text-decoration:underline;
}
.white, a.white, a.white:link, a.white:active, a.white:visited {
	color:#fff;
}
a.white:hover {
	color:#fff;
}
.black, a.black, a.black:link, a.black:active, a.black:visited {
	color:#000;
}
a.black:hover {
	color:#000;
}

/*************************/
#page {
    width:1025px;
    margin:25px auto;
    background:url('../ui/bg1.png') repeat-y top left;
}
#logo {
    width:287px;
    height:758px;
    float:left;
    border:5px solid #000;
}
#wrapper {
    width:728px;
    min-height:768px;
    height:auto !important;
    height:768px;
    float:right;
}
#wrapper #home-top {
    height:148px;
    background:url('../ui/unique-craftmanship.png') no-repeat 51px 63px;
    overflow:hidden;
}
#wrapper #home-bottom {
    height:185px;
    background:url('../ui/our-goal.png') no-repeat 380px 81px;
    overflow:hidden;
}
#wrapper #home-media {
    height:337px;
    margin:10px 0;
    border:5px solid #000;
    border-left:0;
    overflow:hidden;
}
#wrapper #home-swf {
    width:1016px;
    height:758px;
    position:absolute;
    top:5px;
    left:-292px;
    z-index:1;
}
#wrapper #home-wrapper {
    position:relative;
    z-index:2;
}
#copyright {
    width:1026px;
    margin:0 auto;
    text-align:center;
    font-size:0.85em;
}

/*************************/
#rotate-top-left {
    width:287px;
    height:186px;
}
#rotate-middle-left {
    width:287px;
    height:410px;
}
#rotate-bottom-left {
    width:287px;
    height:224px;
}
#rotate-bottom-center {
    width:497px;
    height:224px;
    border-right:5px solid #000;
    float:left;
}
#rotate-bottom-right {
    width:221px;
    height:224px;
    float:left;
}
#rotate-top-left, #rotate-middle-left, #rotate-bottom-left, #rotate-bottom-center, #rotate-bottom-right {
    overflow:hidden;
}

/*************************/
#container {
    padding:24px 0 24px 21px;
}
.container-type-1 {
    height:407px !important;
    overflow:hidden;
}
.container-type-2 {
    height:641px;
}
#media {
    height:224px;
    border:5px solid #000;
    border-left:0;
}
#headline {
    margin:0;
    padding:15px 35px;
    background:#000;
    color:#e06827;
    font-size:18px;
    font-variant:small-caps;
    letter-spacing:0.15em;
}
#headline img {
    display:block;
}
#headline span {
    float:right;
    font-size:14px;
    font-variant:normal;
    letter-spacing:normal;
    position:relative;
    top:-4px;
}
#content {
    padding:15px 35px;
    background:url('../ui/cnt-bg.png') repeat-y 0 0;
    overflow:hidden;
}
.container-type-1 #content{
    height:340px;
}
.container-type-2 #content{
    height:568px;
}

/*************************/
.pagination {
    width:90%;
    margin:0;
    padding:0;
    list-style:none;
}
.pagination li {
    float:right;
    margin:10px 0 0 5px;
    padding:2px 7px;
    background:#000;
    font-weight:bold;
}
.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited {
    text-decoration:none;
    color:#fff;
}
.pagination a:hover, .pagination a.current {
    text-decoration:none;
    color:#f07922;
}

/*************************/
.gallery {
    width:555px;
    margin:0 auto;
    background:#655e4f;
}
.gallery-first {
    padding-top:8px;
}
.gallery-last {
    padding-bottom:8px;
}
.gallery-title {
    background:#000;
    padding:6px 25px;
    font-size:13px;
    color:#fff;
}
.gallery-title span {
    color:#e06825;
    font-weight:bold;
    letter-spacing:0.1em
}
.gallery-pictures {
    padding:7px 6px 11px 6px;
}
.gallery-pictures table {
    margin:0;
}
.gallery-pictures td {
    width:108px;
    height:108px;
    padding:5px 13px;
    vertical-align:middle;
    text-align:center;
}
.gallery-pictures img {
    border:4px solid #6d6555;
}
.overlay {
    display:none;
	z-index:10000;
	background:#333;

	width:600px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
.overlay .close {
	background-image:url('../ui/close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#img {
	border:1px solid #666;
}
.next, .prev {
	position:absolute;
	top:40%;
	border:1px solid #666;
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff !important;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}
.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;
}
.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

.disabled {
	visibility:hidden;
}
.info {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}
.info strong {
	display:block;
}
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url('../ui/h80.png') repeat-x;
}