body{	
	margin:0;
	top: 0;
	font:13px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: white;	
	background: black url(../../images/bg.jpg) repeat-x center;
}

img {
	border-style: none;
}

#img a{
	border-style: none;
}

a{
	color: #EC2593;
	text-decoration: none;
}

a:hover{
	color: white;
}

/************ROLLOVER*****************/

#rollover {
	position: relative;
}

#rollover ul {
    margin:0;
    padding:0;
    list-style:none;
}

#rollover li{
	margin:0;
	padding:0;
	float: left;
}

#rollover a{
	text-indent:-9000px;
}

#rollover a:hover{
	background-position: left bottom;
	text-decoration: none;
}

#rollover .selected{
	background-position: left bottom;
}

/**********shadows************/

#shadow_down{
	background-image: url(../../images/shadow_down.png);
	width: 1000px;
	height: 13px;
}

/**********HEADER************/

#top {
	height: 59px;
	width: 1024px;
	margin:0 auto;
	position:relative;
	top: 0;
	background: url(../../images/bg_header.png) no-repeat;
}

#header {
	height: 84px;
	width: 1024px;
	margin:0 auto;
	position:relative;
	top: 0;
	background: url(../../images/bg_middle_white.png) repeat-y;
}

#tassone_logo {
	text-indent:-9000px;	
	width: 228px;
	height: 52px;
    background: url(../../images/logo_tassone.jpg) no-repeat;
	display: block;
	left: 30px;
	position: absolute;
	top: 18px;
	z-index: 1;
}

/**********LANG************/

#lang{
	position: absolute;
	top: 26px;
	left: 863px;
	width: 125px;
	height: 25px;
	padding-top: 0;
}

#english{
	width: 53px;
	height: 20px;
    background: url(../../images/lang_en.png) left top;
	position: relative;
	display: block;
}

#francais{
	width: 68px;
	height: 20px;
    background: url(../../images/lang_fr.png) left top;
	position: relative;
	display: block;
}

/**********NAV************/

#nav{
	position: absolute;
	top: 51px;
	left: 13px;
	width: 1000px;
	height: 25px;
	background: url(../../images/bg_nav.jpg) repeat-y;
	padding-top: 0;
}

#who_we_are{
	width: 90px;
	height: 20px;
    background: url(../images/nav_who_we_are.jpg) left top;
	position: relative;
	display: block;
	margin-right: 25px;
	margin-left: 326px;
	top: 3px;
}

#what_we_do{
	width: 90px;
	height: 20px;
    background: url(../images/nav_what_we_do.jpg) left top;
	position: relative;
	display: block;
	margin-right: 25px;
	top: 3px;
}

#how_we_work{
	width: 105px;
	height: 20px;
    background: url(../images/nav_how_we_work.jpg) left top;
	position: relative;
	display: block;
	margin-right: 25px;
	top: 3px;
}

#why_we_stand_out{
	width: 133px;
	height: 20px;
    background: url(../images/nav_why_we_stand_out.jpg) left top;
	position: relative;
	display: block;
	margin-right: 25px;
	top: 3px;
}

#where_to_reach_us{
	width: 134px;
	height: 20px;
    background: url(../images/nav_where_to_reach_us.jpg) left top;
	position: relative;
	display: block;
	top: 3px;
}

#electricpixel{
	width: 434px;
	height: 19px;
    background: url(../images/electricpixel.ca.png) left top;
	position: relative;
	display: block;
	top: 92px;
	left: 296px;
}

#blanc{ 
		width:332px;
		height: 16px;
		background: url(../images/blanc.png) left top;
		position: relative;
		display: block;
		top: 79px;
		left:335px;
		}

#testimonials{
	width: 222px;
	height: 45px;
    background: url(../images/button_testimonials.png) left top;
	position: relative;
	display: block;
	z-index: 4;
}

#client_list{
	width: 215px;
	height: 25px;
    background: url(../images/button_back.png) left top;
	position: relative;
	display: block;
	z-index: 4;
}


/**********MIDDLE************/

#middle{
	width:1024px;
	z-index: 1;
	background: url(../../images/bg_middle_black.png) repeat-y;
	position: relative;
	height: auto;
	margin: 0 auto;
	padding-bottom: 10px;
}

#bg_middle{
	position: absolute;
	left: 13px;
}

#title{
	position: relative;
	left: 13px;
	padding-bottom: 20px;
}

#title_why_we_stand_out{
	position: relative;
	top: 30px;
	left: 13px;
	padding-bottom: 35px;
	width: 1000px;
}

#text_title{
	position: relative;
	top: 0;
	left: 139px;
	width: 500px;
}

/**********FOOTER************/

#footer{
	width:1024px;
	z-index: 1;
	background: url(../../images/bg_footer.png) no-repeat;
	margin:0 auto;
	position: relative;
	height: 100px;
}

#footer p{
	width: 1024px;
	position: absolute;
	text-align: center;
	top: 140px;
	color: #EC2593;
	font-size: 11px;
}

/**********SLIDESHOW************/


#oneslides{
	position: absolute;
	z-index: 24;
	left: 84px;
	top: 46px;
}

#blackme{
	position: absolute;
	z-index: 12;
	left: 13px;
	top: 0px;
	background: url(../images/black80%25.png) repeat;
	width: 385px;
	height: 420px;
}

#slideshow{
	position: relative;
	top: 0;
	left: 13px;
	height: 420px;
}

/**********TEXT AREA************/

#text_area{
	position: absolute;
	z-index: 2;
	top: 140px;
	width: 825px;
	left: 60px;
	text-align: justify;
}

#text_area_centered{
	position: absolute;
	z-index: 2;
	top: 150px;
	width: 900px;
	left: 60px;
	text-align: center;
	font-size: 14px;
	line-height: 19px;
}

/**********WHO WE ARE************/

#who_we_are_text{
	position: relative;
	top: -15px;
	left: 0;
	font-size: 14px;
	text-align: center;
}

#who_we_are_text img{
	position: relative;
	top: 5px;
}

/**********WHAT WE DO************/


#text_area_bigger{
	position: relative;
	z-index: 2;
	top: 0;
	width: 900px;
	text-align: center;
	font-size: 16px;
	left: 63px;
}

#text_area_smaller{
	position: relative;
	z-index: 2;
	width: 900px;
	left: 63px;
	text-align: center;
	font-size: 14px;
	line-height: 19px;
	top: 10px;
	padding-bottom: 30px;
}

#services{
	position: relative;
	top: 0;
	left: 40px;
	width: 900px;
}

#column1{
	position: relative;
	z-index: 2;
	top: 0;
	width: 250px;
	left: 0;
	text-align: left;
	font-size: 15px;
	padding-bottom: 20px;
}

#column2{
	position: absolute;
	z-index: 2;
	top: 0;
	width: 250px;
	left: 160px;
	text-align: left;
	font-size: 15px;
}

#column3{
	position: absolute;
	z-index: 2;
	top: 0;
	width: 300px;
	left: 390px;
	text-align: left;
	font-size: 15px;
}

#column4{
	position: absolute;
	z-index: 2;
	top: 0;
	width: 330px;
	left: 617px;
	text-align: left;
	font-size: 15px;
}

/**********HOW WE WORK************/

#how_we_work_text{
	position: relative;
	z-index: 2;
	top: 0;
	width: 900px;
	left: 63px;
	text-align: center;
	font-size: 15px;
	padding-bottom: 30px;
}

/**********WHY WE STAND OUT************/

#why_we_stand_out_text{
	position: relative;
	z-index: 2;
	width: 750px;
	left: 145px;
	text-align: justify;
	font-size: 14px;
	padding-bottom: 20px;
}

#scroll_why_we_stand_out{
	position: absolute;
	top: 195px;
	left: 90px;
}

#button_testimonials{
	position: absolute;
	top: 200px;
	left: 790px;
	z-index: 4;
}

#button_client_list{
	position: absolute;
	top: 79px;
	left: 770px;
	z-index: 4;
}

.whitequote{
	position: relative;
	top: 4px;
	font-style: italic;
}

.pinkquote{
	font-style: italic;
	font-weight: bold;
	color: #EC2593;
	position: relative;
	top: 4px;
}

.pink{
	color: #EC2593;
}

.pinkbold{
	color: #EC2593;
	font-weight: bold;
}

/**********WHERE TO REACH US************/

#contact1{
	position: relative;
	z-index: 2;
	width: 250px;
	left: 100px;
	text-align: left;
	font-size: 14px;
	padding-bottom: 20px;
}

#contact2{
	position: absolute;
	z-index: 2;
	top: 147px;
	width: 410px;
	left: 415px;
	text-align: left;
	font-size: 14px;
}

.contactcolumn
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}


/**********SCROLL************/

#scrollLinks{
	position: absolute;
	top: 0px;
	left: 0;

}

div#wn	{ 
    position:relative; 
    width: 750px; height: 232px;
    overflow:hidden;
}

div#testimonial_box	{ 
    position:relative; 
    width: 750px; height: 232px;
    overflow:hidden;
}

.mouseover_down{
	margin-top: 30px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	width:19px;
	height: 23px;
}

.mouseover_down:hover{
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	width:19px;
	height: 23px;
	position: relative;
}

.mouseover_up{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	width:19px;
	height: 23px;

}

.mouseover_up:hover{
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	width:19px;
	height: 23px;
	position: relative;
}