/* --------------------------------------------------------
    Main stylesheet
    Site: phlodesign
	Created by: Martin Gauthier - martin@codemountain.ca
	Filename: css/main.css
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    COLORS
	

   -------------------------------------------------------- */

body	{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#2a2a2a;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	line-height:15px;
	padding:0;
	margin:0;}

:focus { outline: none;}

/* -------------------------------------------
		TEXT - LINKS - TITLES
 -------------------------------------------*/

a:link, a:visited, a:active	 {color:#34748c; text-decoration:none; outline:none; font-weight:normal}
a:hover{color:#34748c; text-decoration:underline; outline:none;font-weight:normal}
a.selected {color:#3464bb; outline:none; text-decoration:none;}

h1	{font-size:25px;margin:0;padding:0;font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; ; margin-left:16px; margin-top:20px;line-height:30px}
h2	{font-size:20px;margin:0;padding:0; color:#b6b6b6; font-weight:bold;margin-left:16px; line-height:30px;}
h3	{font-size:13px;margin:0;padding:0; color:#b6b6b6;  line-height:18px; font-weight:normal;}

ul{display:inline; margin:0; }
ul li{float:left; list-style:none}

.folioimg1{cursor:pointer}

/* -------------------------------------------
		COMMON DEFINITIONS
		WEBSITE STRUCTURE
 -------------------------------------------*/
 
#main_container	{position:absolute;top:0px;left:0px;margin-left:0px;margin-top:0px ; text-align:center;height:830px;width:100%;margin-top:0px; background-image:url(../../img/back-4.gif); background-repeat:no-repeat; background-position:center 18px; background-color:#2a2a2a}

#midcontainer1{background-color:transparent; height:495px; margin-top:20px;}

#content_top{background-color:transparent; height:360px;}
#content_bot{ height:125px; margin-top:10px}
	#content_bot #left1{width:212px; height:125px; background-image:url(../../img/back-2.gif); background-repeat:no-repeat; background-position:0 0; float:left}
		#content_bot #left1 p{margin:17px; margin-top:13px; margin-bottom:0px; color:#fff; line-height:16px;}
		#content_bot #left1 p.signature1{font-size:10px; color:#5e5e6c; position:absolute; bottom:8px; left:0px;}
	#content_bot #right1{width:573px; height:125px; background-image:url(../../img/back-3.gif); background-repeat:no-repeat; background-position:0 0; position:absolute; right:0; top:0px;}
	


#top_container{height:157px; margin-top:10px;}
	#top_logo{position:absolute; top:70px; left:0px;}
	#tab_date{width:240px;  position:absolute; right:0px; bottom:0px;}
	#tab_login{width:83px; position:absolute; right:158px; bottom:0px;}
	
#botcontainer1 {}
	#botcontainer1 #copyright {position:absolute; top:-136px; left:-20px;}
	

ul#menu_text{ position:absolute; top:18px; left:29px ;margin:0; padding:0; width:400px}
	ul#menu_text li{ position:relative;border-right:2px solid #000; padding-left:8px; padding-right:8px; color:#000; font-size:18px; font-weight:bold; padding-bottom:3px; padding-top:2px }
	ul#menu_text li:hover, ul#menu_text li.active{color:#ea0476}
	ul#menu_text li#menu_title, ul#menu_text li#menu_title:hover{border-left:2px solid #000; font-size:18px; font-weight:bold; color:#fff;padding-left:14px; padding-right:14px; }
	ul#menu_text li.folionav1{cursor:pointer}
	
ul#menu_img{ position:absolute; width:100%; left:27px; top:52px; padding:0}
ul#menu_img li{margin:0;border:3px solid transparent ;margin-right:7px; background-color:transparent; width:54px; height:54px !important; height:48px; cursor:pointer; padding:0;}
	ul#menu_img li.active, ul#menu_img li:hover{border-color:#ea0476; background-color:#fff;}
	ul#menu_img li.active img, ul#menu_img li:hover img{opacity:0.5;-moz-opacity: 0.5; filter: alpha(opacity=50);}
	ul#menu_img {margin:0;padding:0}

div#arrowNav_container{position:absolute; top:12px; right:19px;}
	div#arrowNav_container img{margin-left:20px; cursor:pointer}
	

div#feedback_mail{ background-color:#FFFFFF; opacity:0.8; color:#ea0476; font-style:italic; font-size:18px; width:347px; height:247px; position:absolute; top:57px; left:56px;}
	div#feedback_mail p.p1{margin-top:70px; text-align:center; line-height:24px; margin-bottom:0;}
	div#feedback_mail p.p2{margin-top:20px; text-align:center; font-weight:bold; font-size:16px;}
.homelinks{cursor:pointer}
#section_qui{position:absolute; right:0; top:0; background-image:url(../../img/home-2.jpg); width:461px; height:360px; background-repeat:no-repeat; background-position:0 0;}	
#section_contact{position:absolute; right:0; top:0; background-image:url(../../img/home-3.jpg); width:461px; height:360px; background-repeat:no-repeat; background-position:0 0;}	
	#contact_form{position:absolute; top:80px; left:70px; width:300px; border:0px solid red; font-weight:bold}
		#contact_form span.pink1{color:#ea0476}
		#send1{cursor:pointer; margin-right:11px;}
ul#menu_text li#qui, ul#menu_text li#qui:hover{border-left:2px solid #000; font-size:18px; font-weight:bold; padding-left:14px; padding-right:14px; }
	ul#menu_text li#qui.active, ul#menu_text li#contact.active{color:#fff}
	ul#menu_text li#contact{padding-left:14px; padding-right:14px}
/* -------------------------------------------
		COMMON DEFINITIONS
		WEBSITE STYLES
 -------------------------------------------*/
 
.center_container {margin-left:auto; margin-right:auto;text-align:left;position:relative;width:797px;}
.center_container2 {margin-left:auto; margin-right:auto;text-align:left;position:relative;width:797px; border:0px solid red }
.center_container3 {position:absolute;width:787px; top:77px; left:18px; border:0px solid #ff0000;}



.tab1{background-color:transparent; height:29px; text-align:center;/* opacity:0.8;-moz-opacity: 0.8; filter: alpha(opacity=80);*/}
.tabcontent{margin-top:5px;font-size:11px; color:#ea0476; text-align:right}
.tabcontent a:link, .tabcontent a:visited, .tabcontent a:active {font-size:10px; color:#214a59;}
.tabcontent a:hover {font-size:10px; color:#999999;}

.input_select1{float:left; width:120px; height:16px;  border:1px solid #000; padding-left:2px; padding-top:1px; font-size:10px; color:#000}
.input_textarea1{float:left; width:180px; height:80px;  border:1px solid #000; padding-left:10px; padding-right:10px; padding-top:2px; font-size:10px; color:#000}
.input_text1{float:left; width:180px; height:13px;  border:1px solid #000; padding-left:10px; padding-right:10px; padding-top:2px; font-size:10px; color:#000}

.input_text2{float:left; width:210px; height:15px;  border:1px solid #525648; padding-left:10px; padding-right:10px; padding-top:4px; font-size:10px; color:#afb8a2; background-color:#f8fceb;}
	.textfull{width:352px;}
	.textbig{width:244px;}
	.textsmall{width:80px; float:right}
.input_submit1{border:1px solid #919191; color:#fff; background-color:#302a2b; width:50px; height:20px; margin-left:5px; margin-top:10px; cursor:pointer; padding-bottom:3px;}
.input_submit1:hover{background-color:#7a1600}
.select1{ width:200px; height:18px;  border:1px solid #94c5d5; font-size:10px; float:left; color:#65909d; margin-top:8px; }