/* CSS Document */

body {
	margin: 30px 20px 20px 20px;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #231F20;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}


/* ------------------- HEADER --------------------*/

#links {
	float: right;
	padding-bottom: 5px;
}

#links img {
	margin-left: 45px;
	padding-top: 7px;
}
.dots {
	height: 55px; 
	background:#FFFFFF url(../../images/dots.gif) left top repeat-x; 
	clear: both;
}
.whiteBoxNews {
	width: 90px;
	height: 55px; 
	margin-left: 496px;
	background-color:#FFFFFF;
}
.whiteBoxWorks {
	width: 75px;
	height: 77px; 
	margin-left: 588px;
	background-color:#FFFFFF;
	padding: 0 0 0 15px;
	line-height: 18px;
}

.whiteBoxShop {
	width: 75px;
	height: 77px; 
	margin-left: 790px;
	background-color:#FFFFFF;
	padding: 0 0 0 15px;
	line-height: 18px;
}

.whiteBoxAbout {
	width: 75px;
	height: 77px; 
	margin-left: 690px;
	background-color:#FFFFFF;
	padding: 0 0 0 15px;
	line-height: 18px;
}

a.subMenu:link, a.subMenu:visited {
	text-decoration: none;
	color: #231F20;
}
a.subMenu:hover {
	text-decoration: none;
	font-weight: bold;
}


/* -------------- INDEX PAGE --------------------*/

.dottedPlan {
	width: 580px; float: left;
	position:relative;
}
.dictionary {
	position: absolute; left: 0; top: 40px;
}

.newsBlock {
	width: 371px; float: right;
	margin-top: 50px;
}
.dottedBox {
	height: 12px; 
	background: #FFFFFF url(../../images/titles/dotsSmall.gif) left bottom repeat-x;
	margin-bottom: 20px;
}
.news {
	padding-top: 12px; 
	line-height: 14px; 
	width: 300px;
}
.news p {
	padding: 0;
	margin: 0;
}
.news p a:link, .news p a:visited {
	color: #231F20;
	text-decoration: none;
	border-bottom: 1px solid #fff200;
}
.news p a:hover {
	border-bottom: none;
	background-color: #fff200;
	color: #000000;
}
.archiveNewsLinks {
	margin: 40px 0 20px 0;
}
.archiveNewsLinks a:link, .archiveNewsLinks a:visited {
	text-decoration: none;
	color: #231F20;
}
.archiveNewsLinks a:hover {
	background-color: #fff200;
}


/* -------------------- RECENT WORKS -------------------------*/


.recentBlock {
	float: left; height: 460px; position: relative; width: 320px;
}
.recentBlock .txt {
	margin-top: 30px;
}
.recentBlock .photo {
	position: absolute; bottom: 0; left: 0; margin-bottom: 25px; border: 1px solid #FFFFFF;
}
.recentBlock .photo a:link, .recentBlock .photo a:visited {
	border: 1px solid #FFFFFF;
	display: block;
}
.recentBlock .photo a:hover {
	border: 1px solid #CCCCCC;
}

.recentBlock span a:link, .recentBlock span a:visited {
	color: #9D9FA2;
	text-decoration: none;
}
.recentBlock span a:hover {
	color: #231F20;
}


.wallpaper  {
	position: absolute; top: 20px; left: 330px;
}

.wallpaper a:link, .wallpaper a:visited {
	text-decoration: none;
	color: #808285;
}
.wallpaper a:hover {
	background-color: #fff200;
}



/* -------------------- ARCHIVE WORKS -------------------------*/

.archiveWorks {
	margin-top: 8px;
}
.archiveWorks span {
	float: left; padding: 0 8px 8px 0;
	position: relative;
	display: block;
}

.archiveWorks a:link, .archiveWorks a:visited {
	text-decoration: none;
	color: #231F20;
}

.countBlock {
	text-align:right; font-size: 9px; padding-bottom: 8px; margin-right: 3px; color: #808183;
}
.countBlock span {
	font-weight: bold;
	color: #231F20;
}
.countBlock a:link, .countBlock a:visited {
	color: #808183;
	text-decoration: none;
}
.countBlock a:hover {
	color: #231F20;
}



/* -------------------- WORKS DETAILS -------------------------*/

a.greyLink:link, a.greyLink:visited {
	color: #808183;
	text-decoration: none;
}
a.greyLink:hover {
	color: #231F20;
}

.whiteBoxDetails {
	width: 262px;
	height: 77px; 
	margin-left: 412px;
	background-color:#FFFFFF;
	padding: 0 10px 0 10px;
	line-height: 12px;
	font-size: 9px;
}

.whiteBoxDetails a:link, .whiteBoxDetails a:visited {
	color: #231F20;
	text-decoration: none; 
	border-bottom: 1px solid #fff200;
}
.whiteBoxDetails a:hover {
	background-color: #fff200;
}


/* -------------------- ABOUT -------------------------*/


.leftRow {
	float: left; 
	width: 263px; 
	margin: 20px 37px 40px 0;
	line-height: 15px;
	 /*font-size: 12px; 
	 font-family: 'Times New Roman', Times, serif; color: #808183;*/
}


.greyBig {
	font-size: 18px;
	color: #808284;
	display: block;
	margin-top: 10px;
}

.middleRow {
	float: left; width: 389px; margin: 20px 0 40px 0;
	line-height: 15px;
}

.middleRow a:link, .middleRow a:visited {
	color: #9D9FA2;
	text-decoration: none;
}
.middleRow a:hover {
	color: #231F20;
}



/* -------------------- CONTACT -------------------------*/


#searchHolder {
	margin: 0;
	width: 960px;
	clear: both;
}
#searchContainer {
	position: relative;
}
.menu .options {
	background-color: #231F20;
	height: 252px;
	color:#FFFFFF;
}

a.social:link, a.social:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
a.social:hover {
	color: #EC008C;
}



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


#footer {
	margin-top: 10px;
	padding-bottom: 30px;
	font-size: 10px;
	clear: both;
}

.credits {
	float: left;
	width: 580px;
	padding-top: 5px;
}
.credits a:link, .credits a:visited {
	text-decoration: none;
	color: #231F20;
}
.credits a:hover {
	color: #EC008C;
}

a.mailLink:link, a.mailLink:visited {
	color: #EC008C;
	text-decoration: none;
}
a.mailLink:hover {
	text-decoration: underline;
}

.bottomLinks {
	font-weight: bold;
	float: left;
	padding-top: 5px;
}
.bottomLinks a:link, .bottomLinks a:visited {
	text-decoration: none;
	color: #231F20;
}
.bottomLinks a:hover {
	color: #EC008C;
}

.kbyKanella {
	float: right;
}



/* -------------------- FORM ELEMENTS -------------------------*/

form {
	padding: 0;
	margin: 0;
}
.formElements {
	width: 200px;
	padding: 2px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #231F20;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin-top: 5px;
}
textarea {
	height: 70px;
}

#box {
	width: 750px; height: 555px; padding: 40px 20px 5px 20px;
}