/*Common*/

body {

	font-family: Arial, sans-serif;

	font-size: 13px;

	color: #111;

	margin: 0px;

	text-align:justify;

	background-color: #161616;
	
	margin-left: 0px;

}

	.Left {

		float: left;

	}

	.Right {

		float: right;

	}

	.Clear {

		clear: both;

	}
.reset
{
	clear:both;
	height:0;
	line-height:0px;
	font-size:1px;
}
h1 {

	font-size: 1.1em;

	color: #cc0000;

margin: 0px;

padding: 0px;

}

h2 {

	font-size: 1.05em;

	color: #d77b24;

margin: 0px;

margin-bottom: 5px;

}

a {

	color: #0000cc;

	text-decoration: underline;

	font-weight: bold;

	font-size: 13px;

	font-family: Arial, sans-serif;

}

a:hover {

	text-decoration: none;

}

img {

	border: 0px;

}

	.Thumbnail {

		border: 1px solid #aaa;

	}



/*Layout*/

.Position {

	width:1066px;

	

	margin: 0 auto 10px auto;

	background-color: #fff;

}

.Position_detail {

	width: 560px;

	 

	margin: 0 auto 10px auto;


}

.related a{
            color: #326abc;
            text-decoration: none;
          

            }
.related a:hover {
              text-decoration:underline;
              color:#cc662a;
           
              }

.color {
	background-color: #fff;
}
.Header {

	

	background-color: #fff;

	vertical-align: bottom;

	width: 100%;
padding-top: 0px;
}

.ContentLeft {

	width: 160px;
	background-color: #fff;
	border-left: 0px dotted #999;
	border-left-width: 0px;
	border-right: 0px dotted #999;
	border-right-width: 0px;
	margin-right: 2px;
	
}

	.ContentLeft .ContentArea {

		padding: 0px 0px;
		border;
		
	}

	.NavigationLink a {

	padding-left: 10px;

	display: block;

	height: 22px;

	line-height: 22px;

	border-bottom: 1px dotted #aaa;

	background: url(images/navigation_bullet.jpg) left center no-repeat;
	text-decoration: none;
}

	.Partners a {

		padding-left: 10px;

		display: block;

		height: 22px;

		line-height: 22px;

		background: url(images/navigation_bullet.jpg) left center no-repeat;
		text-decoration: underline;
		color: #0000cc;
	}

	.Partners a:hover {
		text-decoration: none;
	}
	.Buttons {

		text-align: center;

		border: 1px solid #bbb;

		padding: 5px 8px 10px 8px;

	}

	.Buttons img {

		float: left;

		margin: 30px 0 0 0;

	}

	.ButtonsSpacer {

		float: left;

		width: 2px;

	}

	.ContentMiddleh {

	width: 560px;
   
	margin-right: 2px;

	
}

.ContentMiddle {

	width: 560px;
   
	

	background-color: #fff;
	border-left: 0px dotted #999;
	border-left-width: 0px;
	border-right: 0px dotted #999;
	border-right-width: 0px;
}

.ContentRight {

	width:336px;
	background-color: #fff;
	border-left: 0px dotted #999;
	border-left-width: 0px;
	border-right: 0px dotted #999;
	border-right-width: 0px;
	margin-right: 2px;

}

	.ContentHeader {

		background: White url(images/cellhbg.jpg) repeat-x right;

		height: 23px;

		line-height: 23px;

		color: #fff;

		padding-left: 10px;

		margin-bottom: 3px;

		font-weight: bold;

		font-size: 13px;

	}

	.ContentArea {

		border: 0px solid #bbb;
  
	}

	.ContentArea_center {

		border: 0px solid #555;

		border-bottom: 0px solid #bbb;

	}

	.ContentRight .ContentArea {

		padding: 10px 5px 0 2px;

	}

.NavigationLink {

	padding-left: 10px;

	display: block;

	height: 22px;

	line-height: 22px;

	border-bottom: 1px dotted #aaa;

	background: url(images/navigation_bullet.jpg) left center no-repeat;
	color: #0000cc;
}



.NavigationLink a:hover{
	text-decoration: none;
}


.FeaturedScreensaver {

	margin: 10px 25px 10px 25px;

	padding: 5px;

	width: 140px;

	background-color: #f3f3f3;

	border: 1px solid #ccc;

	font-weight: bold;

}

.Box {

	margin: 0;

	padding: 2px;



	height: auto;

	background-color: #fff;

	

	text-align: left;

	

	vertical-align: top;
	border-bottom: 1px #ccc solid;
}

.Box1 {

	margin: 0 0 10px 5px;

	padding: 2px;

	width: 160px;

	background-color: #fff;

	border: 0px solid #ccc;

	text-align: center;



}

.Box_detail {

	margin: 0 0 0px 3px;

	padding: 4px;

	width: 160px;

	height: auto;

	background-color: #fff;

	border: 0px solid #ccc;

	text-align: left;

	

	vertical-align: top;

}

	.Spacer {

		float: left;

		width: 2px;

		height: auto;

		margin: 10px 0;

		padding: 4px;

		background-color: #fff;

	}

.Thumbnail {

	

	height: 250px;

	border: 1px solid #9dd4f2;

}



.Thumbnail1 {

	

	width: 560px;

	border: 1px solid #9dd4f2;

}

.Thumbnail1 a:hover img	{background:url(images/zoom.gif) no-repeat 50% 50%;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  text-decoration: none;    }

.Footer {

	width: 100%;

	text-align: center;

	margin: 0 auto;

	color: #555;
 background-color: #fff;
}

.Footer a {

	color: #555;
   
}

#menu1 {

width:100%;

border:1px solid #FFF;

background:#FFF ;

height:25px;

padding-top:5px;

margin:0;

 text-align: center;



}



#menu1_links li {

display:inline;

background:url(images/menu_bg.gif) repeat-x bottom center;

margin:0;

padding:6px;

}



#menu1_links {

width: 730px;

float:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:13px;

padding:6px 5px;

}



#menu1_links a,#menu_links a:visited {

font-weight:700;

color:#003366;

text-decoration:none;

}



#menu1_links a:hover {

color:#003366;
 text-decoration: none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
 text-decoration: none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
 text-decoration: none;
}


.title {
	font-family: Arial, sans-serif;

	font-size: 13px;

	color: #555;

	margin: 0px;

	text-align:justify;

	background-color: #fff;
}
.title a {

	color: #0000cc;

	text-decoration: underline;

	font-weight: bold;

	font-size: 13px;

	font-family: Arial, sans-serif;

}

.title a:hover {

	text-decoration: none;

}
.logo{
	display:block;
	text-indent:-1000em;
	background: url(../images/logo.png) no-repeat 0 0;

	height:40px;		
}

/* ------------------------------------------
CSS PAGINATION PACK
by PixusDesign (Mir Haziq)
- http://codecanyon.net/user/PixusDesign

http://codecanyon.net/item/css-pagination-pack/109791
------------------------------------------ */

/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL PAGINATION STYLES
---------------------------------------------- */

.pagination {
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

.pagination .dots {
	bottom: -6px;
	color: #606060;
	position: relative;
}

.pagination a, .pagination .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 8px;
}

div.pagination a:hover {
	color: #303030;
}

div.pagination a:active {
	color: #585858;
}

.pagination a.number {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination a.number:hover {
	border-color: #d0d0d0;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.pagination a.number.current {
	color: #fff;
}

.pagination a.number.current:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination a.number.current:active {
	/* INNER SHADOWS */
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
}

/* BLUE PAGINATION STYLE */
.pagination.blue, .pagination.blue a {
	color: #4fa3e0;
}

.pagination.blue a.number.current {
	background-color: #4fa3e0;
	border-color: #4b9ec9 #2e7fb4 #206fa8;
	text-shadow: 0px 1px 1px #206fa8;
	
	background: -moz-linear-gradient(top,
		#b5dfef,
		#7fc3df 5%,
		#4fa3e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#b5dfef),
		color-stop(0.05, #7fc3df),
		to(#4fa3e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7fc3df', EndColorStr='#4fa3e0');
}

.pagination.blue a.number.current:hover {
	border-color: #4092c0 #1f68a1 #175e97;
	background-color: #3f91c0;

	background: -moz-linear-gradient(top,
		#aad9ec,
		#72bad9 5%,
		#3f91c0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#aad9ec),
		color-stop(0.05, #72bad9),
		to(#3f91c0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#72bad9', EndColorStr='#3f91c0');
}

.pagination.blue a.number.current:active {
	border-color: #206fa8 #2e7fb4 #4b9ec9;
	text-shadow: 0px -1px 1px #1f68a1;
	
	background: -moz-linear-gradient(top,
		#3f91c0,
		#72bad9
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#3f91c0),
		to(#72bad9)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f91c0', EndColorStr='#aad9ec');
}

/* ORANGE PAGINATION STYLE */
.pagination.orange, .pagination.orange a {
	color: #e87110; 
}

.pagination.orange a.number.current {
	background-color: #e87110;
	border-color: #f1820c #e35908 #df5107;
	text-shadow: 0px 1px 1px #de2c05;
	
	background: -moz-linear-gradient(top,
		#fad02d,
		#f6a81f 5%,
		#e87110
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fad02d),
		color-stop(0.05, #f6a81f),
		to(#e87110)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f6a81f', EndColorStr='#e87110');
}

.pagination.orange a.number.current:hover {
	background-color: #e5680e;
	border-color: #ee750a #de4e06 #d94606;
	
	background: -moz-linear-gradient(top,
		#f8bb22,
		#f49d1a 5%,
		#e5680e
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f8bb22),
		color-stop(0.05, #f49d1a),
		to(#e5680e)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f49d1a', EndColorStr='#e5680e');
}

.pagination.orange a.number.current:active {
	border-color: #df5107 #e35908 #f1820c;
	text-shadow: 0px -1px 1px #de4e06;
	
	background: -moz-linear-gradient(top,
		#e5680e,
		#f49d1a
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e5680e),
		to(#f49d1a)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#de770b', EndColorStr='#f0a71d');
}

/* GREEN PAGINATION STYLE */
.pagination.green, .pagination.green a {
	color: #72c113;
}

.pagination.green a.number.current {
	background-color: #72c113;
	border-color: #80c501 #4eaa02 #3e9e02;
	text-shadow: 0px 1px 1px #3e9e02;
	
	background: -moz-linear-gradient(top,
		#d6ee17,
		#b3df10 5%,
		#72c113
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#d6ee17),
		color-stop(0.05, #b3df10),
		to(#72c113)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b3df10', EndColorStr='#72c113');
}

.pagination.green a.number.current:hover {
	background-color: #65b80f;
	border-color: #73bc01 #419d02 #359202;
	
	background: -moz-linear-gradient(top,
		#cfeb13,
		#a8d90d 5%,
		#65b80f
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#cfeb13),
		color-stop(0.05, #a8d90d),
		to(#65b80f)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a8d90d', EndColorStr='#65b80f');
}

.pagination.green a.number.current:active {
	border-color: #359202 #419d02 #73bc01;
	text-shadow: 0px -1px 1px #419d02;
	
	background: -moz-linear-gradient(top,
		#65b80f,
		#a8d90d
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#65b80f),
		to(#a8d90d)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#65b80f', EndColorStr='#cfeb13');
}

/* RED PAGINATION STYLE */
.pagination.red, .pagination.red a {
	color: #c32a2a; 
}

.pagination.red a.number.current {
	background-color: #c32a2a;
	border-color: #c80d08 #b20b09 #a20a0a;
	text-shadow: 0px 1px 1px #a50b0a;
	
	background: -moz-linear-gradient(top,
		#f1614e,
		#e13a2d 5%,
		#c32a2a
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f1614e),
		color-stop(0.05, #e13a2d),
		to(#c32a2a)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e13a2d', EndColorStr='#c32a2a');
}

.pagination.red a.number.current:hover {
	background-color: #c31f1f;
	border-color: #bf0b06 #a00907 #960808;
	
	background: -moz-linear-gradient(top,
		#f75e4d,
		#ed4037 5%,
		#c31f1f
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f75e4d),
		color-stop(0.05, #ed4037),
		to(#c31f1f)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ed4037', EndColorStr='#c31f1f');
}

.pagination.red a.number.current:active {
	border-color: #960808 #a00907 #bf0b06;
	text-shadow: 0px -1px 1px #a00907;
	
	background: -moz-linear-gradient(top,
		#c31f1f,
		#ed4037
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#c31f1f),
		to(#ed4037)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#c31f1f', EndColorStr='#ed4037');
}

/* PURPLE PAGINATION STYLE */
.pagination.purple, .pagination.purple a {
	color: #a13bd0;
}

.pagination.purple a.number.current {
	background-color: #a13bd0;
	border-color: #9e11dc #7c12bc #7413b4;
	text-shadow: 0px 1px 1px #710ebb;
	
	background: -moz-linear-gradient(top,
		#e15ef5,
		#c841ec 5%,
		#a13bd0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e15ef5),
		color-stop(0.05, #c841ec),
		to(#a13bd0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#c841ec', EndColorStr='#a13bd0');
}

.pagination.purple a.number.current:hover {
	background-color: #9532c8;
	border-color: #920ed6 #730fb7 #670fa9;
	
	background: -moz-linear-gradient(top,
		#dc52f3,
		#bf37e8 5%,
		#9532c8
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#dc52f3),
		color-stop(0.05, #bf37e8),
		to(#9532c8)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#bf37e8', EndColorStr='#9532c8');
}

.pagination.purple a.number.current:active {
	border-color: #670fa9 #730fb7 #920ed6;
	text-shadow: 0px -1px 1px #730fb7;
	
	background: -moz-linear-gradient(top,
		#9532c8,
		#bf37e8
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#9532c8),
		to(#bf37e8)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ee36a8', EndColorStr='#fb63bc');
}

/* PINK PAGINATION STYLE */
.pagination.pink, .pagination.pink a {
	color: #f13fb3; 
}

.pagination.pink a.number.current {
	background-color: #f13fb3;
	border-color: #f93398 #ed1d91 #e41188;
	text-shadow: 0px 1px 1px #ec1284;
	
	background: -moz-linear-gradient(top,
		#fda4df,
		#fc70c5 5%,
		#f13fb3
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fda4df),
		color-stop(0.05, #fc70c5),
		to(#f13fb3)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fc70c5', EndColorStr='#f13fb3');
}

.pagination.pink a.number.current:hover {
	background-color: #ee36a8;
	border-color: #f82b8c #e71682 #e4117f;
	
	background: -moz-linear-gradient(top,
		#fd98d9,
		#fb63bc 5%,
		#ee36a8
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fd98d9),
		color-stop(0.05, #fb63bc),
		to(#ee36a8)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fb63bc', EndColorStr='#ee36a8');
}

.pagination.pink a.number.current:active {
	border-color: #e4117f #e71682 #f82b8c;
	text-shadow: 0px -1px 1px #e71682;
	
	background: -moz-linear-gradient(top,
		#ee36a8,
		#fb63bc
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ee36a8),
		to(#fb63bc)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ee36a8', EndColorStr='#fb63bc');
}

/* WHITE PAGINATION STYLE */
.pagination.white, .pagination.white a {
	color: #606060; 
}

.pagination.white a.number.current {
	background-color: #e0e0e0;
	border-color: #ddd #d8d8d8 #c4c4c4;
	color: #606060;
	text-shadow: 0px 1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f4f4f4 50%,
		#e0e0e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #f4f4f4),
		to(#e0e0e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#e0e0e0');
}

.pagination.white a.number.current:hover {
	background-color: #ebebeb;
	border-color: #dbdbdb #d4d4d4 #c0c0c0;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f8f8f8 65%,
		#ebebeb
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.65, #f8f8f8),
		to(#ebebeb)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#ebebeb');
}

.pagination.white a.number.current:active {
	border-color: #c0c0c0 #d4d4d4 #dbdbdb;
	text-shadow: 0px -1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#ebebeb,
		#f4f4f4 50%,
		#fff
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ebebeb),
		color-stop(0.5, #f4f4f4),
		to(#fff)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#ffffff');
}

/**** BUTTON DEFINTION *************
Here is main style for whole 
button layout. Color schemes
are defined on bottom and 
should always be on bottom.
***********************************/
a.btn {
	display: inline-block;
	position: relative;
	padding: 0 15px;
	margin-bottom: 4px;
	font: bold 12px Arial, sans-serif;
	text-align: center;
	font-style: italic;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	overflow: visible;
	border-radius: 12px / 20px;
	-moz-border-radius: 12px / 20px;
	-webkit-border-radius: 12px / 20px;
	 background-clip: padding-box; 
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
}
a.btn:after {
	content: '\00a0';
	position: absolute;
	display: block;
	z-index:-1;
	top: 6px;
	left: -1px;
	width: 100%;
	border-radius: 12px / 20px;
	-moz-border-radius: 12px / 20px;
	-webkit-border-radius: 12px / 20px;
	 background-clip: padding-box; 
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
}
a.btn:link {}
a.btn:visited {}
a.btn:active { margin-top: 4px; margin-bottom: 0; }
a.btn:active:after { top: 2px; }
a.btn:hover {
	box-shadow: inset 0 0 4px 4px rgba(0,0,0,0.07);
	-moz-box-shadow: inset 0 0 4px 4px rgba(0,0,0,0.07);
	-webkit-box-shadow: inset 0 0 4px 4px rgba(0,0,0,0.07);
}

a.small {
	height: 24px;
	line-height: 24px;
}
a.medium { 
	height: 28px;
	line-height: 28px;
}
a.big {
	height: 32px;
	line-height: 32px;
}
/*** COLOR SCHEMES ******************************
From here you can pick your desired color scheme
Just copy color you need into stylesheet under 
button definiton above and you are ready to go!
************************************************/

/*** DARK PURPLE COLOR ***/
a.darkpurple {
	color: #50041C;
	text-shadow: 0 1px 0 #EE296E;
	border-color: #FF639A #C30D53 #F40858 #C30D53;
	
	background: rgb(232,15,129); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(232,15,129) 8%, rgb(155,4,37) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgb(232,15,129)), color-stop(100%,rgb(155,4,37))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(232,15,129) 8%,rgb(155,4,37) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(232,15,129) 8%,rgb(155,4,37) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(232,15,129) 8%,rgb(155,4,37) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(232,15,129) 8%,rgb(155,4,37) 100%); /* W3C */
}
a.darkpurple:after {
	border: 1px solid #9B0425;
	background: #850431;
	box-shadow: 
		inset 0 8px 5px 6px #F40858,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #F40858,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #F40858,
		      0 0 4px 1px #444;
}

/**** PURPLE COLOR ****/
a.purple {
	color: #3F0340;
	text-shadow: 0 1px 0 #EB50ED;
	border-color: #DF5EE1 #B32AB5 #E54DE7 #B32AB5;
	
	background: rgb(225,123,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(225,123,229) 0%, rgb(168,73,163) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(225,123,229)), color-stop(100%,rgb(168,73,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(225,123,229) 0%,rgb(168,73,163) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(225,123,229) 0%,rgb(168,73,163) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(225,123,229) 0%,rgb(168,73,163) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(225,123,229) 0%,rgb(168,73,163) 100%); /* W3C */
}
a.purple:after {
	border: 1px solid #AB24AD;
	background: #9F3C9B;
	box-shadow: 
		inset 0 8px 5px 6px #F76EF9,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #F76EF9,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #F76EF9,
		      0 0 4px 1px #444;
}

/**** PINK COLOR ****/
a.pink {
	color: #CE0606;
	text-shadow: 0 1px 0 #FEB8B8;
	border-color: #FC9E9E #FA6666 #FC9A9A #FA6666;
	
	background: rgb(254,187,187); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(254,187,187) 0%, rgb(255,92,92) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,187,187)), color-stop(100%,rgb(255,92,92))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(254,187,187) 0%,rgb(255,92,92) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(254,187,187) 0%,rgb(255,92,92) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(254,187,187) 0%,rgb(255,92,92) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(254,187,187) 0%,rgb(255,92,92) 100%); /* W3C */
}
a.pink:after {
	border: 1px solid #F94D4D;
	background: #F94949;
	box-shadow: 
		inset 0 8px 5px 6px #FCA6A6,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #FCA6A6,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #FCA6A6,
		      0 0 4px 1px #444;
}

/**** RED COLOR ****/
a.red {
	color: #670303;
	text-shadow: 0 1px 0 #F94B37;
	border-color: #FA7162 #C8150C #F81E1E #C8150C;
	
	background: rgb(255,48,25); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255,48,25) 0%, rgb(207,4,4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,48,25)), color-stop(100%,rgb(207,4,4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(255,48,25) 0%,rgb(207,4,4) 100%); /* W3C */
}

a.red:after {
	border: 1px solid #AF130B;
	background: #C00606;
	box-shadow: 
		inset 0 8px 5px 6px #F94343,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #F94343,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #F94343,
		      0 0 4px 1px #444;
}

/**** GREEN COLOR ****/
a.green {
	color: #204802;
	text-shadow: 0 1px 0 #A2DC00;
	border-color: #B0D206 #3A8004 #ACCD07 #3A8004;
	
	background: rgb(193,233,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(193,233,0) 0%, rgb(68,144,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(193,233,0)), color-stop(100%,rgb(68,144,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(193,233,0) 0%,rgb(68,144,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(193,233,0) 0%,rgb(68,144,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(193,233,0) 0%,rgb(68,144,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(193,233,0) 0%,rgb(68,144,1) 100%); /* W3C */
}
a.green:after {
	border: 1px solid #347303;
	background: #408004;
	box-shadow: 
		inset 0 8px 5px 6px #BBDF07,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #BBDF07,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #BBDF07,
		      0 0 4px 1px #444;
}

/**** BLUE COLOR ****/
a.blue {
	color: #022B4A;
	text-shadow: 0 1px 0 #07A9F1;
	border-color: #068FCA #0579AB #079EDF #0579AB;
	
	background: rgb(0,157,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(0,157,226) 0%, rgb(0,99,176) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,157,226)), color-stop(100%,rgb(0,99,176))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(0,157,226) 0%,rgb(0,99,176) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(0,157,226) 0%,rgb(0,99,176) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(0,157,226) 0%,rgb(0,99,176) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(0,157,226) 0%,rgb(0,99,176) 100%); /* W3C */
}
a.blue:after {
	border: 1px solid #055795;
	background: #0561A7;
	box-shadow: 
		inset 0 8px 5px 6px #33BEF9,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #33BEF9,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #33BEF9,
		      0 0 4px 1px #444;
}

/**** YELLOW COLOR ****/
a.yellow {
	color: #4D2703;
	text-shadow: 0 1px 0 #F1DB37;
	border-color: #E7B613 #CAA606 #F3DB45 #CAA606;
	
	background: rgb(239,222,49); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(239,222,49) 0%, rgb(255,157,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(239,444,49)), color-stop(100%,rgb(255,157,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(239,222,49) 0%,rgb(255,157,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(239,222,49) 0%,rgb(255,157,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(239,222,49) 0%,rgb(255,157,0) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(239,222,49) 0%,rgb(255,157,0) 100%); /* W3C */
}
a.yellow:after {
	border: 1px solid #DD8B07;
	background: #F59A07;
	box-shadow: 
		inset 0 8px 5px 6px #F3E24F,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #F3E24F,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #F3E24F,
		      0 0 4px 1px #444;
}

/**** LIGHT COLOR (white) ****/
a.light {
	color: #333333;
	text-shadow: 0 1px 0 #A5A5A5;
	border-color: #CACACA #919191 #C4C4C4 #919191;
	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(246,246,246) 47%, rgb(237,237,237) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(47%,rgb(246,246,246)), color-stop(100%,rgb(237,237,237))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* W3C */
}
a.light:after {
	border: 1px solid #7E7E7E;
	background: #E5E5E5;
	box-shadow: 
		inset 0 8px 5px 6px #AAAAAA,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #AAAAAA,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #AAAAAA,
		      0 0 4px 1px #444;
}

/**** DARK COLOR (black) ****/

a.dark {
	color: #E0E0E0;
	text-shadow: 0 1px 0 #444444;
	border-color: #676767 #444444 #575151 #444444;
	
	background: rgb(85,78,78); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(85,78,78) 0%, rgb(50,47,47) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(85,78,78)), color-stop(100%,rgb(50,47,47))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(85,78,78) 0%,rgb(50,47,47) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(85,78,78) 0%,rgb(50,47,47) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(85,78,78) 0%,rgb(50,47,47) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(85,78,78) 0%,rgb(50,47,47) 100%); /* W3C */	
}
a.dark:after {
	border: 1px solid #424242;
	background: #322F2F;
	box-shadow: 
		inset 0 8px 5px 6px #766E6E,
		      0 0 4px 1px #444;
	-moz-box-shadow: 
		inset 0 8px 5px 6px #766E6E,
		      0 0 4px 1px #444;
	-webkit-box-shadow: 
		inset 0 8px 5px 6px #766E6E,
		      0 0 4px 1px #444;
}
ul {
	list-style-type: none;
	float:left;
	padding: 10px;
	margin: 0;
}

ul li {
	float:left;
	margin: 10px;
	position: relative !important;
	z-index: 10 !important;
}

#nav_wrapper {
	clear: left;

	padding-left:5px;
}

span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:5px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1em;
	background: url("images/back_nav.png") repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	background: url("images/li_border.png") no-repeat right top;	
}
ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 6px 6px 10px;
	padding:0 10px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: white;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px black;
	text-transform: uppercase;
	z-index: 200;
}

span#menu_start a {
	background: url("images/home_nav.png") no-repeat left top;
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }

ul#topnav li .sub {
	position: absolute;	
	top: 46px; left: 10px;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;
	
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: -10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #c10707;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	background: url("images/navlist_arrow.png") no-repeat 0px 10px;
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size:1.1em;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:27px;
}
ul#topnav .sub ul li a:hover {
	color: #c50a0a;
	background: url("images/navlist_arrow_hover.png") no-repeat 0px 10px;
	text-decoration: underline;
}

span.dd_action {
	height:6px;
	padding:0 0 0 10px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 10px;
	padding:0 15px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
	background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	
	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;	
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
	
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
	
	box-shadow:         0px 0px 2px #343333;
	-webkit-box-shadow: 0px 0px 2px #343333;
	-moz-box-shadow:    0px 0px 2px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 10px 0;
	padding:0 11px 6px 18px;
}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      100;
	background:   white;
	color: 		  black;
	border-top:   1px solid #e5e5e5;	
	border-right: 1px solid #989898;
	padding:	  0 10px 6px 18px;	
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE */
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF); /* Pour Firefox */
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit */

	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}