@charset "utf-8";
/* CSS Document */

*
{
	margin-top: 0;
    box-sizing: border-box;
}

html, body
{
	margin: 0px;
	height: 100%;
	min-width: 990px;
}

body.main
{
	background: #231e24;
	padding: 0px;
	height: auto;
	width: auto;
}

a img
{
	border: none;
}

body#home a#homenav,
body#wall-art a#wall-artnav,
body#portable-art a#portable-artnav,
body#mosaic-art a#mosaic-artnav,
body#polishers-art a#polishers-artnav,
body#contact a#contactnav,
body#school a#schoolnav
{
/*	background: #6c7d8d;*/
	color: #ccb779;
}


#invisible
{
	display: none;
}

#visible
{
	display: block;
}


/* --------- MARQUEE ---------*/
.marquee
{
	font: oblique normal 15pt/normal Georgia, "Times New Roman", Times, serif;
	color: #d7b14b;
	padding-top: 10px;
}

/*--------- LANGUAGES ---------*/
.languages {
	position: absolute;
	top: 0px;
	right: 20px;
}
.languages a {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    border-right: 1px solid #a7a7a7;
    margin-right: 5px;
    padding-right: 5px;
    color: #fcfcfc;
}
.languages a.last {
    border: none;
    margin: 0;
    padding: 0;
}
.languages a.active {
    color: #ccb779;
}

/*---------- TOP CONTAINER -------*/
.top
{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 900px;
/*	background: #F5F5F5 url(img/backgrounds/top_bg.png) repeat-x 0px 0px;*/
    background: #231e24;
	position: relative;
}

/*---------- LOGO --------*/
.main .logo_div
{
    margin: 10px auto 0 auto;
    width: 180px;
	/*background: url(img/logo/orn-top.png) no-repeat 20px bottom;*/
}

.main .logo
{
	border-width: 0px;
	border-style: none;
}


/*------------------- LEFT COLUMN ------------------*/
.main .left_column .content
{
	padding: 15px 20px 30px 27px;
/*	font: 0.8em/140% Tahoma, Geneva, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	color: #c6c6c6;
}

.left_column .content a:link, .left_column .content a:visited
{
/*	color: #93002a;*/
    color: #ccb779;
	text-decoration: none;
}

.left_column .content a:hover
{
	text-decoration: underline;
}

.main .left_column .content h1
{
	font: oblique normal 14pt/normal Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0.5em 0px 0.5em;
    color: #ccb779;
/*	color: #93002a;*/
}

.left_column
{
	float: left;
	width: 405px;
	position: relative;
}

.left_column p
{
	padding-left: 0px;
	font-size: 10pt;
	line-height: 1.5em;
	text-align: justify;
}



/*---------------- RIGHT COLUMN ----------------*/
.right_column
{
	margin-left:405px;
	position: relative;
}

/*NAVIGATION MENU*/
.main .navigation_div
{
	position: absolute;
	margin-top: 34px;
	padding-left: 10px;
	clear: right;
	display: table;
	z-index: 1;
}

.nav_menu
{
	list-style: none;
	margin: 0;
	padding:0;
	font-weight: normal;
	clear: right;
	height: auto;
}

.nav_menu li
{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
	/*width: 105px;*/
	border-top: 0px;
	border-right: 1px solid #BCBBAF;
	border-bottom: 0px;
	border-left: 0px;
}

.nav_menu li.last
{
	border: none;
}

.nav_menu li a
{
	display: block;
	padding: 5px 8px;
	color: #F9F8F0;
	text-decoration: none;
/*	background: #506077;*/
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.nav_menu li a:hover
{
/*	background: #6c7d8d;*/
	color: #ccb779;
}

.nav_menu li>ul
{
	display: none;
}


.nav_menu li:hover>ul
{
	position: absolute;
	top: 59px;
	display: block;
	width: 100px;
}

.nav_menu li:hover>ul a
{
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	padding: 5px;
}

.nav_menu li:hover>ul a:hover
{
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
}



/*MAIN PAGE*/
.main_page
{
    width: 98%;
	min-width: 570px;
	padding: 74px 0px 25px 10px;
}

.main_page .content_1
{
/*	background: #D8D8D8 url(img/backgrounds/main_page_top_bg.png) repeat-x;*/
	border-radius: 3px;
    border: 10px solid #373038;
}

body#polishers-art .main_page .content_1 {
    max-width: 600px;
    height: 800px;
    background: url(img/main_photos/polishers_photo.jpg) no-repeat center;
}
body#polishers-art .main_page .page_photo {
    height: 770px;
}

body#wall-art .main_page .content_1 {
    max-width: 1000px;
    height: 814px;
    background: url(img/main_photos/wallpapers_photo.jpg) no-repeat center;
}
body#wall-art .main_page .page_photo {
    height: 784px;
}

body#mosaic-art .main_page .content_1 {
    max-width: 600px;
}

.page_photo
{
	position: relative;
	overflow: hidden;
	display: block;
}

.page_photo .description
{
	color: #FFF;
	font: 10pt Arial, Helvetica, sans-serif;
	padding: 5px 9px 6px;
	text-align: right;
	position: absolute;
	bottom: 0;
    left: 0;
	background: url(img/backgrounds/page_photo_desc_bg.png) repeat;
	margin-left: 8px;
}

.page_photo .description a
{
	text-decoration: none;
	color: #FFF;
}



/*LATEST ART WORK*/
.latest_art_work {
	position: relative;
	color: #F9F8F0;
/*	background: #4f5f76 url(img/backgrounds/latest_art_bg.png) repeat-x 0px 0px;*/
	padding: 15px 0;
}

.latest_art_work a:link, .latest_art_work a:visited {
	color: #fdebb5;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}

.latest_art_work h1 {
	margin: 0;
	padding: 0 0 0.5em;
	/*font: bold 13pt Arial, Helvetica, sans-serif;*/
	color: #F5F5F5;
	font: oblique normal 13pt/normal Georgia, "Times New Roman", Times, serif;
}

.latest_art_work .date {
	display: block;
	padding: 4px 0px 7px 0px;
	font: 11pt Arial, Helvetica, sans-serif;
	color: #484A4C;
}

.latest_art_work p {
	display: block;
	color: #F9F8F0;
	font: 10pt Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 8px 12px 5px 5px;
}

.latest_art_work img
{
	border: 3px solid #D8D8D8;
	-moz-box-shadow: 0px 0px 3px #000000;
 	-webkit-box-shadow: 0px 0px 3px #000000;
    box-shadow: 0px 0px 3px #000000;
	border-radius: 3px;
}

.latest_art_work img.gallery
{
	border: 1px solid #D8D8D8;
	border-radius: 3px;
    margin-bottom: 4px;
}

.latest_art_work img.gallery:hover
{
	border: 1px solid #787878;
	-moz-box-shadow: 0px 0px 3px #000000;
 	-webkit-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;
}



/*---------- BOTTOM CONTAINER -------*/
#school .bottom{
	/*height: 90px;*/
}

.bottom
{
	padding: 5px 0;
	color: #FCFCFC;
/*	background: #4f5f76 url(img/backgrounds/bottom_bg.png) repeat-x;*/
/*	border-top: 1px solid #373438;*/
/*	background: #171517;*/
    text-align: left;
    padding-left: 25px;
}

.bottom p
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 0 0 0;
    color: #bcbcbc;
}

.bottom a,
.bottom a:visited
{
	color: #ccb779;
	text-decoration: none;
}

.bottom a:hover { text-decoration: underline; }


/*-------- INTRO PAGE --------*/
#intro
{
	background: #000d11 url('img/backgrounds/intro_bg.png') repeat-x;
}

.intro_box
{
	width: 650px;
	margin: 0 auto;
	text-align: center;
}

.intro_box h1
{
	font: oblique normal 22pt/normal Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px 0px 0.5em;
	color: #FFFFFF;
}

.intro_box a
{
	color: #787878;
	text-decoration: none;
}

.intro_box a:visited
{
	color: #787878;
	text-decoration: none;
}

.intro_box a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}


/*-------- INDEX PAGE ---------*/
.imageflow img { cursor: pointer !important; }


/*--------- WALL ART PAGE ----------*/
.church_box
{
	border-bottom: 1px solid #787878;
}


/*---------CONTACT PAGE ----------*/
.contact_form td
{
	vertical-align: top;
	width: 130px;
	color: #93002a;
}

.btn
{
	font-size: 14px;
	background: #54647a;
	color: #FCFCFC;
}

.btn:hover
{
	background: #6c7d8d;
}

.map
{
	width: 480px;
	height: 350px;
	border: 1px solid #787878;
	-moz-box-shadow: 0px 0px 3px #000000;
 	-webkit-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;

}

input
{
	background: #F5F5F5;
}

textarea
{
	background: #F5F5F5;
}




/*---------- bubble tooltip -----------*/
a.tt
{
	position:relative; /*this is the key*/
    z-index: 24;
    text-decoration: none;
	color: #fdebb5;
}

a.tt:hover
{
	z-index:25;
	cursor: help;
}

a.tt span
{
	display: none;
}

a.tt:hover span
{ /*the span will display just on :hover state*/
	display: block;
    position: absolute;
    top: -4em;
	left: 2em;
	width: 230px;
	height: 60px;
    /*border: 1px solid #0cf;*/
	padding-top: 10px;
    background-color: #FCFCFC;
	background: url('img/arrows/tt.png') no-repeat;
	color: #336699;
    text-align: center;
	text-transform: lowercase;
	font-family:Helvetica, Arial, Sans-serif;
}



.line
{
	width: 300px;
	height: 1px;
	margin: 0 auto;
	background: url('img/backgrounds/line.png') no-repeat;
}

.clear
{
	clear: both;
}

.clearleft
{
	clear: left;
}





#home .content_1,
a[href="wall-art.php"] { 
  display: none !important; 
}

#home .right_column {
  margin-left: 0;
}


#home .left_column {
  width: 1024px;
}

#home .logo_div {
  margin: 100px 0 0 25px;
}

#home .navigation_div {
  width: 100%;
}