/* @nom du site : UchronikArt */
/* @version du site : 4.0 */
/* @nom de l'auteur : Yoan Martoglio */
/* @email de l'auteur : contact@uchronikart.fr */
/* -----------------------------------------------------------------*/
/* Font-Face -------------------------------------------------------*/
@font-face {
font-family: 'Lobster13Regular';
src: url('../fonts/Lobster_1.3-webfont.eot');
src: url('../fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Lobster_1.3-webfont.woff') format('woff'), url('../fonts/Lobster_1.3-webfont.ttf') format('truetype'), url('../fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuRegular';
src: url('../fonts/Ubuntu-Regular-webfont.eot');
src: url('../fonts/Ubuntu-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-Regular-webfont.woff') format('woff'), url('../fonts/Ubuntu-Regular-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-Regular-webfont.svg#UbuntuRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuItalic';
src: url('../fonts/Ubuntu-Italic-webfont.eot');
src: url('../fonts/Ubuntu-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-Italic-webfont.woff') format('woff'), url('../fonts/Ubuntu-Italic-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-Italic-webfont.svg#UbuntuItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuBold';
src: url('../fonts/Ubuntu-Bold-webfont.eot');
src: url('../fonts/Ubuntu-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-Bold-webfont.woff') format('woff'), url('../fonts/Ubuntu-Bold-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-Bold-webfont.svg#UbuntuBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuBoldItalic';
src: url('../fonts/Ubuntu-BoldItalic-webfont.eot');
src: url('../fonts/Ubuntu-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-BoldItalic-webfont.woff') format('woff'), url('../fonts/Ubuntu-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-BoldItalic-webfont.svg#UbuntuBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuLight';
src: url('../fonts/Ubuntu-Light-webfont.eot');
src: url('../fonts/Ubuntu-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-Light-webfont.woff') format('woff'), url('../fonts/Ubuntu-Light-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-Light-webfont.svg#UbuntuLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuLightItalic';
src: url('../fonts/Ubuntu-LightItalic-webfont.eot');
src: url('../fonts/Ubuntu-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-LightItalic-webfont.woff') format('woff'), url('../fonts/Ubuntu-LightItalic-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-LightItalic-webfont.svg#UbuntuLightItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuMedium';
src: url('../fonts/Ubuntu-Medium-webfont.eot');
src: url('../fonts/Ubuntu-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-Medium-webfont.woff') format('woff'), url('../fonts/Ubuntu-Medium-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-Medium-webfont.svg#UbuntuMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuMediumItalic';
src: url('../fonts/Ubuntu-MediumItalic-webfont.eot');
src: url('../fonts/Ubuntu-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-MediumItalic-webfont.woff') format('woff'), url('../fonts/Ubuntu-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-MediumItalic-webfont.svg#UbuntuMediumItalic') format('svg');
 font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SlingNormal';
src: url('../fonts/Sling-webfont.eot');
src: url('../fonts/Sling-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Sling-webfont.woff') format('woff'), url('../fonts/Sling-webfont.ttf') format('truetype'), url('../fonts/Sling-webfont.svg#SlingNormal') format('svg');
font-weight: normal;
font-style: normal;
}
 @font-face {
font-family: 'SlingLight';
src: url('../fonts/SlingLight-webfont.eot');
src: url('../fonts/SlingLight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SlingLight-webfont.woff') format('woff'), url('../fonts/SlingLight-webfont.ttf') format('truetype'), url('../fonts/SlingLight-webfont.svg#SlingLight') format('svg');
font-weight: normal;
font-style: normal;
}
 @font-face {
font-family: 'SlingBold';
src: url('../fonts/SlingBold-webfont.eot');
src: url('../fonts/SlingBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SlingBold-webfont.woff') format('woff'), url('../fonts/SlingBold-webfont.ttf') format('truetype'), url('../fonts/SlingBold-webfont.svg#SlingBold') format('svg');
font-weight: normal;
font-style: normal;
}
/* -----------------------------------------------------------------*/
/* GENERAL -------------------------------------------------------*/
body, div, ul, ol, li, th, h1 { margin:0; padding:0; }
/* -----------------------------------------------------------------*/
/* STRUCTURE -------------------------------------------------------*/
html { font-size: 100%; height: 100%; }
body { height: 100%; background-color: #b1b1aa; }
#header-wrapper { width: 100%; height: 151px; position:fixed; z-index: 900; left: 0; top:0; background: transparent url('../images/images.png') repeat-x 50% -318px; }
#header { margin:0 auto; padding:0; width: 100%;  height: 151px; }
#header_titre { text-align: right; margin:0 auto; padding:20px 0 0 0; width:960px; height:61px; }
#header_titre a { text-align: right; float:right; display:block; width:590px; height:50px; }
#corps { width: 100%; margin: 0 auto; height:100%; background: transparent url('../images/content.png') repeat top center; /*background-color:#f2f2f2;*/ }
#contenu { width: 960px; margin: 0 auto; padding: 150px 0 120px 0; height:100%; }
#contenu li { line-height: 1.5; }
#contenu1 { z-index:100; }
#options { width:100%; margin: 15px 0; }
#footer { width: 100%; margin: 0 auto; height: 300px; background-color: #161818; position:relative; background: red url('../images/images.png') repeat-x 50% -62px; }
#footera, #footerb, #footerc, #footerd { vertical-align: top; float: left; height: 45px; border-right: dotted #111222 2px; }
#footera, #footerb { margin: 10px 0 0 10px; padding: 5px 10px 0 5px; }
#footerc, #footerd { margin: 5px 0 5px 20px; padding: 0 20px 0 0; }
#footer-2 { width: 100%; margin: 0 auto; height: 251px; text-align: left; z-index:900; }
.article-accueil h1 + a + p { margin: 0 450px 50px 0; }
div.article-accueil, div.article { margin: 0 0 50px 0; padding: 0; display: block; position: relative; }
div.article-accueil-2col, div.article-2col { margin: 30px 0 0 0; padding: 30px 0 0 0; }
div.article-accueil-2col { border-top: dashed #bbbbbb 1px; }
div.article-2col + div.article-2col { border-top: dashed #bbbbbb 1px; }
.article-accueil-2col div, .article-2col div { width: 425px; margin: 0; padding: 0 0 0 50px; display:inline-block; vertical-align:top; }
div.article-accueil-2col div:first-child, div.article-2col div:first-child { margin: 0; padding: 0 50px 0 0; border-right: dashed #bbbbbb 1px; width:429px; }
.article-accueil-2col div h2, .article-accueil-2col div p, .article-accueil-2col div ul, .article-2col div h2, .article-2col div h3, .article-2col div h4, .article-2col div h5, .article-2col div p, .article-2col div ul { margin-left: 15px; }
.article-accueil-2col ul li p { margin-left:0; margin-right:0; }
.article-accueil-2col ul { margin-right:0; }
#header_menu { font-size:0.8em; margin:0 auto 3px auto; padding:0; height:67px; width:960px; text-align:left; font-family: 'Lobster13Regular'; }
/* -----------------------------------------------------------------*/
/* Tooltip ---------------------------------------------------------*/
#dynatip { display:none; background: transparent url('../images/global_tooltips.png') no-repeat center bottom; font-size:12px; height:110px; width:140px; padding:35px 40px 30px 40px; color:#fff; text-align:center; position:relative; z-index:999; }
#dynatip.bottom { background:transparent url('../images/global_tooltips.png') no-repeat center top; border:0; cursor:pointer; margin:0 8px; height:95px; width:140px; padding: 70px 40px 10px 40px; vertical-align: middle; text-align:center; }
/* -----------------------------------------------------------------*/
/* Menu footer -----------------------------------------------------*/
#footera ul { margin: 0; }
#footera li { font-weight: normal; display: inline; text-align: center; }
#menu-img-footer { position:absolute; bottom:0; }
/* Each individual menu item fixed to the bottom with display:inline-block to create elasticity */  
.menu-img-footer-img { position:relative; bottom:5px; display:inline-block; margin-right:10px; }
/* -----------------------------------------------------------------*/
/* TYPO ------------------------------------------------------------*/
element.style { font-size: inherit; }
body { color: #000000; }
#global { font-size:0.85em; font-family: 'UbuntuRegular'; }
#footer { color: #444444; font-size: 11px; }
.article, .article-accueil { text-align:justify; }
.rightside { font-size: 0.9em; }
.rightside2 { font-size:0.8em; }
/* Titres ----------------------------------------------------------*/
h1 { margin:1em 0 1em 0; }
h2 { margin:1em 0 1em 0; }
h3 { margin: 1em 0 1em 0; }
h4, h5, h6 { margin: 1em 0 1em 0; }
h2 { line-height: 1.2em; }
h3, h4, h5, h6 { line-height: 1.1; }
h1 { font-size: 1.9em; color: #000000; font-weight: bold; line-height: 1.5em; text-align: center; font-family: 'Lobster13Regular'; border-bottom:solid 2px #9A8F76; }
h2 { font-size: 1.7em; color: #000000; font-weight: normal; font-family: 'Lobster13Regular'; }
h3 { font-size: 1.5em; color: #000000; font-family: 'Lobster13Regular'; }
h4 { font-size: 1.2em; color: #9A8F76; font-variant: small-caps; font-weight: lighter; font-family: 'UbuntuRegular'; }
h5 { font-size: 1.1em; color: #9A8F76; text-transform: uppercase; font-weight: bold; font-family: 'UbuntuRegular'; }
h6 { font-size: 1em; color: #000000; font-family: 'UbuntuRegular'; }
/* Lettrines ---------------------------------------------*/
.dropcap { float: left; font-size: 5em; line-height: 0.9em; padding: 0 5px 0 0; }
.drop:first-letter { color: #EEEEDA; float: left; font-size: 4em; font-weight: bold; margin: 0.1em 0.4em 0em 0em; padding: 0.5em; }
.article h1 + p:first-letter, .article h1 + h2 + p:first-letter, .article-accueil h1 + a + p:first-letter, .article-2col div > p:first-letter { color: #000000; float: left; font-size: 4em; font-weight: bold; margin: 0.1em 0.2em 5px 0; padding: 0; text-transform: uppercase; text-align: center; line-height:0.8em; font-family: 'Lobster13Regular'; }
.article h1 + p:first-letter:after, .article h1 + h2 + p:first-letter:after, .article-accueil h1 + a + p:first-letter:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Listes --------------------------------------------------*/
ul, ol { padding: 0; }
ul { list-style-type: square; list-style-type: none; }
#flowpanes li, #services li, .portfolio-pan li, .article-accueil li { margin: 0; padding: 0 0 0 25px; background: transparent url('../images/puce-rouge.png') no-repeat 0 0; color: #CC0000; }
#flowpanes p, #services p, .article-accueil li p { color:#666666; }
/* Paragraphes ------------------------------------------------*/
p { margin: 0 0 1em 0; line-height:1.5em; }
li p, blockquote p { margin: 0; }
/* -----------------------------------------------------------------*/
/* Citations ---------------------------------------------------*/
blockquote, q { font-size: 1.1em; font-style: italic; }
blockquote { margin: .75em 0 .75em 24px; }
cite { font-style: italic; }
/* -----------------------------------------------------------------*/
/* Liens -----------------------------------------------------------*/
a:link, a:active, a:visited { color: #9A8F76; text-decoration: none; outline: none #000000 0px; }
a:hover, a:focus, #footer a:hover, #footer a:focus { color: #FF0000; text-decoration:underline; }
a img, a canvas { border: none; }
.navigation-top li a, .navigation-top li a:link, .navigation-top li a:active, .navigation-top li.activ-nav a { padding: 0 0 10px 0; display: block; text-decoration: none; text-align:center; color:#FFFFFF; }
.navigation-top li a:hover, .navigation-top li a:visited, .navigation-top li:hover, .navigation-top li:visited { text-decoration: none; }
.navigation-top li a:hover, .navigation-top li:hover, {
color:#CC0000;
}
#nav-bas { text-align: center; }
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs span, #nav-bas, #nav-bas a, #nav-bas a:link, #nav-bas a:active, #nav-bas span { color: #9A8F76; text-transform:uppercase; }
#breadcrumbs, #nav-bas { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs span, #nav-bas a, #nav-bas a:link, #nav-bas a:active, #nav-bas span { font-size: 0.8em; }
#breadcrumbs a:hover, #nav-bas a:hover { color: #ff0000; }
#breadcrumbs span.active, #nav-bas span.active { color: #555555; }
#footer a { color: #92a553; }
#footera a, #footerb a { font-weight: normal; }
/* Divers éléments de type en-ligne ------------------------------*/
em { font-style: italic; }
strong { font-weight: 400; font-family: 'UbuntuBold'; }
h4 strong { font-weight: bold; }
/* -----------------------------------------------------------------*/
/* Separateur ------------------------------------------------------*/
hr { }
.article-hr hr { border: none; margin:10px 0; background: #000000 url(none) repeat center center; height:5px; }
/*Paragraphe Colonne gauche ----------------------------------------*/
.colonne-gauche { float: left; width: 550px; margin: 0; padding: 0; }
.colonne-gauche p { font-size: 1em; line-height: 1.5em; }
/* Portfolio -------------------------------------------------------*/
.portfolio h2 { margin:50px 0 20px 0; font-size: 2em; color: #000000; border-bottom:1px dashed #000000; font-weight: bold; line-height: 1.8; }
.portfolio img { border: solid #ffffff 2px; }
/* Slide show pages services ---------------------------------------*/
#wrapper-slider { margin:0 auto; padding:0; position:relative; padding: 0 70px; }
#flowtabs { height:50px !important; margin:0 50px 30px 50px!important; padding:0; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px; }
#flowtabs li { float:left; margin:0; padding:0; text-indent:0; list-style-type:none; text-align:center; }
#flowtabs a { display:block; height: 50px; width: 140px; padding:0px; margin:0px; line-height:33px; }
#flowtabs a:hover { color:#95c119; }
#flowtabs a.current { cursor:default; color:#95c119; line-height:34px; }
#flowpanes, #services { height:450px; margin: 0 auto; }
#flowpanes div { display:none; }
#flowpanes div.narrow { padding-right:160px; }
#flowpanes, #services { position:relative; overflow:hidden; clear:both; }
#flowpanes div, #services div { float:left; display:block; cursor:pointer; }
#flowpanes div.content_block, #services div.content_block { position:relative; overflow:hidden; clear:both; width:650px; margin: 0 50px; }
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0 auto; padding:0; }
#wrapper-slider .prev, #wrapper-slider .next { display:block; width:75px; height:250px; text-indent:-10000px; position:absolute; cursor: pointer; }
#rightControl, span#leftControl { top:50; background:transparent url(../images/btn-slideshow.png) no-repeat; }
#leftControl { background-position:left top; left:0; }
#rightControl { background-position:right top; right:0; }
span:hover#leftControl { background-position:left bottom; }
span:hover#rightControl { background-position:right bottom; }
.float-gauche { float:left; width:45%; margin: 0 25px 0 0; }
.float-droite { float:right; width:45%; margin: 40px 0 0 25px; }
/* -----------------------------------------------------------------*/
/* Formulaire d'envoi de mail --------------------------------------*/
#contact { margin-right:25px;}
#contactable { background:transparent url("../images/4.png") no-repeat -60px -110px; cursor:pointer; height:40px; text-indent:-100000px; width:55px; z-index:100000; }
#contactForm { color:#FFFFFF; height:410px; margin:0 auto; overflow:hidden; position:absolute; bottom:-460px; width:360px; z-index:99; right: 25px; background: transparent url(../images/contact-bg.png) no-repeat center center; }
#contactForm input, #contactForm textarea { background:#FFFFFF none repeat scroll 0 0; outline-style:none; outline-width:medium; width:275px; padding:3px; border:1px solid #dfdfdf; font-size:1em; margin-bottom:3px; }
#contactForm .submit { background: #95C119 none repeat scroll 0 0; outline-style: none; outline-width: medium; width: 275px; padding: 2px; border: 1px solid #000000; font-size:1em; cursor: pointer; color: #FFF; text-transform: uppercase; font-weight: bolder; margin: 0; }
#contactForm p { width:275px; font-size:0.9em; }
#contactForm .red { color:#eeeeda; }
#overlay { background-color:#666666; display:none; height:100%; left:0; margin:0; padding:0; position:absolute; top:0; width:100%; z-index:0; }
.error, #name.error, #email.error, #comment.error { background-color: #cccccc; }
#contactForm #loading { background: url(../images/ajax-loader.gif) no-repeat; width:55px; height:55px; margin: 100px auto; display:none; }
#callback { font-family: georgia; font-size:1.1em; color: #eeeeda; width:325px; margin: 100px auto; display:none; }
.holder { margin:0 auto; padding-top:20px; padding-left:40px; }
/* -----------------------------------------------------------------*/
/* Menu JQUERY --------------------------------------*/
ul.navigation-top { margin:0; padding:10px 0 0 0; list-style: none; font-size:1.5em; width:100%; }
ul.navigation-top a { text-decoration:none; outline:none; }
ul.navigation-top li { float:left; width:170px; height:55px; position:relative; cursor:pointer; line-height: 1.4em; }
ul.navigation-top li > a { position:absolute; top:0px; left:0px; width:170px; height:45px; z-index:12;/*background:transparent url("../images/overlay.png") no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;*/
}
ul.navigation-top li a img { border:none; position:absolute; width:0px; height:0px; bottom:0px; left:35px; z-index:100;/*-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;*/
}
ul.navigation-top li span.sdt_wrap { position:absolute; top:10px; left:0px; width:170px; height:10px; z-index:15; }
ul.navigation-top li span.sdt_active { position:absolute; background:#111; top:55px; width:170px; height:0px; left:0px; z-index:14; -moz-box-shadow:0px 0px 4px #000 inset; -webkit-box-shadow:0px 0px 4px #000 inset; box-shadow:0px 0px 4px #000 inset; }
ul.navigation-top li span span.sdt_link, ul.navigation-top li span span.sdt_descr, ul.navigation-top li div.sdt_box a { margin-left:15px; text-shadow:1px 1px 1px #000; }
ul.navigation-top li span span.sdt_link { color:#fff; font-size:1.5em; float:left; clear:both; }
ul.navigation-top li span span.sdt_descr { color:#FFCC00; float:left; clear:both; width:155px; /*For dumbass IE7*/ font-size:0.8em; letter-spacing:1px; font-family: 'UbuntuRegular';}
ul.navigation-top li div.sdt_box { display:block; position:absolute; width:170px; overflow:hidden; height:130px; top:55px; left:0px; display:none; background:#000; }
ul.navigation-top li div.sdt_box a { float:left; clear:both; line-height:30px; color:#FFCC00; font-size:1.1em; }
ul.navigation-top li div.sdt_box a:first-child { margin-top:15px; }
ul.navigation-top li div.sdt_box a:hover { color:#fff; }
/* -----------------------------------------------------------------*/
/* Toolbar footer --------------------------------------------------*/
div#toolbar, div#toolbarbut { font-family: Verdana, Arial, Helvetica, sans-serif; position: fixed; /* set fixed position for the bar */ bottom: 0px; right: 0px; z-index: 9999; /* keep the bar on top  */ height: 45px; background: url("../images/bcktool.png"); /* CSS3 */
  -moz-border-radius-topleft: 8px; -khtml-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -khtml-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */ -khtml-box-shadow: 0px 1px 10px #666; -webkit-box-shadow: 0px 1px 10px #666; /* CSS3 end */
	border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; }
div#toolbar { width: 85%; min-width: 700px; /* to limit the width when an excessive window resize */ margin: 0px auto; /* centered toolbar */ left: 0px; }
div#toolbarbut { /* div for the 'hide status' */ width: 60px; height: 25px; margin-right: 3%; display: none; }
span.showbar a { /* show button */ padding: 5px; font-size: 10px; color: #333333; }
.leftside { float: left; }
.rightside, .rightside2 { float: right; }
.rightside2 { margin:0 20px 0 0; }
.rightside2 div { display:inline-block; }
/*-- Left Side --*/

ul#social li { display: inline; }
a.rss { display: inline-block; width: 104px; height: 44px; margin-left: 5px; background: transparent url("../images/images.png") no-repeat -1616px -15px; }
a.facebook, a.twitter, a.digg, a.delicious, a.stumble { display: inline-block; width: 40px; height: 44px; margin-left: 1px; }
a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover { margin:0 0 0 2px; width: 39px;/* simple css hover effect */ }
a.rss:hover { margin:0 0 0 6px; padding: 0; width: 103px;/* simple css hover effect */ }
a.facebook { background:transparent url("../images/images.png") no-repeat -1720px -15px; }
a.twitter { background:transparent url("../images/images.png") no-repeat -1760px -15px; }
a.delicious { background:transparent url("../images/images.png") no-repeat -1800px -15px; }
a.digg { background:transparent url("../images/images.png") no-repeat -1840px -15px; }
a.stumble { background:transparent url("../images/images.png") no-repeat -1880px -15px; }
.tip { position: absolute; /* important */ top: -75px; width: 250px; height: 78px; background:transparent url("../images/tip.png") no-repeat; float: left; display: none; }
/* custom distances for the icons */
#tipfacebook { left: 75px; }
#tiptwitter { left: 120px; }
#tipdelicious { left: 165px; }
#tipdigg { left: 210px; }
#tipstumble { left: 255px; }
.tip ul { padding: 22px 0 0 25px; }
.tip ul li { display: inline; padding-left: 3px; }
.tip ul li a { font-size: 18px; color: #989898; }
.tip ul li a:hover { color: #666; }
.tip ul li small { font-size: 10px; }
/*-- Right Side --*/

span.downarr { /* hide button */ float: right; border-left: 1px solid #a4a4a4; }
span.downarr a { display: block; width: 45px; height: 36px; padding: 25px 0 0 10px; background: url("../images/downarrow.png") no-repeat 5px 7px; }
span.menu_title { background: #e4e4e4; border-left: 1px solid #a4a4a4; padding: 10px; height:44px; width:150px; display:block; text-align:center; }
span.menu_title a { font-size: 16px; line-height: 34px; color: #9a9a9a; }
.quickmenu { position: absolute; /* important */ top: -401px; right: 46px; width: 260px; height: 398px; background: #e4e4e4; border-top: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4; /* CSS3 */
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd; -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd; -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd; /* CSS3 end */
  display: none; /* important */ }
.quickmenu ul { padding-top: 20px; }
.quickmenu ul li { border-bottom: 1px solid #989898; padding: 5px 10px; margin: 0 15px 0 15px; }
.quickmenu ul li a { font-size: 1.2em; color: #989898; display: block; }
.quickmenu ul li a:hover { color: #666; }