/*
----------------------------------------------------------------------------- 
GENERAL
-----------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font: 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #333333;
	background: #e9e9e9 url(../images/bg_page.gif) 50% 0 repeat-y;

	scrollbar-face-color: #e9e9e9;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-darkshadow-color: #e9e9e9;
	scrollbar-shadow-color: #e9e9e9;
	scrollbar-track-color: #e9e9e9;
	scrollbar-base-color: #e9e9e9;
	scrollbar-arrow-color: #808080;
	scrollbar-3dlight-color: #e9e9e9;
}

a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
}
a:focus {
	-moz-outline: none;
}

/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/

table#IntroWrapper {
	height: 100%;
}
table#IntroWrapper td {
	vertical-align: middle;
}

/*
----------------------------------------------------------------------------- 
FROM CORPORATE
-----------------------------------------------------------------------------*/
.smaller {font-size: 9px;}
.larger {font-size: 11px;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

.half {width: 48%; margin: 0 2% 0 0;}
.third {width: 32%; margin: 0 1% 0 0;}
.quarter {width: 23%; margin: 0 2% 0 0;}

.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

p {
	margin: 0px 0px 10px 0px;
}

ul {
	margin: 0px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	list-style: square;
}
li {
	margin: 0px 0px 5px 0px;
}

#heading {position: relative; height: 70px; overflow: hidden;}
	h1 {position: absolute; top: 37px; left: -5px; font: 46px Georgia, Times, serif; color: #FFFFFF; margin: 0; padding: 0; width: 510px;}

h2 {font: bold 24px Georgia, Times, serif; color: #ED171F; margin: 0 0 10px 0; padding: 0;}

h3 {font: bold 14px Georgia, Times, serif; color: #666666; margin: 0 0 10px 0; padding: 0;}

h4, h5, h6 {font: bold 11px Verdana,Arial,Helvetica,Sans-Serif; color: #ED171F; margin: 0 0 5px 0; padding: 0;}

a {
	color: #ED171F;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
a:focus {
	-moz-outline: none;
}

a.link1 {
	color: #666666;
}
a.link1:hover {
	color: #000000;
}
a.link2 {
	color: #ffffff;
}
a.link2:hover {
	color: #333333;
}

.nav {
	font: bold 9px Verdana,Arial,Helvetica,Sans-Serif;
	margin: 10px 0 10px 20px;
}

.nav a {
	color: #cccccc;
	border: 1px solid #B3B3B3;
	margin: 0px 3px 0px 0px;
	padding: 2px 4px 3px 4px;
	background: #808080;
}

.nav a:hover {
	color: #FFFFFF;
	background: #ED171F;
}

a.button {
	font: bold 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #666666;
	border: 1px solid #666666;
	padding: 2px 5px 3px 5px;
}
a.button:hover {
	color: #FFFFFF;
	background: #ED171F;
	border: 1px solid #F46B70;
	border-top: 5px solid #F46B70;
}
a.button2 {
	font: bold 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #FBC4C6;
	background: #ED171F;
	border: 1px solid #F46B70;
	padding: 2px 5px 3px 5px;
}
a.button2:hover {
	color: #FFFFFF;
	border: 1px solid #F46B70;
	border-top: 5px solid #F46B70;
}

.copyright {
	font: bold 9px Verdana,Arial,Helvetica,Sans-Serif;
	color: #F58286;
	padding: 10px 20px 10px 20px;
}
.copyright a {
	color: #F58286;
}
.copyright a:hover {
	color: #FFFFFF;
}

.copyright2 {
	font: bold 9px Verdana,Arial,Helvetica,Sans-Serif;
	color: #FBC4C6;
	padding: 10px 20px 10px 20px;
}
.copyright2 a {
	color: #FBC4C6;
}
.copyright2 a:hover {
	color: #FFFFFF;
}

.dt {
	font: bold 9px Verdana,Arial,Helvetica,Sans-Serif;
	color: #999999;
	padding: 10px 20px 10px 20px;
}
.dt a {
	color: #999999;
}
.dt a:hover {
	color: #FFFFFF;
}

.rhs {
	font: 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #333333;
}
.rhs a {
	color: #505050;
}
.rhs a:hover {
	color: #FFFFFF;
}
.rhs ul {margin: 0px 0px 0px 16px;}
.rhs li {margin: 0px 0px 3px 0px;}

.rhsHd {
	font: bold 14px Georgia, Times, serif;
	color: #FFFFFF;
}

td {
	font: 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #333333;
}

.mainTable {
	padding: 15px 20px 15px 20px;
}

.image {
	border: 5px solid #B3B3B3;
	background: #FFFFFF;
	text-align: center;
}

#galleryPic {
	width: 470px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

a.thumb img {
	/*border: 5px solid #B3B3B3;*/
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70), progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-moz-opacity: .65;
	-khtml-opacity: .65;
	margin: 0px 0px 3px 0;
}

a.thumb:hover img {
	/*border: 5px solid #FFFFFF;*/
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100), progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

a.thumb2 img {
	border: 5px solid #B3B3B3;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70), progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-moz-opacity: .65;
	-khtml-opacity: .65;
	margin: 0px 0px 3px 3px;
}

a.thumb2:hover img {
	border: 5px solid #FFFFFF;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100), progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.inputs {
	font: 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #333333;
	background: #DDDDDD;
	border: none;
	border-bottom: 1px solid #999999;
}

.inputs2 {
	font: 10px Verdana,Arial,Helvetica,Sans-Serif;
	color: #333333;
	background: #DDDDDD;
	border: 1px solid #999999;
}

#staffname {
	font-size: 9px;
	width: 85px;
}

.rotwof {
	width: 100%;
	height: 100%;
}
#FeaturedImages {
	margin: 0 10px 1em 0;
	overflow: hidden;
	float: left;
	max-width: 460px;
}
#FeaturedImages img {
	/* width: 460px; */
	height: 345px;
	border: 5px solid #B3B3B3;
}
#GalleryImages {
	margin: 1em 0 1em 0;
	overflow: hidden;
	float: left;
	width: 470px;
}
#GalleryImages img {
	border: 2px solid #B3B3B3;
	margin: 0 3px 0 0;
	width: 60px;
	height: 60px;
}

#corporate a {display: block; width: 240px; height: 40px; background: transparent url(../images/logo_sefiani_corporate.gif) 0 0 no-repeat;}
	#corporate a span {display: none;}
	#corporate a:hover {background: transparent url(../images/logo_sefiani_corporate.gif) 0 -40px no-repeat;}

/*
----------------------------------------------------------------------------- 
INTRO
-----------------------------------------------------------------------------*/

#Intro #Container {
	width: 100%;
	text-align: center;
}
#Intro #Top {
	height: 150px;
	background: #ed171f;
}
#Intro #Logo {
	margin: 0 0 50px;
	background: #ffffff;
	border-top: 15px solid #f25157;
	border-bottom: 5px solid #808080;
}
#Intro #Logo img {
	border: none;
}