body	{ margin:0px; font:normal 12px/20px "Lucida Sans unicode", Arial, Helvetica, sans-serif; color:#444444;}
* html 	{ margin:0; padding:0; }

a		{ text-decoration:none; color:#FC7613; outline:none; -moz-outline-style:none; }
a:hover	{ color:#000; }


/* ################################################
			BUTTON
################################################### */

a.button 			{ background:transparent url(../images/button.gif) right -32px scroll no-repeat; display:inline-block; height:32px; 
						margin:0 5px 0 0px; padding:0 20px 0 0; text-transform:uppercase; color:#ccc; font-size:10px;}
a.button span 		{ background:transparent url(../images/button.gif) -2px -32px scroll no-repeat; display:block; line-height:10px; padding:10px 0 11px 15px;}
a.button:hover 		{ background-position: right 0; color:#fff;}
a.button:hover span { background-position:-2px 0;}



/* ################################################
			HEADINGS
################################################### */

h1, h2, h3, h4, h5, h6 { color:#000000;}


/* ################################################
			LAYOUT
################################################### */

#mainpage	{ background:#FFF url(../images/mainpage_bg.jpg) 0 0 repeat-x;  } 
#subpage	{ background:#FFF url(../images/subpage.jpg) repeat-x; }
#main		{ width:960px; background:url(../images/main.png) center top no-repeat; margin:20px auto; overflow:hidden; height:100%; padding:0; }


/* ################################################
			TOPBAR
################################################### */

#topbar					{ height:45px; font-size:10px; color:#CCCCCC; }
#topbar a				{ color:#dadada;}
#topbar a:hover			{ color:#fff; text-decoration:underline;}

.clientlogin p			{ margin-top:10px; margin-right:20px; text-align:right; color:#fff;}

/* ################################################
			MAIN MENU
################################################### */

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000;
}
.sf-menu li 			{}
.sf-menu li li 			{ background:#efefef; border-bottom:1px solid #ccc; border-top:1px solid #fff;}
.sf-menu li li li 		{ background:#efefef; }
.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active 		{
	color:#FFF;
	outline:0;
	background-color: #FF8500;
}

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active { color:#000; background:#fff; outline:0;}

.sf-menu li ul 			{ 	}
.sf-menu li.current a	{ color:#000; }

/* ################################################
			SLIDER BULLETS
################################################### */

.nivo-prevNav { background:url(../images/arrows.png) 0 0 no-repeat; }
.nivo-nextNav { background:url(../images/arrows.png) -34px 0 no-repeat; }
.nivo-controlNav a { background:url(../images/bullets.png) no-repeat; }

/* ################################################
			SUB HEADER
################################################### */

.subheader_left h1		{ color:#fff; font-size:30px; font-weight:normal; margin-top:25px;}
.subheader_right p		{ color:#fff; margin:30px 10px 0 0; font-size:14px;	}
											

/* ################################################
			SIDEBAR MENU
################################################### */

ul.subnav li a 				{ background:url(../images/menu_normal.png) top left no-repeat; height:43px; padding:0 0 0 20px; color:#000; margin:0; line-height:38px; text-decoration:none;	}
ul.subnav li li a 			{ display:block; margin:0; color:#000; height:43px; text-decoration:none;}

ul.subnav li a:link, 
ul.subnav li a:visited 		{ display:block; height:43px; text-decoration:none; } /* Height of the image you use as a background*/

ul.subnav li li a:link, 
ul.subnav li li a:visited 	{ display:block; height:43px; text-decoration:none; } /* Height of the image you use as a background*/

#sidebar ul.subnav li.current a { background:url(../images/menubg.png) top left no-repeat; display:block; height:43px; text-decoration:none; }
#sidebar ul.subnav li a:hover 	{ background:url(../images/menubg.png) top left no-repeat; display:block; height:43px; text-decoration:none; }
	
#sidebar_right ul.subnav li.current a { background:url(../images/menubg_right.png) top left no-repeat; display:block; height:43px; text-decoration:none; }
#sidebar_right ul.subnav li a:hover 	{ background:url(../images/menubg_right.png) top left no-repeat; display:block; height:43px; text-decoration:none; }



/* ################################################
	CONTENT BOX AND FEATURED BOXES
################################################### */

.feature-box h3 a	{ margin:0 0 5px 0; color:#000000;	}	
.feature-box2 h3, .feature-box2 h3 a	{ color:#000000; margin-bottom: 5px; margin-top: 0px; }

.feuilleter 			{ background:url(../images/icons/ico-feuilleter.png) 10px 0px no-repeat;}
.vector 			{ background:url(../images/icons/ico-vector.png) 10px 0px no-repeat;}
.index 			{ background:url(../images/icons/ico-index.png) 10px 0px no-repeat;}
.goto 			{ background:url(../images/icons/ico-goto.png) 10px 0px no-repeat;}
.zoom 			{ background:url(../images/icons/ico-zoom.png) 10px 0px no-repeat;}
.rss 			{ background:url(../images/icons/ico-rss.png) 10px 0px no-repeat;}
.tell 			{ background:url(../images/icons/ico-tell.png) 10px 0px no-repeat;}
.print 			{ background:url(../images/icons/ico-print.png) 10px 0px no-repeat;}
.pdf 			{ background:url(../images/icons/ico-pdf.png) 10px 0px no-repeat;}
.crop 			{ background:url(../images/icons/ico-crop.png) 10px 0px no-repeat;}
.contact 			{ background:url(../images/icons/ico-contact.png) 10px 0px no-repeat;}
.fullscreen 			{ background:url(../images/icons/ico-fullscreen.png) 10px 0px no-repeat;}
.langage 			{ background:url(../images/icons/ico-langage.png) 10px 0px no-repeat;}
.design 			{ background:url(../images/icons/ico-design.png) 10px 0px no-repeat;}
.google 			{ background:url(../images/icons/ico-google.png) 10px 0px no-repeat;}
.stats 			{ background:url(../images/icons/ico-stats.png) 10px 0px no-repeat;}
.secure 			{ background:url(../images/icons/ico-secure.png) 10px 0px no-repeat;}
.securefull 			{ background:url(../images/icons/ico-securefull.png) 10px 0px no-repeat;}
.links 			{ background:url(../images/icons/ico-links.png) 10px 0px no-repeat;}
.media 			{ background:url(../images/icons/ico-media.png) 10px 0px no-repeat;}
.ecommerce 			{ background:url(../images/icons/ico-ecommerce.png) 10px 0px no-repeat;}
.offline 			{ background:url(../images/icons/ico-offline.png) 10px 0px no-repeat;}
.flash 			{ background:url(../images/icons/ico-flash.png) 10px 0px no-repeat;}
.prod 			{ background:url(../images/icons/ico-prod.png) 10px 0px no-repeat;}
.ecolo 			{ background:url(../images/icons/ico-ecolo.png) 10px 0px no-repeat;}
.economique 			{ background:url(../images/icons/ico-economique.png) 10px 0px no-repeat;}
.mobile 			{ background:url(../images/icons/ico-mobile.png) 10px 0px no-repeat;}

.abouticon 			{ background:url(../images/abouticon.png) 10px 10px no-repeat;}
.serviceicon 		{ background:url(../images/serviceicon.png) 10px 10px no-repeat;}
.freelanceicon 		{ background:url(../images/freelanceicon.png) 10px 10px no-repeat;}
.blogicon 			{ background:url(../images/blogicon.png) 10px 10px no-repeat;}		



/* ################################################
	GALLERY PAGE	
################################################### */

.gallery_box h2 a:hover { color:#009900;}
.pub {
	color:#009900;
	background-image: url(../multimedia/zmagsmobile.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding-top: 0px;
	height: 270px;
	width: 452px;
}
#FLVPlayer {
	margin-top: 0px;
	margin-left: 156px;
}


/* ################################################
		PORTFOLIO PAGE
################################################### */

.portimg a:hover	{}


/* ################################################
			BLOG POST
################################################### */

.post h2 a:hover	{ }

				
/* ################################################
			BLOG POST AUTHOR BOX
################################################### */

.authorbox 			{ background:#eee; border:1px solid #dadada; padding:15px; margin:10px 0;}						 


/* ################################################
	GENERIC		
################################################### */

blockquote {
	font-style: italic;
	font:italic normal 16px/20px Georgia, Arial, Sans-serif;
	width: auto;
	padding: 20px;
	margin: 15px 0;
	background: #fff;
	border-left: 3px solid #e6e6e6;
}


/* ################################################
	TABLES	
################################################### */

table.customtable {
	border: none;
	border-collapse: collapse;
	margin: 10px 0;
	}

table.customtable td,th {
	border-bottom: 1px solid #cacaca;
	border-collapse: collapse;
	color: #fff;
	padding: 10px 15px;
	}

table.customtable tbody td {
	border: 1px solid #cacaca;
	border-collapse: collapse;
	color: #4c4c4c;
	}

table.customtable th {
	background: url(../images/table-head-mid.gif) repeat-x 0 0;
	padding-left: 20px;
	text-align: left;
	color:#FFFFFF;
	}

table.customtable th.lefthead {
	background: url(../images/table-head-left.gif) no-repeat 0 0;
	padding-left: 20px;
	text-align: left;
	}

table.customtable th.righthead {
	background: url(../images/table-head-right.gif) no-repeat right top;
	text-align: left;
	}

table.customtable table a {
	text-decoration: none;
	}

table.customtable tbody tr:hover {
	background: #f5f5f5;
	}


/* ################################################
	FIELDSET	
################################################### */


fieldset	{
	padding:15px;
	border:1px solid #ddd;
	}

fieldset legend	{
	font-weight:bold;
	padding:3px 10px;
	background:#fff;
	border:1px solid #ddd;
	}


/* ################################################
	CONTACT FORM	
################################################### */

#form { padding: 15px 0; }

		#form label {
			font-size: 1.2em;
			width: 140px;
			display: inline-block;
			margin-right: 0px;
			margin-bottom: 15px;
			}		

		#form .input {
			background:#e7ecf2;		
			border: 1px inset #ccc;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 360px;
			}

		#form select {
			background:#e7ecf2;			
			width: 375px;			
			font: 1.2em Tahoma;
			border: 1px inset #ccc;
			padding: 5px 6px;
			margin-bottom: 15px;
			}

		#form textarea {
			background:#e7ecf2;			
			border: 1px inset #ccc;
			vertical-align: top;
			width: 355px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
			}
		
		#form .indent {
			padding-left: 145px;
			padding-top: 15px;
			}
			

/* ################################################
	FOLLOW US BOOKMARK FOOTER	
################################################### */

.follow 		{ background:#62AC1E; height:40px;border-top:1px solid #222222;border-bottom:1px solid #222222;}
.follow h5 img 	{ vertical-align:middle;}
.followus 		{ Width:940px; margin:0 auto; padding-top:10px; padding-left:20px;}
.followus h5	{ color:#FFF;}
.followus img	{ padding-left:10px;}


/* ################################################
	FOOTER	
################################################### */

#footer_wrap		{
	width:100%;
	overflow:auto;
	height:100%;
	border-bottom:1px solid #222;
	background-color: #1f2124;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#footer				{ width:940px; margin:0 auto; position:relative;}
#footer p			{ margin:0;}
#footer a 	{ color:#999; text-decoration:underline;}
img.absmiddle{
	margin-top: 0px;
}
#footer a:hover 	{ color:#F19816; text-decoration:underline;}

.footerlistbox		{ width:160px; float:left; padding:10px; margin-top:10px; z-index:200; position:relative;}
.footerlistbox h4	{ margin-bottom:0px; color:#FFFFFF; text-transform:uppercase;}	
.footerlistbox p	{
	color:#FFFFFF;
	line-height: 16px;
	font-size: 11px;
}
.footerlistbox ul li { margin-left:0px; list-style-type:circle; list-style-position:inside; }

.footerlistbox320		{ width:340px; float:left; padding:10px; margin-top:15px; z-index:200; position:relative;}
.footerlistbox320 h4	{ margin-bottom:10px; color:#FFFFFF; text-transform:uppercase;}	
.footerlistbox320 ul li { margin-left:0px; list-style-type:circle; list-style-position:inside; }

.f_img 				{ background:url(../images/quick_icon.png) bottom left scroll no-repeat; position:absolute; top:-20px; left:710px; display:block; width:192px;
		height:190px;
		z-index:1;
		}
		
.quick 				{ color:#FFFFFF; padding-right:0;}
#footer .quick a{
	color:#FFFFFF;
	text-decoration: underline;
}
#footer .quick a:hover{ color:#000000;}



/* ################################################
COPYRIGHT 	
################################################### */
	
#copyright				{ width:100%; background:#FFFFFF; height:40px;}
#copyright .content		{ width:940px; margin:0 auto;}

.footer-logo			{ float:left; vertical-align:middle; margin-top:10px; margin-left:10px;}

.copyrighttext 			{ float:right; text-align:right; margin:10px 10px 0 0; }
.copyrighttext p		{ font-size:10px; margin:0;}
.copyrighttext a		{ color:#519526;}
.copyrighttext a:hover	{ color:#FC7613;  text-decoration:underline;}



/* ################################################
LOGIN POPUP FORM	
################################################### */

#loginform 				{ width: 100%; text-align: center; padding: 10px 0 10px 0;}
#loginform 				{ width: 300px; text-align: left; margin: 0 auto; }
#loginform label		{ font:normal 11px/30px Tahoma, Arial, Helvetica, sans-serif; color: #000; text-align:right; float: left; width: 80px; padding: 0;}
#loginform input 		{ width: 180px; float: right; background: #f0f0f0 url('../images/bg-input.gif') top left repeat-x;  border:1px solid #ccc; margin: 0 0 10px 0; padding:8px !important; }
#loginform p 			{ padding: 0; }
#loginform p .button	{ width: auto;	margin:0 auto; margin-top: 20px;}