/* ----------------  INITIAL START ------------- */

* { margin: 0px; padding: 0px;}

h1 { margin-bottom: 10px;}
h2 { margin-bottom: 7px;}
h3, h4, h5 { margin-bottom: 5px;}
p, ul { margin-bottom: 7px; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { 
		border: none;
		border: 1px solid #999;
		background: white;
}
ul li {
	list-style: none;
	padding-left: 15px;
	background: url(../images/basics/listElement.gif) 0px 7px no-repeat;
	padding-bottom: 5px;
}

/* ----------------  INITIAL END ------------- */


/* ----------------  FONT  ------------- */

a {
	text-decoration: none;
}
h1, .mainHeader {
	font: normal normal 22px "Trebuchet MS", Arial;
	color: white;
}
h2 {
}
h3 {
}
h4 {
}
.inputI {
	font: normal bold 12px "Trebuchet MS", Arial;
	color: #666;
}
/* AR: support news and offer styles */    
p, .projectMoreHeader, .newsMoreHeader, .offerMoreHeader, .commentMoreHeader, table, ul li {
	font: normal normal 15px "Trebuchet MS", Arial;
	color: #b3b0b0;
	line-height: 19px;
}
a:link, a:visited {
	text-decoration: none;
	font: normal bold 12px "Trebuchet MS", Arial;
	color: white;
}
a:hover, a:active {
	text-decoration: none;
	color: red;
}
.aboutSub ul li {
	background: none;
}
.aboutSub ul li a:link, .aboutSub ul li a:visited {
	font: normal bold 12px "Trebuchet MS", Arial;
	color: white;
	font-size: 14px;
	padding-bottom: 14px;
}
.aboutSub ul li a:hover, .aboutSub ul li a:active {
	color: red;
}
.aboutSub ul li {
	background: none;
	background: url(../images/basics/aboutSubList.jpg) left top no-repeat;
	padding-left: 22px;
}
.clientList li {
	background: none;
	background: url(../images/basics/clientListElement.jpg) 0px 6px no-repeat;
	padding-left: 20px;
}
button {
	background: none;
	border: 0px;
	font: normal bold 11px Arial, Helvetica, sans-serif;
	color: white;
}
button:hover {
	color: red;
	cursor: pointer;
}
/* ----------------  BASICS  ------------- */

body {
	background: black url(../images/basics/bg.jpg) top right repeat-x; overflow-x: hidden;
}
#home-left { position: absolute; margin-left: -400px; margin-top: 300px; }
#home-right { position: absolute; margin-left: 962px; margin-top: 0px; }
#news-left { position: absolute; margin-left: -350px; margin-top: 150px; }
#news-right { position: absolute; margin-left: 962px; margin-top: 20px; }
#showroom-left { position: absolute; margin-left: -500px; margin-top: 150px; }
#showroom-right { position: absolute; margin-left: 962px; margin-top: 120px; }
#projects-left { position: absolute; margin-left: -550px; margin-top: 200px; }
#projects-right { position: absolute; margin-left: 962px; margin-top: 230px; }
#contact-left { position: absolute; margin-left: -500px; margin-top: 180px; }
#contact-right { position: absolute; margin-left: 942px; margin-top: 0px; }
#about-left { position: absolute; margin-left: -450px; margin-top: 100px; }
#about-right { position: absolute; margin-left: 952px; margin-top: 150px; }
#support-left, #testimonials-left { position: absolute; margin-left: -330px; margin-top: 130px; }
#support-right, #testimonials-right { position: absolute; margin-left: 982px; margin-top: 0px; }



/*  #mainwrapper { width: 832px; margin: 0 auto 0 auto; min-height:600px; height:auto !important; height:600px; } */
#mainwrapper { width: 982px; padding-top: 17px; margin: 0 auto 0 auto; min-height:600px; height:auto !important; height:600px; } 
#logo {
	padding-left: 25px;
}
#mainNavigation {
	background: url(../images/basics/naviBG.jpg) top right no-repeat;
	height: 41px;
	width: 468px;
	position: absolute;
	margin-left: 493px;
	margin-top: 45px;
}
#supportbutton { background: url(../images/basics/support-button.png) left -3px no-repeat; width: 109px; height: 37px; overflow: hidden; position: absolute; margin-left: 735px; margin-top: -17px; }
#supportbutton:hover { background-position: 0px 0px; }
.reflectionHP {
	background: url(../images/basics/reflection_HP.jpg) 6px 280px no-repeat;
}
.reflectionShowroom {
	background: url(../images/basics/reflectionShowroom.jpg) 0px 5px no-repeat;
	padding-top: 35px;
}
.picHPWrapper {
	padding-top: 14px;
}
#realimageHPBig, .realimageHPBig {
	width: 457px;
	height: 270px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#realimageHPBig2 {
	width: 457px;
	height: 280px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.leftColumn {
	width: 464px;
}
/* .rightColumn {
	width: 325px;
	padding-left: 30px;
	padding-top: 35px;
} */
.rightColumn {
	width: 440px;
	padding-left: 30px;
	padding-top: 35px;
}

.rightColumnComment {
	width: 480px;
	padding-left: 30px;
	border: blue solid 0px;
}

.mainMaskHP, .mainMaskHPMovie {
	height: 270px;
	width: 457px;
	position: absolute;
	z-index: 100;
	margin-top: -270px;
}

.mainMaskHPMovie
{
	border: 4px solid #EDEDED;
}
.latestProjectsHeader {
	padding-left: 25px;
	position: relative;
}
.latestProjectWrapper {
	padding-top: 55px;
}
/* AR: support news and offer styles */    
.latestNewsHeader {
	padding-left: 25px;
	position: relative;
}
.latestNewsWrapper {
	padding-top: 55px;
}
.latestOfferHeader {
	padding-left: 25px;
	position: relative;
}
.latestOfferWrapper {
	padding-top: 55px;
}
.latestProWrapper {
	width: 137px;
}
.latestProImage, .latestProImageShow, .latestProImageShow2  {
	width: 140px;
	height: 118px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.latestProImageShow {
	width: 134px;
	height: 119px;
}

.latestProImageMask, .latestProImageMaskShow, .latestProImageMaskShow2  {
	position: absolute;
	width: 140px;
	height: 118px;
	margin-top: -119px;
	z-index: 100;
}
.latestProImageMaskShow {
	width: 134px;
	height: 119px;
}
.LatestProHP_Link {
	padding: 10px 0 0 18px;
	position: absolute;
	margin-top: -30px;
	z-index: 120;
}
.footer {
	padding-top: 20px;
	background: url(../images/basics/bg-bottom.png) 500px 20px no-repeat;
	height: 170px;
}
.footerMiddle {
	background: url(../images/basics/footer-white.gif) left top repeat-x;
	height: 34px;
}
.footerRight {
	height: 34px;
}
.footerLeft {
	height: 34px;
	padding: 10px 10px 0 10px;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color: #444;
}
.footerLeft a:link, .footerLeft a:visited {
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color: #666;
}
.footerCommentContainer {
	float: left;
	height: 65px;
	width: 365px;
	background: url(../images/basics/quoteopen.png) 0px 0px no-repeat;
	padding: 20px 0 0 50px;
	font: italic normal 16px Arial, Helvetica, sans-serif;
	color: #999;
	border: red solid 0px;
}
.footerCommentBorder {
	float: left;
	height: 85px;
	width: 55px;
	background: url(../images/basics/quoteclose.png) 0px 50px no-repeat;
	border: green solid 0px;
}
.footerCommentLink {
	text-align: right;
}
.footerLeft a:hover, .footerLeft a:active {
	color: red;
}
.viewIcon {
	position: absolute;
	margin-left: 3px;
	margin-top: 0px;
}
/* AR: support news and offer styles */    
.showroomMaskHP, .ProjectLatestMaskHP, .NewsLatestMaskHP, .OfferLatestMaskHP {
	width: 443px;
	height: 228px;
	position: absolute;
	z-index: 100;
	margin-top: -228px;
}
.ProjectLatestMaskHP, .NewsLatestMaskHP, .OfferLatestMaskHP {
	width: 331px;
	height: 221px;
	margin-top: -221px;
}
.realimageShowroomBig, .realimageProjectsBig, .realimageNewsBig, .realimageOfferBig, .realimageOfferBigMovie, #realimageShowroomBig {
	width: 443px;
	height: 228px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.realimageProjectsBig, .realimageNewsBig, .realimageOfferBig, .realimageOfferBigMovieCont {
	width: 331px;
	height: 221px;
}
.realimageOfferBigMovie {
	width: 300px;
	height: 200px;
	border: 4px solid #EDEDED;
}
.showroom_row {
	width: 832px;
	padding-bottom: 15px;
}
.latestProjectPro {
	background: url(../images/basics/latestProBG.jpg) 0px 8px no-repeat;
	height: 263px;
}
.otherProjectPro {
	background: url(../images/basics/projectsBG.jpg) 0px -21px no-repeat;
	height: 263px;
}
/* AR: support news and offer styles */    
.latestNewsPro {
	background: url(../images/basics/latestNewsBG.jpg) 0px 8px no-repeat;
	height: 263px;
}
.otherNewsPro {
	background: url(../images/basics/newsBG.jpg) 0px -21px no-repeat;
	height: 263px;
}
.latestOfferPro {
	background: url(../images/basics/latestOfferBG.jpg) 0px 8px no-repeat;
	height: 263px;
}
.otherOfferPro {
	background: url(../images/basics/offerBG.jpg) 0px -21px no-repeat;
	height: 263px;
}
.projectsProPicture, .newsProPicture, .offerProPicture{
	width: 345px;
	height: 222px;
	padding: 8px 0 0 120px;
}
.testimonialsHeader {
    padding: 20px 0 0 0;
    font: bold normal 36px Arial, Helvetica, sans-serif;
    color: #FFF;
}
.commentFrame{
	position: relative;
	width: 370px;
	height: 122px;
	border: #999 solid 3px;
}
.commentTitle {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 0 10px 0 10px;
    border: yellow solid 0px;
}
.commentTitleName {
    font: bold normal 16px Arial, Helvetica, sans-serif;
    color: #EEE;
}
.commentTitleJob {
    font: bold normal 18px Arial, Helvetica, sans-serif;
    color: #888;
}
.mainCenter {
    margin: 0 auto;
    border: white solid 0px;
    padding: 0 30px 0 30px;
}
.aboutTopWrapper {
	padding-left: 25px;
	height: 228px;
	background: url(../images/about/asBG.jpg) 493px 18px no-repeat;
	overflow: hidden;
}
.aboutWrapper {
	background: url(../images/about/about_shadowRight.jpg) 25px top no-repeat;
}
.aboutWrapperLeft {
	background: url(../images/about/about_shadowLeft.jpg) 495px 0px no-repeat;
	padding: 45px 0 0 25px;
}
.aboutLeftWrapper {
	width: 500px;
	background: url(../images/about/pointsBG.gif) right top repeat-y;
	padding-right: 20px;
}
.aboutRightWrapper {
	width: 358px;
	padding-left: 20px;
}
.paddingWrapper {
	padding-left: 25px;
	padding-top: 25px;
}
/* ----------------  BOXES FEATURED CONTAINER  ------------- */

.formMiddle {
	background: url(../images/input_contact/contact_middle.jpg) left top repeat-x;
	height: 31px;
}
.formRight {
	background: url(../images/input_contact/contact_right.jpg) right top no-repeat;
	height: 31px;
}
.formLeft {
	background: url(../images/input_contact/contact_left.jpg) left top no-repeat;
	height: 23px;
	padding: 8px 0 0 15px;
}
.textfield_middle {
	background: url(../images/input_contact/textfield_middle.jpg) left top repeat-x;
	height: 144px;
}
.textfield_right {
	background: url(../images/input_contact/textfield_right.jpg) right top no-repeat;
	height: 144px;
}
.textfield_left {
	background: url(../images/input_contact/textfield_left.jpg) left top no-repeat;
	height: 139px;
	padding: 8px 0 0 15px;
}
.inputI {
	background: none;
	border: 0px;
}
#showroomlist { background: url(../images/basics/arrow-showroom.gif) left 3px no-repeat; padding-left: 15px; padding-top: 3px; width: 300px; }
#showroomlist li { list-style: none; line-height: 16px; background: none; }
#showroomlist li.first { color: white; }
/* ----------------  BUTTON AND FORMS  ------------- */

.buttonMiddle {
	background: url(../images/buttons/buttonMiddle.jpg) top left repeat-x;
	height: 27px;
}
.buttonRight, .buttonRight_black {
	background: url(../images/buttons/buttonRight.jpg) top right no-repeat;
	height: 27px;
}
.buttonLeft, .buttonLeft_black {
	background: url(../images/buttons/buttonLeft.jpg) top left no-repeat;
	height: 24px;
	text-align: center;
	padding-top: 3px;
}
.buttonRight_black {
	background: url(../images/buttons/buttonRight_black.jpg) top right no-repeat;
}
.buttonLeft_black {
	background: url(../images/buttons/buttonLeft_black.jpg) top left no-repeat;
}

/* ----------------  NAVIGATION  ------------- */



/* ----------------  FOOTER  ------------- */


/* ----------------  SPECIAL CLASSES  ------------- */

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.red {
	background: red;
}
.blue {
	background: blue;
}
.green {
	background: green;
}
.paddingLeftTen {
	padding-left: 10px;
}
.marginLeftFifteen {
	margin-left: 15px;
}


/* ----------------  DISPLAY NONE HEADERS  ------------- */


/* ----------------  png fix / a as blockwith png background hover  ------------- */


.latestProImageMaskShow a {
	display: block;
	width: 134px;
	height: 119px;
	background: url(../images/basics/showroom_mask.png) left top no-repeat;
}

.latestProImageMaskShow a:hover {
	display: block;
	width: 134px;
	height: 119px;
	background: url(../images/basics/showroom_mask_on.png) left top no-repeat;
}

.latestProImageMaskShow2 a {
	display: block;
	width: 140px;
	height: 118px;
	background: url(../images/basics/latestProMask_HP_off.png) left top no-repeat;
}

.latestProImageMaskShow2 a:hover {
	display: block;
	width: 140px;
	height: 118px;
	background: url(../images/basics/latestProMask_HP_on.png) left top no-repeat;
}

/* AR: add new styles */    
.leftTitle
{
	padding-top: 27px;
	padding-bottom: 10px;
}

a.supportLink:link, a.supportLink:visited {
	text-decoration: none;
	font: normal bold 16px "Trebuchet MS", Arial;
	color: #FFFFFF;
}
a.supportLink:hover, a.supportLink:active {
	text-decoration: none;
	color: #FF0000;
}

.pageContent
{
    padding-top: 30px;
    padding-left: 30px;
}