@import "sifr-screen.css";

body {

	background: #787171 url(../img/bg.jpg) repeat-x 50% 0;

	font: 0.7em/1.5 Verdana, Arial, Helvetica, sans-serif;

	color: #373737;

	text-align: center;		

}

* {

	padding: 0;

	margin: 0;

}

img {border: none;}

p {margin: 1em 0;}

ul {list-style:none;}

.clear {clear: both; line-height:0%;}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display: inline;}





/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

html > body .clearfix {min-height: 1px; height: auto;}

.clearfix {display: block;}

/* End hide from IE-mac */

#content img {

	border: 1px solid #b98083;

	padding: 1px;	

}

img.right {

	margin: 1em 0 1em 2em;

	float: right;	

}

img.left {

	margin: 1em 2em 1em 0;

	float: left;	

}





#page {

	width: 770px;

	background: url(../img/bg770.jpg) repeat-y;

	margin: 21px auto 10px;

	text-align: left;	

	position: relative;

}

/*classes for page, to change the header image or other elements*/

.home #header {background: url(../img/header-home.jpg) no-repeat 0 0;}

.about-us #header {background: url(../img/header-about-us.jpg) no-repeat 0 0;}

.services #header {background: url(../img/header-services.jpg) no-repeat 0 0;}

.equipment #header {background: url(../img/header-equipment.jpg) no-repeat 0 0;}

.gallery #header {background: url(../img/header-gallery.jpg) no-repeat 0 0;}

.testimonials #header {background: url(../img/header-testimonials.jpg) no-repeat 0 0;}

.employment #header {background: url(../img/header-employment.jpg) no-repeat 0 0;}

.contact-us #header {background: url(../img/header-contact-us.jpg) no-repeat 0 0;}




#header {

	height: 219px;

	position: relative;

	z-index: 10;

}

#header a {

	text-indent: -900em;

	display: block;

	width: 160px;

	height: 60px;

	position: absolute;

	left: 50px;

	top: 87px;

}

.mid {

	background: url(../img/watermark.jpg) no-repeat 95% 100%;

	position: relative;

	z-index: 20;	

}

#bar {

	width: 187px;

	float: left;

	margin-left: 37px;

	background: url(../img/bar-bg.jpg) repeat-y;

	display: inline;

	font-family: tahoma;

}

#b1 {

	background: url(../img/bar-bottom.jpg) no-repeat 0 100%;

	padding-bottom: 2em;

	padding-left: 6px;

}

/* SideBAR */

#bar h2 {

	width: 175px;

	height: 35px;

	text-indent: -900em;

	font-size: 1em;

}

h2#navigation {

	background: url(../img/bar-navigation.jpg) 0 0;

	position: absolute;

	top: -22px;

	}

h2#news {background: url(../img/bar-news.jpg) 0 0;}



/* NAV */

ul#nav {padding: 1em .5em;}

ul#nav a {

	color: #dadada;

	line-height: 25px;

	display: block;

	width: 135px;

	padding-left: 2.4em;

	background: url(../img/nav-bullet.jpg) no-repeat .6em 60%;

	text-decoration: none;

	font-weight: bold;

}

ul#nav a:hover {

	background: #3b0307 url(../img/nav-arrow.jpg) no-repeat .46em 55%;	

	color: #fff;

}

ul#nav a.on, ul#nav a.on:hover {

	background: #5e050a  url(../img/nav-bullet-on.jpg) no-repeat .6em 60%;

	color: #fff;

	cursor: default;	

}

/* News */

#bar .stire {

	color: #dadada;

	padding: .2em 1em;

}

.stire h3 {

	font-size: 1em;

	color: #fff;

	text-transform: uppercase;

}

.stire span {

	display: block;

	color: #df8500;

	font-size: .8em;

	font-weight: normal;

}

.stire p {

	font-weight: bold;

	margin: .5em 0;

}

.stire a.more {

	text-align: right;

	display: block;

	color: #ca8488;

	padding: 0;

	margin: -.5em .5em 0 0;

}

.stire a:hover.more {

	color: #fff;

}





#content {

	width: 480px;

	float: left;

	padding: 0 24px 1em;

	margin: 1em 0 0;

}

#content h1 {

	font-size: 2.0em;

	color: #81070e;

	font-weight: normal;

}

#content h2 {

	font-size: 1.3em;

	color: #373737;

	text-transform: uppercase;

	margin-bottom: 1em;	

}

#content a {

	color: #81070e;

	text-decoration: none;

}

#content a:hover {

	text-decoration: underline;

}



/* page HOME */

.bloc {	

	margin-top: 1em;

	padding: .5em 1.5em;

}

.bloc.serv {background: #f8f8f8 url(../img/bloc-serv.jpg) no-repeat 245px 50%;}

.bloc.equip {background: #f8f8f8 url(../img/bloc-equip.jpg) no-repeat 245px 50%;}

.bloc h1, .bloc p, .bloc a {

	width: 220px;	

	display: block;

	margin: .2em 0; 

}

.bloc p {

	line-height: normal;

}

.bloc a {

	text-align: right;

	display: block;

	width: 190px;

	line-height: 2em;

	font-weight: bold;

	color: #81070e;

	padding-right: 2em;

	text-decoration: none;

	background: url(../img/arrow.jpg) no-repeat 100% 70%;

}

.bloc a:hover {

	text-decoration: underline;

}





/* FOOTER */

#footer {

	background: url(../img/footer.jpg) repeat-y;

	height: 84px;

	position: relative;

}

#copyright {

	font-weight: bold;

	color: #1c1c1c;

	position: absolute;

	left: 30px;

	top: 22px;

}

#copyright a{

	font-weight: bold;

	color: #1c1c1c;

	text-decoration:none;

}

#copyright a:hover{

	font-weight: bold;

	color: #1c1c1c;

	text-decoration:underline;

}



#partners {

	position: absolute;

	right: 30px;

	top: 20px;

	width: 310px;

	height: 40px;

	background: url(../img/partnership.jpg) no-repeat 0 1em;

}

#partners span {

	text-indent: -900em;

	display: inline;

	float: left;

}

#partners ul {

	background: url(../img/partners.jpg);

	display: inline;

	float: left;

	margin-left: 160px;

	width: 150px;

	height: 40px;

}

#partners li {

	display: inline;

}


#partners a {
	display: block;
	text-indent: -900em;
	width: 50px;
	height: 40px;
	position: absolute;
	top: 0;
}

#partners a#pci {left: 160px;}
#partners a#seaa {left: 210px;}
#partners a#aws {left: 260px;}

#partners a#pci:hover {
	background: url(../img/partners-hover.jpg) 0 0;
}
#partners a#seaa:hover {
	background: url(../img/partners-hover.jpg) -50px 0;
}
#partners a#aws:hover {
	background: url(../img/partners-hover.jpg) -100px 0;
}

div#designby {
	clear: both;
	position: absolute;
	top: 7.2em;
	width: 100%;
	text-align: center;
}
#designby a {
	color: #3c3b3b;
	font-weight: bold;	
	font-size: .9em;	
	text-decoration: none;
	}
#designby a:hover {
	text-decoration: underline;
	color: #1c1c1c;
	}