/****** FILE: motor/css/reset.css *****/
html{color:#000;background:#FFF;}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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,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%;}legend{color:#000;}


/****** FILE: motor/css/layout.css *****/
body{
	font-size:16px;
	font-family: Helvetica, sans-serif;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
body.ie6 .clearfix{zoom:1}
body.ie7 .clearfix{zoom:1}

/**
 * Body
 */
#Body{
	width:1090px;
	margin:0 auto;
	overflow:hidden;
}

/**
 * Layout
 */
#Layout{
	padding:34px 0 0px;
	min-height:400px;
}

#Layout h2,
#Layout .content{
	width:700px;
	float:right;
	padding:0 120px 0 0;
}

#Layout .form{
	width:575px;
    float:right;
    padding:0 245px 0 0;
}

/**
 * Layout: Icons
 */
#Layout .icons{
	width:145px;
	float:left;
	padding:40px 0 0 45px;
}

#Layout .icons a{
	display:block;
	margin:0 0 22px;
	background-repeat: no-repeat;
	background-position: left center;
}

#Layout .icons a img{
	display:block;
	opacity:0;
	transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}

#Layout .icons a:hover img{
    opacity:1;
}

.ie #Layout .icons a img{
    opacity:1;
    visibility:hidden;
}

.ie #Layout .icons a:hover img{
    opacity:1;
    visibility:visibile;
}

/**
 * Layout: Directors
 */
#Layout .directors{
	float:right;
}

#Layout .directors .director{
    float:left;
    width:170px;
    margin: 0 50px 0 0;
}

#Layout .directors .director .image{
	margin: 0 0 10px;
}

/**
 * Layout: Executives
 */
#Layout .executives{
    float:right;
    width:945px;
}

#Layout .executives .executive{
float:left;
}

#Layout .executives .executive .image{
    float:left;
    width:125px;
    padding:5px 0 0;
}

#Layout .executives .executive .description{
    float:right;
    width:700px;
    padding:0 120px 0 0;
}

/**
 * Layout: Details
 */
#Layout .details{
	width:200px;
	float:left;
	padding:40px 20px 0;
	font-size:93.75%;
}

/**
 * Layout: Brands
 */
#Layout .brands{
	margin:30px 0 0;
}

#Layout .brand{
	float:left;
	width:175px;
	text-align:center;
	height:60px;
	line-height:60px;
	margin:0 0 50px;
}

#Layout .brand span{
	background-position: center center;
	background-repeat: no-repeat;
	display:block;
	width:175px;
	height:60px;
}

#Layout .brand a{
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	margin:0 auto;
	height:60px;
}

#Layout .brand a span{
    opacity:0;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    cursor:pointer;
}

.ie #Layout .brand a span{
    opacity:1;
    visibility:hidden;
}

#Layout .brand a:hover span{
	opacity:1;
}

.ie #Layout .brand a:hover span{
    visibility:visible;
}


/****** FILE: motor/css/header.css *****/
#Header{
	width:1090px;
	margin: 20px 0 0 0;
	height:320px;
	position:relative;
}

#Header h1 a{
	text-indent:-9999px;
	background: #fff url(../images/logo.png) no-repeat center top;
	width:200px;
	height:300px;
	display:block;
	float:left;
}

#Header .banner{
	position:absolute;
	z-index:1;
	top:0px;
	right:0px;
	width:890px;
	overflow:hidden;
	height:285px;
}

#Header .navigation{
	position:absolute;
	left:200px;
	top:248px;
	width:890px;
	height:70px;
	overflow:hidden;
	z-index:2;
}

#Header .navigation ul{
	   
	width:2000px;
	white-space: nowrap;
}


#Header .navigation .first{
	border-left:85px solid #000;
}

#Header .navigation li{
    float:left;
}

#Header .navigation .last{
	border-right:600px solid #000;
}



#Header .navigation .menu{
	width:auto;
	
}

#Header .navigation .menu .control{
	color: #fff;
	text-decoration: none;
	display:block;
	font-family: "OptimaExtraBlack", Arial, Helvetica, sans-serif;
	font-size:85%;
	padding:0 17px;
	background-color: rgba(0,0,0,1);
	text-align:center;
	transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    line-height:37px;
}

.ie #Header .navigation .menu .control{
	background-color:#000;
}

.ie6 #Header .navigation .menu a.home{width:41px}
.ie6 #Header .navigation .menu a.about-us{width:63px}
.ie6 #Header .navigation .menu a.perfect-wood-moulding{width:37px;}
.ie6 #Header .navigation .menu a.nce{width:29px}
.ie6 #Header .navigation .menu a.antons{width:48px}
.ie6 #Header .navigation .menu a.bellini{width:45px}
.ie6 #Header .navigation .menu a.property{width:60px}
.ie6 #Header .navigation .menu a.contact-us{width:60px}


#Header .navigation .section .control,
#Header .navigation .current .control{
	color: #ff3333;
	background-color: rgba(0,0,0,.6);
}

.ie #Header .navigation .section .control,
.ie #Header .navigation .current .control{
	background: transparent url(../images/header/background.png) repeat center center;
}

#Header .navigation .current .control:hover{

}

#Header .navigation .container{
	position:absolute;
	left:0px;
	width:890px;
	padding:0 0 0 102px;
    background-color: rgba(0,0,0,.6);
    height:33px;
    font-size:81.25%;
    display:none;
}

.ie #Header .navigation .container{
	background: transparent url(../images/header/background.png) repeat center center;
}

#Header .navigation .section .container,
#Header .navigation .current .container{
	display:block;
}

#Header .navigation .container ul{
	   
    height:33px;
}

#Header .navigation .container li{
	line-height:13px;
	margin: 10px 0;
	padding:0px 10px;
	border-left:1px solid #ccc !important;
	border-right:none !important;
}

#Header .navigation .container li.first{
	padding:0px 10px 0px 0;
	border-left:none !important;
}

#Header .navigation .container a{
    color: #cccccc;
    text-decoration:none;
    transition: color 0.5s;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
}

#Header .navigation .container a.current{
	color: #ff3333;
}

#Header .navigation .container a:hover{
	color: #ff3333;
	text-decoration:underline;
}

/****** FILE: motor/css/footer.css *****/
#Footer{
	width:790px;
	padding:15px 100px 55px 200px;
	background: #000;
	text-align:center;
	font-size:87.5%;
	color: #999;
	margin:60px 0 0;
}

#Footer ul{
	margin:0 auto;
	margin:0 0 10px;
}

#Footer li{
	display:inline;
}

#Footer a{
	color: #666;
	display:inline-block;
	padding:0 5px 0 5px;
	border-left: 1px solid #666;
	text-decoration:none;
	transition: color 0.5s;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
}

#Footer a:hover{
	color: #ff3333;
}

#Footer .first a{
	border:none;
}

/****** FILE: motor/css/typography.css *****/
#Loading{background: #fff url(../images/logo.png) no-repeat center center !important;}

ul.tree .Group a{background-image:url(../images/cms/icons/page-file.gif);}

@font-face {
    font-family: 'OptimaBold';
    src: url('../fonts/optima-bold.eot');
    src: url('../fonts/optima-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/optima-bold.woff') format('woff'),
         url('../fonts/optima-bold.ttf') format('truetype'),
         url('../fonts/optima-bold.svg#OptimaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OptimaExtraBlack';
    src: url('../fonts/optima-extra-black.eot');
    src: url('../fonts/optima-extra-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/optima-extra-black.woff') format('woff'),
         url('../fonts/optima-extra-black.ttf') format('truetype'),
         url('../fonts/optima-extra-black.svg#OptimaExtraBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

.red{
    color: #ff3333;
}

.typography{
	color: #333333;
	line-height:1.2;
}

.typography a{
	color: #333333;
	text-decoration: underline;
	transition: color 0.5s;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
}

.typography a:hover{
    color: #ff3333;
    text-decoration: underline;
}


.typography h2{
	font-family: 'OptimaExtraBlack', Arial, Helvetica, sans-serif;
	margin:0 0 20px;
	font-size:112.5%;
}

.typography h3{
    font-family: 'OptimaBold', Arial, Helvetica, sans-serif;
    margin:0 0 5px;
    font-size:100%;
}

.typography h4{
    font-family: 'OptimaBold', Arial, Helvetica, sans-serif;
    margin:0 0 5px;
    font-size:90%;
    color: #ff3333;
}

.typography address{
	margin:0 0 20px;
}

.typography p{
	margin:0 0 20px;
}

.typography strong{
    font-weight: bold;
}

.typography em{
    font-style:italic;
}

.typography em strong,
.typography strong em{
	font-style:italic;
	font-weight: bold;
}

/**
 * Typography: Table
 */
.typography table{
	width:100%;
	margin:0 0 20px;
}

/**
 * Typography: Lists
 */
.typography ol,
.typography ul{
    margin:0 0 20px 20px;
}

.typography ol li{
    list-style-position: inside;
    list-style-type: decimal;
    margin: 0 0 10px;
}

.typography ul li{
    list-style-position: inside;
    list-style-type:disc;
    margin: 0 0 10px;
}

.typography ol ul li,
.typography ul ul li{
   list-style-position: inside;
    list-style-type: circle;
}

.typography ol ol,
.typography ol ul,
.typography ul ul,
.typography ul ol{
    margin:10px 0 0 20px;
}

/**
 * Typography: Alignment
 */
.typography .left {
    text-align: left;
}
.typography .center {
    text-align: center;
}
.typography .right {
    text-align: right;
}

/**
 * Typography: Images
 */
.typography img {
    border: none;
}
.typography img.right {
    float: right;
    margin-left: 20px;
}
.typography img.left {
    float: left;
    margin:0 10px 0 0;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin:0 0 20px;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/****** FILE: motor/css/form.css *****/
/**
 * Form
 */
div.form{
	font-size:87.5%;
}

/**
 * Message
 */
div.form p.message{
	width:553px;
	border:1px solid #aaa;
    padding:10px;
}

div.form p.message.bad{
	font-weight:bold;
	color:#000;
}

/**
 * Required
 */
span.required{
	color: #d94540;
}

/**
 * Label
 */
div.field label{
	width:100%;
	margin:0 0 3px;
	display:block;
}

/**
 * Field
 */
div.field{
	width:100%;
    margin:0 0 10px;
    position:relative;
}

/**
 * Field: Text
 */
.password input,
.email input,
.text input{
	width: 422px;
	border:1px solid #aaa;
	padding:4px;
}

/**
 * Field: Textarea
 */
.textarea textarea{
	padding:4px;
	width:565px;
	max-width:565px;
	min-width:565px;
	border:1px solid #aaa;
}

/**
 * Field: Dropdown
 */
.dropdown select{
	width:430px;
}

/**
 * Actions
 */
.Actions .action{
	background: url(../images/form/button.png) repeat-x center 0px;
	border-top: 1px solid #5f5f5f;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #3b3b3b;
	border-right:1px solid #3a3a3a;
	line-height:23px;
	font-family: "OptimaBold", Arial, Helvectica, sans-serif;
	text-align: center;
	color: #a9a9a9;
	padding:0 13px;
	float:right;
	cursor:pointer;
}

.Actions .action:active{
    background-position: center -23px;
}

/**
 * Placeholder
 */
input.placeholder{
	color: #999;
}

/**
 * Validation
 */
.email span.validation,
.email span.required,
.text span.required{
	display:block;
	position:absolute;
	left: 450px;
	color: #d94540;
	width: 250px;
	top:23px;
	padding:0 0 0 10px;
	background: url(../images/form/marker.png) no-repeat left 3px;
}

.textarea span.required{
    display:block;
    position:absolute;
    left: 595px;
    color: #d94540;
    width: 150px;
    top:23px;
    padding:0 0 0 10px;
    background: url(../images/form/marker.png) no-repeat left 3px;
}


.textarea label span.required,
.email label span.required,
.text label span.required{
	display:inline;
	position:static;
	left:auto;
	width:auto;
	padding:0;
	background:none;
}

.holder-validation input.text,
.holder-required input.text,
.holder-required textarea{
	background-color: #ffeded;
    border-color:#d8443f;
}