body {
	margin: 0px;
	text-align: center;
	
	background: white url('../img/top-bg.jpg') repeat-x;
}

.imgLinkNonHover { border: 0px; }
a  { font-family: "Trebuchet MS", Tahoma; font-size: 11px; color: rgb(219,206,193); font-weight: normal; text-align: right; text-decoration: underline; }
a:hover  { font-family: "Trebuchet MS", Tahoma; font-size: 11px; color: rgb(219,206,193); font-weight: normal; text-align: right; text-decoration: none; }
.Text  {	font-family: "Trebuchet MS", Tahoma; font-size: 11px; color: rgb(219,206,193); font-weight: normal;  }

.TopPattern {
	width: 185px;
	height: 43px;
	padding: 32px 0px 16px 665px;

	margin: 0px auto 0px auto;	
	border: 0px dotted orange;
}

.LogoBox {
	width: 850px;
	min-height: 106px; max-height: 106px;
	margin: 0px auto 0px auto;	
	border: 0px dotted violet;
	clear: both;
	text-align: left;
}

.Logo { 
	width: 646px; height: 77px;
	padding-top: 29px;
	border: 0px dotted black;

	display: block;
	float: left;
}

.Info { 
	width: 204px; height: 100px;
	border: 0px dotted red;
	
	display: block;
	float: left;
}


.MenuBg { min-height: 73px; margin: 0px; border: 0px dotted gray; clear: both; text-align: center; background: url('../img/menu-bg.jpg'); }

.Menu {
	width: 850px;
	min-height: 73px;
	margin: 0px auto 0px auto;	
	border: 0px dotted green;
	clear: both;
}

a.menuHome {
	width: 103px; height: 73px;
	background: url('../img/menu-home.jpg') no-repeat;
	
	display: block;
	float: left;
}
a.menuHome:hover { background: url('../img/menu-home-2.jpg') no-repeat; }

a.menuWeb {
	width: 179px; height: 73px;
	background: url('../img/menu-web.jpg') no-repeat;
	
	display: block;
	float: left;
}
a.menuWeb:hover { background: url('../img/menu-web-2.jpg') no-repeat; }

a.menuPrint {
	width: 179px; height: 73px;
	background: url('../img/menu-print.jpg') no-repeat;
	
	display: block;
	float: left;
}
a.menuPrint:hover { background: url('../img/menu-print-2.jpg') no-repeat; }

a.menuOther {
	width: 186px; height: 73px;
	background: url('../img/menu-other.jpg') no-repeat;
	
	display: block;
	float: left;
}
a.menuOther:hover { background: url('../img/menu-other-2.jpg') no-repeat; }

a.menuPersonal {
	width: 203px; height: 73px;
	background: url('../img/menu-personal.jpg') no-repeat;
	
	display: block;
	float: left;
}
a.menuPersonal:hover { background: url('../img/menu-personal-2.jpg') no-repeat; }

.SubPattern {
	width: 850px; height: 32px;
	margin: 0px auto 0px auto;	
	background: url('../img/menu-patternunder.jpg') no-repeat;
}

.SubPattern2 {
	width: 850px; height: 32px;
	margin: 0px auto 0px auto;	
	background: url('../img/bottom-pattern.jpg') no-repeat;
}

.BottomBg { height: 151px; margin: 0px; border: 0px dotted gray; clear: both; text-align: center; background: url('../img/bottom-bg.jpg') repeat-x; }

.Bottom {
	width: 850px;
	height: 151px;
	margin: 0px auto 0px auto;	
	border: 0px dotted green;
	clear: both;
}

.BottomLogo { 
	width: 277px; height: 151px;
	margin-top: 1px;
	border: 0px dotted black;

	display: block;
	float: left;
}

.BottomMenu { 
	width: 573px; height: 52px;
	margin-top: 1px;
	padding: 50px 0px 49px 0px;
	
	border: 0px dotted red;
	display: block;
	float: left;
}

.BottomMenuItems {
	width: 502px;
	height: 50px;
	margin-left: 40px;
	margin-right: 30px;
	text-align: left;
	
	border: 0px dotted green;
	clear: both;
	background: url('../img/bottom-menu-bg.jpg') no-repeat;
}


a.BottomMenuHome {
	width: 63px; height: 50px;
	background: url('../img/bottom-menu-home.jpg') no-repeat;
	margin-left: 0px; border: 0px solid pink;
	
	display: block;
	float: left;
}
a.BottomMenuHome:hover { background: url('../img/bottom-menu-home-2.jpg') no-repeat; }

a.BottomMenuWeb {
	width: 107px; height: 50px;
	background: url('../img/bottom-menu-web.jpg') no-repeat;
	margin-left: 1px; border: 0px solid pink;
	
	display: block;
	float: left;
}
a.BottomMenuWeb:hover { background: url('../img/bottom-menu-web-2.jpg') no-repeat; }

a.BottomMenuPrint {
	width: 105px; height: 50px;
	background: url('../img/bottom-menu-print.jpg') no-repeat;
	margin-left: 1px; border: 0px solid pink;
	
	display: block;
	float: left;
}
a.BottomMenuPrint:hover { background: url('../img/bottom-menu-print-2.jpg') no-repeat; }

a.BottomMenuOther {
	width: 111px; height: 50px;
	background: url('../img/bottom-menu-other.jpg') no-repeat;
	margin-left: 1px; border: 0px solid pink;
	
	display: block;
	float: left;
}
a.BottomMenuOther:hover { background: url('../img/bottom-menu-other-2.jpg') no-repeat; }

a.BottomMenuPersonal {
	width: 112px; height: 50px;
	background: url('../img/bottom-menu-personal.jpg') no-repeat;
	margin-left: 1px; border: 0px solid pink;
	
	display: block;
	float: left;
}
a.BottomMenuPersonal:hover { background: url('../img/bottom-menu-personal-2.jpg') no-repeat; }


.FooterContactBox {
	width: 850px;
	height: 9px;
	padding: 14px 0px 18px 0px; 
	margin: 0px auto 0px auto;	
	border: 0px dotted green;
	clear: both;
	
	background: url('../img/footer-bg.jpg') repeat-y;
	
	font-family: "Trebuchet MS", Tahoma;
	font-size: 10px;
	color: rgb(219,206,193);
}

.FooterAddress { width: 335px; float: left; }
.FooterTel, .FooterMail, .FooterGG  { float: left; text-align: center; border: 0px dotted gray; margin-right: 28px; }
a.linkTxt { font-family: "Trebuchet MS", Tahoma; font-size: 10px; color: rgb(219,206,193); text-decoration: none; }
a.linkTxt:hover { text-decoration: underline; }

.FooterSkype { float: left; text-align: center; border: 0px dotted gray; margin-right: 20px; }


.Copyrights {
	width: 850px;
	height: 57px;
	padding: 28px 73px 0px 394px;

	margin: 0px auto 0px auto;	
	border: 0px dotted orange;
}

.FooterPattern {
	min-height: 86px; max-height: 86px;
	margin: 0px auto 0px auto;	
	
	border: 0px dotted violet;
	clear: both;
	text-align: center;	
	background: url('../img/footer-pattern.jpg') repeat-x;
}



.ContentBox {
	width: 794px; min-height: 200px;
	margin: 0px auto 0px auto;	
	padding: 21px 34px 15px 22px;
	
	background: url('../img/content-bg.jpg') repeat-y;
}

.WorksContentHeader {
	clear:both;
	text-align: left;
	margin-bottom: 15px;
	
	border: 0px dotted silver;
}

.WorksContentHeaderLo {
	width: 792px; height: 52px;
	margin-top: 30px;	
	padding-top: 28px;
		
	text-align: left;
	vertical-align: middle;
	border: 0px dotted silver;
}

.WorkBoxTop { width: 792px; min-height: 419px; }
.WorkBoxAll {  margin-top: 20px; }

.WorkScreen { width: 777px; height: 356px; padding: 6px; border: 1px solid rgb(234,223,213); }
.WorkScreen:hover { background: rgb(248,244,240); }

.WorkFlower { width: 49px; height: 32px; margin: 0px auto 0px auto; clear: both; text-align: center; border: 0px solid pink;}

.WorkDescription  { 
	clear: both;
	width: 792px; min-height: 48px; max-height: 48px; height: 48px;
	vertical-align: middle;
	
	overflow: hidden;
	border-bottom: 1px solid rgb(234,223,213);
}

.WorkTitle {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 14px;
	color: rgb(206,126,45);
	font-weight: normal;
	text-align: left;
	
	width: 310px; max-width: 500px;
	float: left;
	padding: 14px 15px 14px 15px;
	overflow: hidden;
}
.Agency { font-size: 11px; color: #D1C4B7; }

.WorkStatus {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 11px;
	color: rgb(219,206,193);
	font-weight: normal;
	text-align: right;
	
	width: 100px;
	float: left;
	padding: 16px 15px 16px 15px;
	overflow: hidden;
}
a.WorkStatus {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 11px;
	color: rgb(219,206,193);
	font-weight: normal;
	text-align: right;
	text-decoration: underline;
}
a.WorkStatus:hover {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 11px;
	color: rgb(219,206,193);
	font-weight: normal;
	text-align: right;
	text-decoration: none;
}

.WorkTasks {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 11px;
	color: rgb(98,49,46);
	font-weight: normal;
	text-transform: uppercase; 

	width: 220px;
	float: left;
	padding: 16px 15px 16px 15px;
	text-align: center;	
	border-left: 1px solid rgb(234,223,213);
	margin: 0px auto 0px auto;
}

.WorkYear {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 11px;
	color: rgb(98,49,46);
	font-weight: normal;
	text-align: center;
	
	width: 40px;
	float: left;
	padding: 16px 9px 16px 15px;
	overflow: hidden;	
	border-left: 1px solid rgb(234,223,213);
}



.NewWorkScreen { width: 777px; height: 164px; padding: 6px; border: 1px solid rgb(234,223,213); margin-bottom: 10px; }
.NewWorkBox {  margin-bottom: 20px; }
.NewWorkPicture1 { display: block; width: 777px; height: 163px; border: 0px; background: url('../scr/new1.jpg') top left no-repeat; overflow:hidden; }
.NewWorkPicture1:hover{ background-position: 0 -163px; }
.NewWorkPicture2 { display: block; width: 777px; height: 163px; border: 0px; background: url('../scr/new3.jpg') top left no-repeat; overflow:hidden; }
.NewWorkPicture2:hover{ background-position: 0 -163px; }
.NewWorkPicture3 { display: block; width: 777px; height: 163px; border: 0px; background: url('../scr/new2.jpg') top left no-repeat; overflow:hidden; }
.NewWorkPicture3:hover{ background-position: 0 -163px; }

.ContactBox {
	width: 850px; height: 119px;
	margin: 0px auto 0px auto;	
	
	background: url('../img/content-bg.jpg') top left repeat-y;
	border-top: 1px solid rgb(234,223,213);
}

.ContactImage {
	width: 238px; height: 119px;
	background: url('../img/home-contact.jpg') top left no-repeat;
	float: left;
	border: 0px dotted red;
	margin-left: 2px;
}

.ContactMail {
	height: 10px;
	border: 0px dotted pink;
	padding: 56px 35px 53px 40px; 
	float: left;
	
	background: url('../img/icon-mail.jpg') 0% 70% no-repeat;
}

.ContactTel {
	height: 10px;
	border: 0px dotted gray;
	padding: 56px 35px 53px 40px; 
	float: left;
	
	background: url('../img/icon-tel.jpg') 0% 70% no-repeat;
}

.ContactGG {
	height: 10px;
	border: 0px dotted brown;
	padding: 56px 35px 53px 40px; 
	float: left;
	
	background: url('../img/icon-gg.jpg') 0% 70% no-repeat;
}

.ContactSkype {
	height: 10px;
	border: 0px dotted yellow;
	padding: 56px 0px 53px 40px; 
	float: left;
	
	background: url('../img/icon-skype.jpg') 0% 65% no-repeat;
}


.HeaderLeft { clear: both; width: 300px; margin-bottom: 15px; float: left; border: 0px dotted red; }
.HeaderRight { max-width: 485px; width: 485px; margin-bottom: 15px; margin-top: 15px;  float: left; font-family: "Trebuchet MS", Tahoma; font-size: 11px; color: rgb(105,89,60); font-weight: normal; border: 0px dotted orange; }

.UnderConstruction {
	text-align: center;
	margin: 15px auto 15px auto;
	clear: both;
}