/* ----------------  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;
}
p, .projectMoreHeader, 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;
}
#mainwrapper {
	width: 832px;
	margin: 0 auto 0 auto;
	padding-top: 17px;
}
#logo {
	padding-left: 25px;
}
#mainNavigation {
	background: url(../images/basics/naviBG.jpg) top right no-repeat;
	height: 41px;
	width: 339px;
	position: absolute;
	margin-left: 493px;
	margin-top: 38px;
}
.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;
}
.mainMaskHP {
	height: 270px;
	width: 457px;
	position: absolute;
	z-index: 100;
	margin-top: -270px;
}
.latestProjectsHeader {
	padding-left: 25px;
	position: relative;
}
.latestProjectWrapper {
	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;
}
.footerMiddle {
	background: url(../images/footer/footerMiddle.jpg) top left repeat-x;
	height: 34px;
}
.footerRight {
	background: url(../images/footer/footerRight.jpg) top right top no-repeat;
	height: 34px;
}
.footerLeft {
	background: url(../images/footer/footerLeft.jpg) top left no-repeat;
	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;
}
.footerLeft a:hover, .footerLeft a:active {
	color: red;
}
.viewIcon {
	position: absolute;
	margin-left: 3px;
	margin-top: 0px;
}
.showroomMaskHP, .ProjectLatestMaskHP {
	width: 443px;
	height: 228px;
	position: absolute;
	z-index: 100;
	margin-top: -228px;
}
.ProjectLatestMaskHP {
	width: 331px;
	height: 221px;
	margin-top: -221px;
}
.realimageShowroomBig, .realimageProjectsBig, #realimageShowroomBig {
	width: 443px;
	height: 228px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.realimageProjectsBig {
	width: 331px;
	height: 221px;
}
.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;
}
.projectsProPicture {
	width: 345px;
	height: 222px;
	padding: 8px 0 0 120px;
}
.aboutTopWrapper {
	padding-left: 25px;
	height: 228px;
	background: url(../images/about/asBG.jpg) right top no-repeat;
	overflow: hidden;
}
.aboutWrapper {
	background: url(../images/about/about_shadowRight.jpg) right top no-repeat;
}
.aboutWrapperLeft {
	background: url(../images/about/about_shadowLeft.jpg) 24px 0px no-repeat;
	padding: 45px 0 0 25px;
}
.aboutLeftWrapper {
	width: 400px;
	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;
}
/* ----------------  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;
}