/**
 * Main application stylesheet
 * @name default.css
 * @package CC
 * @version 1.0
 * @since 2010-01-01
 * @author Cristian Ciobanu <cristian@pallasweb.com>
 */

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


@font-face {
	font-family: 'HighTowerTextRegular';
	src: url('../fonts/htowert-webfont.eot');
	src: local('High Tower Text'), local('HighTowerText-Reg'), url('../fonts/htowert-webfont.woff') format('woff'), url('../fonts/htowert-webfont.ttf') format('truetype'), url('../fonts/htowert-webfont.svg#webfontctCOjhUn') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background:#938953 url('../ui/v2/bg.jpg') repeat-x left top;
	font:14px/1.5em times , serif;
	color:#000;
}
a, a:link, a:active, a:visited {
    text-decoration:none;
	color:#303030;
}
a:hover {
    text-decoration:underline;
	color:#303030;
}
.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;
}
.frame {
	border:2px solid #938953;
}
/*************************/
#page {
    width:1024px;
    margin:0 auto;
}
#header {
    width:800px;
    margin:0 auto;
    height:34px;
    padding-top:20px;
}
#header em {
    display:none;
}
#header .left {
    width:332px;
    height:18px;
    margin-left:20px;
    float:left;
    display:inline;
    background:url('../ui/v2/top-1.png') no-repeat left top;
}
#header .right {
    width:275px;
    height:18px;
    margin-right:20px;
    float:right;
    display:inline;
    background:url('../ui/v2/top-2.png') no-repeat left top;
}
#home-wrapper {
    min-width:800px;
    background:url('../ui/v2/bg-media.jpg') no-repeat center center;
}
#page-wrapper {
	min-width:1024px;
    height: 544px;
}
#home {
    width:800px;
    margin:0 auto;
    height:544px;
    position:relative;
}
#content {
    width:1024px;
    margin:0 auto;
    height:544px;
    padding: 0px;
}
#content-press {
    width: 800px;
    height:450px;
    padding:10px;
    overflow:auto;
    margin:10px auto;
}
#left {
	float:left;
	display: inline;
	width:485px;
	height: 504px;
	padding:20px;
}
#right {
	float:left;
	width:499px;
}

#home-logo {
    width:482px;
    height:118px;
    background:url('../ui/v2/logo.png') no-repeat left top;
    position:absolute;
    top:212px;
    left:157px;
    z-index:2;
}
#contact-logo {
    width:430px;
    height:218px;
    background:url('../ui/v2/contact.png') no-repeat left top;
    position:absolute;
    top:152px;
    left:157px;
    z-index:2;
}
#home-swf {
    width:800px;
    height:562px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
}
#home-swf-1 {
    width:638px;
    height:446px;
    position:absolute;
    top:53px;
    left:73px;
    z-index:1;
}
#nav {
    width:900px;
    margin:0 auto;
    height:24px;
    padding-top:20px;
}
#nav ul {
    margin:0;
    padding-left:60px;
    list-style:none;
}
#nav li {
    float:left;
    margin-right:20px;
}
#nav em {
    display:none;
}
#nav span {
    height:16px;
    float:left;
    background-image:url('../ui/v2/sprite-nav.png');
    background-repeat:no-repeat;
}
#nav-01 span {
    width:45px;
    background-position:0 0;
}
#nav-02 span {
    width:64px;
    background-position:-52px 0;
}
#nav-03 span {
    width:90px;
    background-position:-121px 0;
}
#nav-04 span {
    width:97px;
    background-position:-211px 0;
}
#nav-05 span {
    width:68px;
    background-position:-313px 0;
}
#nav-06 span {
    width:92px;
    background-position:-386px 0;
}
#nav-07 span {
    width:69px;
    background-position:-483px 0;
}
#nav-08 span {
    width:46px;
    background-position:-558px 0;
}
#nav-09 span {
    width:56px;
    background-position:-609px 0;
}
#nav-01:hover span, #home-page #nav-01 span {
    background-position:0 -16px;
}
#nav-02:hover span, #history-page #nav-02 span {
    background-position:-52px -16px;
}
#nav-03:hover span, #designer-page #nav-03 span {
    background-position:-121px -16px;
}
#nav-04:hover span, #fabrication-page #nav-04 span {
    background-position:-211px -16px;
}
#nav-05:hover span, #gallery-page #nav-05 span {
    background-position:-313px -16px;
}
#nav-06:hover span, #contact-page #nav-06 span {
    background-position:-386px -16px;
}
#nav-07:hover span, #catalog-page #nav-07 span {
    background-position:-483px -16px;
}
#nav-08:hover span, #links-page #nav-08 span {
    background-position:-558px -16px;
}
#nav-09:hover span, #press-page #nav-09 span {
    background-position:-609px -16px;
}
#slide {
	margin:15px auto;
	width: 360px;
	height: 400px;
	outline: 1px solid red;
}

/*************************/
.scrollable-wrapper {
	position:relative;
	width:500px;
	margin:0 auto;
	padding-top: 10px;
}
a.disabled {
	visibility:hidden !important;
}
.icon-prev, .icon-next {
	width:38px;
	height:38px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:180px;
}
.icon-prev {
	left:-30px;
	background:url('../ui/v2/left.png') no-repeat left top;
}
.icon-next {
	right:0px;
	background:url('../ui/v2/right.png') no-repeat left top;
}
.icon-prev em, .icon-next em {
	display:none;
}
.scrollable {
	position:relative;
    overflow:hidden;
	width:370px;
    height:404px;
	margin:0 auto;
}
div.scrollable div.items {
    width:20000em;
    position:absolute;
}
div.scrollable div.item {
	width:350px;
	height:404px;
    float:left;
	padding:0 10px;
	text-align:center;
	font-size:11px;
	overflow: hidden;
}

/*************************/

.pic {
    float: left;
    display: inline;
    width:154px;
    height: 250px;
    overflow: hidden;
    margin:0px 10px;
}
.pic img {
    display: block;
    width:150px;
    height: 188px;
}
.pic p {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.highTower {
	font-family: 'HighTowerTextRegular', Georgia, Times, serif;
}

#img-link {
    width:300px;
    height:20px;
    margin: 195px auto 0 auto;

}