/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
body >p {display:none; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
		
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    	border-bottom: 1px dotted #777c82;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* END Reset Stylesheet */



/* =HTML5 tags */
article, aside, section, footer, header, hgroup, nav, figure {
	display: block;
	margin: 0;
	padding: 0;

	}



/* Global Styles =body =skins
-------------------------------------------------------------- */
body {
	background: #283138;
	font-size: 12px;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	color: #000;
	}


/* =a
-------------------------------------------------------------- */
a {
	color: #506b80;
	text-decoration: none;
	}

a:focus {outline: none;}

a:hover {
	text-decoration: underline;
	}

a span {font-size: 90%;}

a img {outline:0;}

/* =Small searcher 
---------------------------------------------------------------*/
.ssearchResults
{
	width:264px; 
	height:30px;	
	cursor:hand;
	padding:3px; 
	display:block;
	color:#fff;
	text-decoration:none;
}
.ssearchResults:hover
{
	background:#333;
	text-decoration:none;
}
.ssName
{
	padding-top:10px; 
	padding-left:50px;
	display:block;
	height:100%;
}
.ssearchResults img
{
	float:left;
}

/* =a text and UI =buttons =textlink
-------------------------------------------------------------- */
.textlink {}

a.textlink {
	border: 1px solid #777c82;
	background: #f1f1f1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#dddddd); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#dddddd)"; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ddd); /* for firefox 3.6+ */
	font-size: 11px;
	margin: -3px 0 0 0;
	font-weight: bold;
	padding: 3px 8px;
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none
	}

.post a.textlinkcolor {}
.post a.textlinkcolor:hover {text-decoration: underline}

.view_all .textlink {padding: 10px;}

.toplink {
	color: #777c82;
	border: none;
	background: #222;
	padding: 0 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.toplink:hover {
	color: #fff;
	border: none;
	background: #111;
	text-decoration: none
	}

.footer .toplink:hover {text-decoration: none}

a.textlink:hover {
	background: #333;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#333333,endColorStr=#333333); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#333333,endColorStr=#333333)"; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333333,  #333333); /* for firefox 3.6+ */
	color: #fff;
	border: 1px solid #333;
	text-decoration: none
	}

/* .catlink */
.catlink {
	background: #333;
	color: #ccc;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 0 0 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	}

/* .catlink =skins */
.catlink:hover {
	background: #506b80; /* Standard dev */
	color: #fff;
	text-decoration: none;
	}


.commentlink {
	float: right;
	background: url(/images/lab_GUI_1_0.png) -309px -9px no-repeat;
	width: 30px;
	text-align: center;
	font-weight: bold;
	color: #333;
	margin-top: 0;
	padding-bottom: 4px;
	font-size: 11px;
	text-decoration: none;
	}

.commentlink:hover {text-decoration: none}

/*.social_icon {
	margin-right: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 5px
	}*/


/* =Search
-------------------------------------------------------------- */
.search_text {
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	color: #333;
	margin-right: 10px
	}




/* =Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
/*	border-bottom: 1px dotted #777c82;*/
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #777c82;
	}

.breadcrumbs a {
	color: #333;
	text-decoration: none;
	}

.breadcrumbs a:hover {text-decoration: underline;}



/* =Social Profiles =icons =social_rofiles
-------------------------------------------------------------- */
ul.social_profiles {
/*	background: #fff;*/
	min-height: 20px;
	width: 250px;
	margin: 0 0 20px 0;
	padding: 0 16px;
	}

ul.social_profiles li {
	margin: 0 0 7px 7px;
	}

.boxgrid ul.social_profiles {
	width: 200px;
	margin-left: -5px;
	}

ul.social_profiles img {border: none}


/* =View All Links
-------------------------------------------------------------- */
.view_all {
	margin-top: 0;
	border-bottom: 1px dotted #777c82;
	padding-top: 20px;
	padding-bottom: 18px;
	}

.view_all a {
	float: right;
	}

.grid_12.view_all {
	margin-left: 30px;
	margin-right: 30px;
	}


h1 {font-size: 42px;}

h2 {font-size: 36px;}

h3 {font-size: 30px;}

h4 {font-size: 24px;}

h5 {font-size: 21px;}

h6 {font-size: 18px; color:#0098d7;}
h6.ttiptitle { color:#fff}

ol {list-style: decimal;}
 
ul {list-style: disc;}

/* =li */
li {
	margin-left: 20px;
	position: relative;
	list-style-type: disc;
	list-style-image: url(/images/bullet.png);
	list-style-position: inside;
	
	}

/* =p */
p {
	color: #333;
	font-size: 14px;
	}

p,
li,
dl {line-height: 21px;}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
	}

/* =utilities */
.utilities {
	padding-top: 20px;
	padding-bottom: 20px;
	background: transparent
	}

/*.utilities .like {height: 30px}*/

p.utilities {margin-bottom: 0;}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 10px;
	}

/* =img - first of some */
img {
	margin-bottom: 0;
	border: none;
	}

img.float_left {
    float: left;
    margin: 5px 20px 10px 0;
	}

img.float_right {
    float: right;
    margin: 5px 0 10px 20px;
	}


.post img {margin-bottom: 15px;}


blockquote {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-left: 70px;
	min-height:60px;
	border-bottom:5px solid #0098d7;
	border-top:5px solid #0098d7;
	padding-top:5px;
	padding-bottom:0px;
	background: url('/images/icons/bquote.png') no-repeat 0px 5px;
	width: 85%
	}
blockquote > p {
	margin:0;
	padding:0;
	margin-bottom:5px;
}

/* =wrapper =skins */
#wrapper {
	margin: 0;
	padding: 0;
	background: transparent url(/images/wrapper-BG.png) center repeat-y;
	}

#container {background: #d6d9dd url(/images/container-BG.png) 0 90px no-repeat;}

ul li ul,
ol li ol {margin-bottom: 0px;}

ol {padding: 0 0 0 5px;}


/* 960gs Grid support */
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	}

.float {
	display: inline;
	float: left;
	position: relative;
	}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	}

.container_12 .grid_1 {width: 45px;}
.container_12 .grid_2 {width: 130px;}
.container_12 .grid_3 {width: 215px;}
.container_12 .grid_4 {width: 290px;}
.container_12 .grid_5 {width: 385px;}
.container_12 .grid_6 {width: 470px;}
.container_12 .grid_7 {width: 555px;}
.container_12 .grid_8 {width: 640px;}
.container_12 .grid_9 {width: 725px;}
.container_12 .grid_10 {width: 810px;}
.container_12 .grid_11 {width: 895px;}
.container_12 .grid_12 {width: 960px;}
	

/* =Misc =hr =portolio stuffs
-------------------------------------------------------------- */
.hr {
	border:none;
	clear: both;
	height: 0;
	line-height: 0;
	width: 100%;
	font-size: 0;
	padding: 0;
	margin-bottom: 20px;
	}

.pr {
	border: none;
	border-bottom: 1px solid #777c82;
	clear: both;
	height: 0;
	line-height: 0;
	width: 100%;
	font-size: 0;
	padding: 0;
	margin-bottom: 30px;
	margin-left: 30px;
	}

.meta {
	font-weight: normal;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #777c82 !important;
	line-height: 16px;
	text-transform: none; 
	text-shadow: none;
	}

.right {float:right;}

.left {float:left;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}

.error,
.success {display: none;}

.page_title {
	border-top: 1px dotted #777c82;
	padding-top: 30px
	}




/* =Header
-------------------------------------------------------------- */
#header {
	margin: 0;
	padding: 0;	
	background: #000 url(/images/lab_GUI_1_0.png) 0 -470px no-repeat;
	border-bottom: 3px solid #333;
	width: 1020px;
	z-index: 900;
	min-height: 90px;
	}

	
/* =Logo
-------------------------------------------------------------- */
h1#logo {
	font-size: 0px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 20px;
	color: #fff;
	}

h1#logo img {
	border: none;
	margin: 0;
	}


h1#logo.grid_4 {width: 260px;}


/* =Menu =navigation
-------------------------------------------------------------- */
ul#navigation {
	text-transform: uppercase;
	float: right;
	width: 70%;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	}

ul#navigation li {
	float: right;
	display: inline;
	margin: 0 0 0 1px;
	}

ul#navigation li a {
	display: block;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif !important;
	padding: 15px 15px 15px 15px;
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
		
	}

ul#navigation li a:hover {
	color: #fff;
	background: #0098d7;
	}

ul#navigation li a.current {
	background: #0098d7;
	color: #fff;
/*	border-left: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 6px solid #777c82*/
	}

/* =submenu */
ul#navigation ul {
	display: none;
	position: absolute;
	top: 64px;
	left: 0;
	/* Menu shadows */
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	width: 170px;
	z-index: 99999;
	padding-top: 0;
	padding-bottom: 10px;
	margin: 0;
	background: #0098d7;
	border-top: 10px solid #0098d7;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	}

ul#navigation ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 170px;
	/* Menu shadows */
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	width: 170px;
	z-index: 99999;
	padding-top: 0;
	padding-bottom: 10px;
	margin: 0;
	background: #0098d7;
	border-top: 4px solid #000;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	}

ul#navigation ul li {width: 100%; }

ul#navigation ul li a,
ul#navigation ul ul li a {
	background: #0098d7;
	display: block;
	padding: 10px 15px;
	margin: 0;
	color: #fff;
	border-right :none;
	font-size: 11px;
	
	}

ul#navigation ul li a:hover {
	background: #56c7fd;
	color: #fff;
	}


ul#navigation ul ul ul {
	left: 100%;
	top: -4px;
	}

/* =Left Column
-------------------------------------------------------------- */
#left_col {
	margin-left: 30px;
	margin-right: 0;
	}


/* =Right Column / =Sidebar
-------------------------------------------------------------- */
#sidebar_right {
	margin-left: 30px;
	margin-right: 30px;
	width: 290px;	
	background: transparent url(/images/sidebar-BG.png) repeat-y;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

.sidebar_top_BG {
	height: 10px;
	background: transparent url(/images/sidebar-top-BG.png) top no-repeat;
	}

.sidebar_bottom_BG {
	height: 50px;
	background: transparent url(/images/sidebar-bottom-BG.png) bottom no-repeat;
	}

#sidebar_right h3 {
	color: #333;
	font-size: 24px;
	border-bottom: 3px solid #777c82;
	width: 250px;
	padding: 10px 0;
	margin: 0 20px;
	background: transparent;
	}

ul.contact_data {
	margin-left: 0;
	margin-top: 0;
	}

ul.contact_data li {list-style: none}

img.sidebar_ads {border: none}

/*.history,*/
p.history  {
	font-size: 11px;
	line-height: 18px;
	margin-top: -10px;
	padding: 0 20px;
	}
/* =sidebar list
-------------------------------------------------------------- */
ul.sidebar {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	}

ul.sidebar li {
	margin: 0;
	padding: 0 20px;
	list-style: none
	}

ul.sidebar a {
	width: 225px; /* become 290px with padding */
	display: inline-block;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #777c82;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background: transparent url(/images/lab_GUI_1_0.png) -600px -120px no-repeat;
	}

ul.sidebar li:last-child a {
/*	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
	}

ul.sidebar li:first-child a {
/*	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;*/
	}
	
ul.sidebar a:hover {
	background: #777c82 url(/images/lab_GUI_1_0.png) -600px -180px no-repeat;
	color: #fff
	}




/* =message_board
 * =heading_page
-------------------------------------------------------------- */
.message_board.grid_12,
.heading_page.grid_12 {
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
/*	border-top: 1px dashed #777c82;*/
	border-bottom: 1px dotted #777c82;
	line-height: 36px
	}

.message_board {
	background: transparent url(/images/mboard_BG.png) top center no-repeat;
	padding-top: 25px;
	padding-bottom: 25px;
	}

.heading_page {
	background: transparent;
	padding-top: 10px;
	padding-bottom: 20px;
	}


h2.message_board,
h2.heading_page {
/*	color: #fff;*/
/*	text-shadow: 1px 1px 1px #cfcfcf;*/
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	color: #777c82;
	margin-bottom: 0
	}

h2.message_board span,
h2.heading_page span {
	color: #333;
	font-weight: bold;
	}

h2.message_board a:hover,
h2.heading_page a:hover {text-decoration: underline;}


/* Homepage =boxes
-------------------------------------------------------------- */
.box_entries,
#box_more {background: transparent}

.box_entries.grid_12,
#box_more.grid_12 {
	margin-left: 30px;
	margin-right: 30px
	}

h3.box_title,
h4.box_title {
	color: #333;
	padding-top: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	}
h4.topvid{
	background: url('/images/icons/SmileyStar.png') no-repeat left;
	padding-left:32px;
    line-height: 24px;
}

h4.topcom{
	background: url('/images/icons/chat.png') no-repeat left;
	padding-left:32px;
    line-height: 24px;
}

h4.random{
	background: url('/images/icons/random.png') no-repeat left;
	padding-left:32px;
    line-height: 24px;
}

h4.new{
	background: url('/images/icons/new.png') no-repeat left;
	padding-left:32px;
	height:28px;
}
a .title {
	color: #777c82;
	line-height: 24px;
	font-size: 12px
	}

/*a .title:hover {color: #777c82;}*/


.listImage {
    float:left;
    margin-right:5px;
    margin-bottom: 5px;
}

/* =boxgrid */
.boxgrid {
	width: 199px;
	display: inline;
	float: left;
	position: relative;
	margin: 0;
	margin-left: 1px;
	margin-bottom: 1px;
    margin-right: 1px;
	padding: 20px 20px 10px 20px;
	min-height: 240px
	}

.randomBox {
    min-height: 0px;
}

/* =rounded =corners homepage grid */
.boxgrid.tl {
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
	}

.boxgrid.tr {
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
	}

.boxgrid.bl {
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius:6px;
	}

.boxgrid.br {
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius:6px;
	}


.boxgrid.fourth {width: 196px;}

.boxgrid p {
	font-size: 12px;
	color: #777c82;
	text-decoration: none;
	
	}

a.boxgrid {text-decoration: none}

.boxgrid h4 {
	margin-bottom: 10px;
	color: #fff

	}

.boxgrid h4 a {color: #fff}
.boxgrid h4 a:hover {text-decoration: none}


.boxgrid img {border: 1px solid #000;}

.box {background: #000;}

.box:hover {
	background: #333;
	text-decoration: none
	}

.box.nohover:hover{
    background: #000;
}
	
.boxhr {margin-bottom: 0;}

.boxnew.alpha,
.box.alpha {
	margin-left: 0;
/*	width: 197px;*/
	}

.boxgrid .title {
	font-size: 12px
}

.boxnew{
	background: #0098d7;
}

.boxnew:hover{
	background:#7fc9f0;
}

.boxnew p {color:#fff}

img.lastart
{
  float:left;
  width:300px;
  margin-right:30px;
  border:1px solid black;
}

a h6.title {
font-size: 18px; color:#0098d7;
}
a.lastarta
{
text-decoration:none;
display:block;
}
a.lastarta:hover {
}
/* Common =scroller styles
-------------------------------------------------------------- */
.roundabout-holder {
	list-style: none;
	width: 500px;
	height: 300px;
	margin: 0px auto;
	}

.roundabout-moveable-item {
	font-size: 12px !important;
	height: 300px;
	width: 600px;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	background:#f9f9f9;
	}

.roundabout-moveable-item img {
	height:100%;
	width: 100%;
	background-color: #fff;
	margin: 0;
	}

.roundabout-in-focus {cursor:auto;}

.roundabout-in-focus:hover {
	-webkit-box-shadow:0px 0px 20px #787878;
	-moz-box-shadow: 0px 0px 20px #787878;
	background: #f9f9f9;
	}

.roundabout-holder span {
	display: none;
	font-size: 12px;
	}

.roundabout-in-focus:hover span {
	display: inline;
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 8px 20px;
	background: #f9f9f9;
	color: #000;
	z-index: 999;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	font-size : 12px;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	}

.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {
	outline: none;
	text-decoration: none;
	}
	
.roundabou li {margin: 0}



/* =slider =featured
-------------------------------------------------------------- */
#featured.grid_12 {
	margin: 0 10px 0 10px;
	padding-top: 20px;
	background: transparent url(/images/slider-BG.png) top center no-repeat;
	}

#featured {
	margin: 30px 0 0 0;
	padding: 0 20px 0 20px;
	}

.aviaslider{
	width: 960px;
	height:300px;
	overflow: hidden;
	background: #fff url(/images/slider/preload.gif) center center no-repeat;
	position:relative;
}
.aviaslider li {
margin:0;
padding:0;
}
.aviaslider img {
	text-decoration: none;
	outline: none;
	border: none;
	}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;

}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:20px auto 0 auto;
position: relative;
float:left;
}

.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(/images/slider/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(/images/slider/controlls.gif) center top no-repeat;
}

.feature_excerpt{
width:960px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}



/* =Portfolio
-------------------------------------------------------------- */	
/*POPUP*/
strong.catTitle {
	/*font-variant:small-caps; */
	font-size:13px; 
	/*background:url('/images/icons/demo.png') left center no-repeat; 
	padding-left:25px;*/
	padding-left:3px;
	height: 15px; 
	display:block; 
	padding-top:3px;
	color:#0098d7;
}
/* END POPUP*/

/*PAGINATION*/
.searchresult{
width:100%; 
height:340px;
/*height:510px pour 9 elements*/
}

.hiddenresult
{
	display:none;
}
.pagination {
	font-size: 90%;
}

.result
{
	display:inline;
	margin:0;
	padding:0;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #42a6db;
	color: #fff;
	background:#0098d7;
	
}

.pagination a:hover {
    text-decoration: none;
	border: solid 1px #42a6db;
	color: #fff;
	background:#7fc9f0;
	
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 6px 9px;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    background: #7fc9f0;
    color: #fff;
	border: solid 1px #42a6db;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

.portfolio_cat_group {
	margin: 0 30px;
	padding: 0;
	}
/* END PAGINATION */

.successbq {
		border-bottom:5px solid #6ec226;
	border-top:5px solid #6ec226;
	background: url('/images/icons/ok.png') no-repeat 5px 5px;
	color:#6ec226;
	font-stretch:extra-condensed;
	font-style:normal;
	font-size:30px;
	line-height:55px;
	
	}

.textright {text-align: left;}

.grid_3.textright {
	margin-left: 0;
	margin-right: 20px;
	width: 260px;
	}

.grid_9.portfolio_items_group {
	margin: 0;
	padding: 0 0 0 30px;
	width: 650px;
/*	background: #fff;
	border-left: 1px solid #ccc*/
	}

.portfolio_item {
	width: 196px;
	position: relative;
	margin: 0 15px 15px 20px;
	padding: 0;
	}
	
.newitem{
	background:url("/images/newitem.png") no-repeat scroll 0 0 transparent;
	display:inline;
	position: absolute;
		top:-3px;
	left:129px;
	width:72px;
	height:72px;
	z-index:10;
	

}

.left_zero {
	margin-left: 0;
	padding-left: 0;
	}

.right_zero {
	margin-right: 0;
	padding-right: 0;
	}

.portfolio_item img {
	padding: 0;
	border: 1px solid #000;
	width: 196px;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	background: #000;
	margin-bottom: 0px;
	}

.portfolio_item span {
	display:none;
	line-height: 14px
	}



a.portfolio_item {text-decoration: none}

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

.portfolio_item:hover img {
/*	-webkit-box-shadow:0px 0px 10px #777c82;
	-moz-box-shadow: 0px 0px 10px #777c82;*/
	background: #000;
	}

.portfolio_item:hover span {
	display: inline;
	position: absolute;
	bottom: 8px;
	right: -2px;
	width: 128px;
	text-align: right;
	padding: 10px 10px 10px 60px;
	background: transparent;
	color: #fff;
	z-index: 999;
/*	border-left: 1px solid #000;
	border-top:1px solid #000;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topLeft: 5px;*/
	text-decoration: none;
	}

/* =photo/video/link mini */
.portfolio_item.isphoto_mini span,
.portfolio_item.isvideo_mini span,
.portfolio_item.islink_mini span {
	display: inline;
	position: absolute;
	bottom: 8px;
	right: -2px;
	width: 128px;
	text-align: right;
	padding: 10px 10px 10px 60px;
	color: #ccc;
	z-index: 999;
	text-decoration: none;
	}


.portfolio_item.isphoto_mini span {background: transparent url(/images/lab_GUI_1_0.png) scroll -730px -360px no-repeat;}
.portfolio_item.isvideo_mini span {background: transparent url(/images/lab_GUI_1_0.png) scroll -730px -285px no-repeat;}
.portfolio_item.islink_mini span {background: transparent url(/images/lab_GUI_1_0.png) scroll -730px -370px no-repeat;}


.portfolio_item.isphoto_mini:hover span,
.portfolio_item.isvideo_mini:hover span,
.portfolio_item.islink_mini:hover span {
/*	display: inline;
	position: absolute;
	bottom: 8px;
	right: -2px;
	width: 128px;
	text-align: right;
	padding: 10px 10px 10px 60px;
	color: #ccc;
	z-index: 999;
	text-decoration: none;*/
	color: #fff;
	}

.portfolio_item.isphoto_mini:hover span {background: transparent url(/images/lab_GUI_1_0.png) scroll -730px -240px no-repeat;}
.portfolio_item.isvideo_mini:hover span {background: transparent url(/images/lab_GUI_1_0.png) scroll -730px -285px no-repeat;}
.portfolio_item.islink_mini:hover span {background: transparent url(/images/lab_GUI_1_0.png) scroll -730px -320px no-repeat;}

p.portfolio_cat_desc {
	font-size: 11px;
	line-height: 18px
	}

/* =link medium */
.islink_m {
	background: transparent url(/images/spacer.gif) scroll 50% 50% repeat;
	display: block;
	position: absolute;
	float: right;
	width: 640px;
	height: 300px;
	z-index: 5;
	}

.islink_m:hover {background: transparent url(/images/islink_m.png) scroll 50% 50% no-repeat;}

/* =photo medium */
.isphoto_m {
	background: transparent url(/images/spacer.gif) scroll 50% 50% repeat;
	display: block;
	position: absolute;
	float: right;
	width: 640px;
	height: 300px;
	z-index: 5;
	}

.isphoto_m:hover {background: transparent url(/images/isphoto_b.png) scroll 50% 50% no-repeat;}

/* =photo big */
.isphoto_b {
	background: transparent url(/images/spacer.gif) scroll 50% 50% repeat;
	display: block;
	position: absolute;
	float: right;
	width: 960px;
	height: 400px;
	z-index: 5;
	}

.isphoto_b:hover {background: transparent url(/images/isphoto_b.png) scroll 50% 50% no-repeat;}

/* =video medium */
.isvideo_m {
	background: transparent url(/images/isvideo_m.png) scroll 50% 50% repeat;
	display: block;
	position: absolute;
	float: right;
	width: 640px;
	height: 300px;
	z-index: 5;
	}

.isvideo_m:hover {}

/* =video big */
.isvideo_b {
	background: transparent url(/images/isvideo_b.png) scroll 50% 50% repeat;
	display: block;
	position: absolute;
	float: right;
	width: 960px;
	height: 400px;
	z-index: 5;
	}

.isvideo_b:hover {}


/* =Blog =post
-------------------------------------------------------------- */
.post {
	border-bottom: 1px dashed #777c82;
	padding-bottom: 0
	}

.post a:hover {/*text-decoration: none;*/}

.post .title {
	color: #fff;
	font-size: 30px;
	}

.post .title a {
	color: #333;
	text-decoration: none;
	font-weight: bold
	}

.post a.textlink:hover {text-decoration: none;}


/* =sub */
.post .sub {
	font-size: 11px;
	color: #333;
	margin-bottom: 15px
	}

/* =tag_bg =skins */
.sub .tag_bg {
	background: url(/images/lab_GUI_1_0.png) -503px -52px no-repeat; /* Light -dev */
	padding-bottom: 5px;
	padding-left: 30px;
	text-indent: -9999px;
	width: 30px
	}

.post .thumb {
	width: 640px;
	height: 300px;
	padding: 0;
	border: 1px solid #000;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	}

.postdate {
	float: right;
	font-size: 18px;
	color: #333; /* Standard dev */
	}

h3.title {margin-bottom: 20px;}

h3.title_box {
	margin-bottom: 20px;
	color: #777c82;
	font-size: 18px
	}



/* =Project =left_col_portfolio_single 
-------------------------------------------------------------- */	
figure.boite{
	margin-top:-7px;
	margin-bottom:20px;
}

h4.project_title {text-transform: uppercase}

.flag {border:0}

#project_right_col.grid_8 {
	width: 640px;
	margin: 0;
	padding: 0;
	margin-left: 30px;

	}

.project.grid_12 {
	margin: 0;
	padding: 0;
	width: 1020px
	}

.text-project {
	font-size: 12px;
	color: #777c82
	}

#left_col_portfolio_single {
	margin-left: 30px;
	margin-right: 10px;
	width: 280px
	}

#left_col_portfolio_single h4{
	color:#0098d7;
}

ul.project_info {
	margin-left: -20px;
	margin-top: 0;
	}

ul.project_info li.title {
	font-weight: bold;
	list-style: none;
	}

ul.project_info li.info {
	list-style: none;
	margin-bottom: 0px;
	}
	

ul.project_info li {

	}

p.text_project {margin-top: 10px}

.project_buttons {
	padding-top: 20px;
	border-top: 1px solid #ccc;
	}





/* =Comments
-------------------------------------------------------------- */	
.comment {background: #f9f9f9}

.commentlist {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	float:left;
	width: 100%;
	overflow:hidden;
	
	}

.commentlist li {
	width: 100%;
	clear: both;
	float: left;
	padding: 20px 0 0 0;
	list-style: none;
	margin: 0;
	position: relative;
	border-top: 1px solid #e5e5e5;
	padding-bottom: 20px;
	margin-bottom:5px;

	}

.gravatar {
	float: left;
	width: 60px;
	padding: 0px 10px 0 0;
	margin-left: 15px;
	text-align: center;
	}

.gravatar img {
	background: #fff;
	display: block;
	padding: 5px; 
	padding-left: none;
	margin-bottom: 10px;
	border: 1px solid #fff;
	}


.comment_content {
	float: left;
	width: 83%;
	}

.commentmetadata {
	float: left;
	font-size: 11px;
	margin-left: 10px;
	color: #777c82
	}

.comment-reply-link {
	text-decoration: none;
	font-size: 10px;
	}

a.comment-reply-link {
	padding: 0;
	}

.author_name {
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	float: left;
	margin-left: 10px;
	font-size: 12px
	}

.author_name a {color: #333;}

.comment_text {
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
	}

 .comment .comment_text p  {
font-size: 13px;
color: #777c82
}
	
.bypostauthor {background: #f9f9f9 url(/images/bypostauthor_BG.png) top right no-repeat;  }
.bypostauthor > div.comment_content  p { color:#0098d7}



.reply{
	margin:0;
	display:block;
	padding-left:5px;
	margin-left:35px;
	min-width:500px;
}

.reply li {
	margin-top:5px;
	border-left: 3px solid #CCC;
}

/* =reply */
.comment-reply-link {
	text-align: center;
	display: block;
	border: 1px solid #ccc;
	background: #ccc; /* because of non-css3 browsers */
	font-size: 11px;
	margin: -3px 0 0 0;
	font-weight: bold;
	padding: 0;
	color: #777c82;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.comment-reply-link:hover {
	border: 1px solid #777c82;
	background: #777c82;
	color: #ccc;
	text-decoration: none
	}


.response h3 {
	font-size: 24px;
	font-style: italic;
	}

.response p {margin-bottom: 0}


	
/* =Contact Form
-------------------------------------------------------------- */
p.error {
	margin-left: 110px;
	margin-top: 10px;
	color: #c00;
	font-size: 11px
	}

h3.form_title {padding-top: 20px}

#mail_success {
	margin-top: 20px;
	padding-left: 110px;
	}

#contact_form ul {
	float: left;
	list-style: none;
	margin: 0;
	width: 100%;
	border-top: 1px dotted #777c82;
	padding-top: 20px;
	padding-bottom: 20px;
	}

#contact_form ul li {
	margin: 10px 0;
	list-style: none;
	position: relative;
	clear: both;
	}

#contact_form label {
	line-height: 35px;
	width: 100px;
	text-align: left;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	}

.sendButton {
	color: #333;
	border: 1px solid #777c82;
	background: #f1f1f1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#dddddd); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#dddddd)"; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ddd); /* for firefox 3.6+ */
	font-size: 13px;
	margin: 20px 0 0 110px;
	font-weight: bold;
	padding: 10px 20px;
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer
	}

.sendButton:hover {
	color: #fff;
	border: 1px solid #333;
	background: #333;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#333333,endColorStr=#333333); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#333333,endColorStr=#333333)"; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333333,  #333333); /* for firefox 3.6+ */
	text-decoration: none
	}


#contact_form input#name:focus,
#contact_form input#email:focus,
#contact_form input#subject:focus,
#contact_form textarea:focus {
	background: #fff
	}

#contact_form input#name,
#contact_form input#email,
#contact_form input#subject,
#contact_form textarea {
	float: left;
	padding: 8px;
	border: 1px solid #777c82;
	margin-left: 0;
	background: #f9f9f9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	}

#contact_form input#name,
#contact_form input#email,
#contact_form input#subject {width: 400px;}

#contact_form textarea {
	width: 500px;
	height: 150px;
	resize: none;
	}

#contact_form input.textlink {float: right;}



/* =Comments form
-------------------------------------------------------------- */
#comment_form ul {float: left;}

#comment_form ul li {
	margin: 10px 0;
	list-style: none; 
	position: relative;
	clear: both;
	}

#comment_form label {
	line-height: 35px;
	width: 100px;
	text-align: left;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	}

#comment_form input,
#comment_form textarea {
	float: left;
	padding: 8px;
	border: 1px solid #777c82;
	margin-left: 0;
	background: #f9f9f9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	}

#comment_form input#name:focus,
#comment_form input#email:focus,
#comment_form input#subject:focus,
#comment_form textarea:focus {
	background: #e5f7ff
	}

#comment_form input {width: 400px;}

#comment_form textarea {
	width: 500px;
	height: 150px;
	resize: none;
	}

#comment_form h3 {font-size: 21px}


/* =Contact Page Sidebar
-------------------------------------------------------------- */
.contact ul {list-style: none;}
.contact li {margin: 0;}


/* =Footer
-------------------------------------------------------------- */
.footer {
	width: 960px;
	color: #44484e;
	padding: 20px 30px;
	margin: 0;
	background: #d6d9dd;
	}

.footer p {
	font-size: 11px;
	border-top: 1px dotted #777c82;
	padding: 30px 0;
	}

.footer a {color: #777c82;}

.footer a.toplink {
	color: #777c82;
	text-decoration: none;
	}

.footer a.toplink:hover {
	color: #111;
	text-decoration: none;
	background: #777c82
	}

/*BOTTOM BAR*/
.bottomBar {
position: fixed; bottom:0;  background: #272727; width:1000px; height:auto; z-index:9999999;font-size:11px; text-align:center; color:#333;
padding:10px;
}


.bottomBar  a {
	text-decoration: none;
	color: #15ADFF;
	cursor:pointer;
}

.bottomBar  a:hover {
	color: white;
}

	



/* THE END */
/* Global Styles =body =skins
-------------------------------------------------------------- */
body {background: #8fd7fe url(/images/lab-bg-space.jpg) top center no-repeat;}
/* =tag_bg =skins */
.sub .tag_bg {background: url(../images/lab_GUI_1_0.png) -503px -92px no-repeat; /* Blue */}
/* .catlink =skins */
.catlink:hover {background: #004071; /* Blue */}
/* .textlinkcolor =skins */
.post a.textlinkcolor {color: #004071}
/* =cs-buttons =skins */
.cs-buttons a:hover,
.cs-buttons a.cs-active {background: transparent url(/images/lab_GUI_1_0.png) -10px -290px no-repeat;}

#comment_form label.errorbox {color: #F00; width:500px; margin:0px; padding:0px; clear:both; margin-left:110px;}