/* CSS Document */
/* CLEARFIX */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
.clearfix {
	display:inline-block;}
	/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*div {border:1px solid red;}*/


/* LAYOUT */
#doc {
	border: 1px solid #718EA5;	
	margin-top: 10px;
	font: normal 85% Tahoma;
	color: #333333;
	width:750px;
}
#hd {
	border-bottom: 1px solid #999999;
}
#bd {
	background:#FFFFFF url(images/sidebar.gif) top left repeat-y;
}
#bd #sidebar {
	background: #999999;
}
#bd #yui-main {
	border-top: 12px solid #EEEEEE;
	margin-bottom:10px;
}
#ft {
	background:url(images/bottom_divider.gif) repeat-x top;
	padding: 18px 5px 0 5px;
}
#doc #bd #yui-main .yui-b {
	margin-right: 10px;
}



/* HIERARCHICAL MENU */
#menu {
}

#menu ul, #menu ul ul, #menu ul ul ul {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style-type: none;	
	background: #999999;
}

#menu ul { padding-left: 0px; }

#menu li {
	margin:0;
	padding:0;
	list-style-type:none;	
	border:1px solid #999999;
}

#menu li a, #menu li li a, #menu li li li a {
	display:block;
	border-left: 5px solid #FFFFFF;
	padding:1px 0 1px 5px;
	margin-top:1px;
	font:12px Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom: 1px solid #BBBBBB;
}
#menu li li a { 
	border-left: 5px solid #FFFF99;
}
#menu li li li a { 
	border-left: 5px solid #FFCC33;
}

#menu li a:hover {
	background: #777777;
}

#menu li a.menuactive {
	background: #718EA5;
	font-weight:bold;
}

/* FLEXBLOCK */
.flexblock {
	margin-top:10px;
}

.flexblock a.flexblock_heading {
	display:block;
	font:bold 100% Tahoma;
	padding: 2px 8px 2px 23px;
	cursor: pointer;
	background: #EEEEEE url(images/flex_arrow_open.gif) left center no-repeat;
	border-top: 1px solid #718EA5;
}

.flexblock div.flexblock_body {
	margin-top:5px;
	margin-bottom:5px;
}

.collapsed a.flexblock_heading  {
	background: #EEEEEE url(images/flex_arrow_shut.gif) left center no-repeat;
	border-top: 1px solid #CCCCCC;
}

.collapsed div.flexblock_body  {
	display:none;
}

#flexblock_mode {
	margin:5px;
	background:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#flexblock_mode .flexblock_body a {
	display:block;
	height:17px;
	padding-left:25px;
	border-left: 5px solid #FFFFFF;
	margin-bottom:2px;
}
#flexblock_mode .flexblock_body a#all:hover, #flexblock_mode .flexblock_body a#one:hover, #flexblock_mode .flexblock_body a#none:hover {
	background-position:0 -17px;
}
#flexblock_mode .flexblock_body a#all.selected, #flexblock_mode .flexblock_body a#one.selected, #flexblock_mode .flexblock_body a#none.selected {
	border-left:solid 5px #999999;	
	background-position:0 -17px;
}
#flexblock_mode .flexblock_body a#all {
	background:url(images/show_all.gif) 0 0 no-repeat;
}
#flexblock_mode .flexblock_body a#one {
	background:url(images/show_one.gif) 0 0  no-repeat;
}
#flexblock_mode .flexblock_body a#none {
	background:url(images/show_none.gif) 0 0  no-repeat;
}

/* GENERAL PRESENTATION */
a {
	color: #3B5998;
	text-decoration: none;
}
a:hover {
	background-color:#EEEEEE;
}
p {
	margin-bottom:.5em;
}
h1 {
	font: normal 160% "Trebuchet MS";
	color: #718EA5;
	margin-bottom:.3em;
}
ul {
	list-style:square;
	margin-left:13px;
}



/* MODULES */

/* project module  */
img.project {
	clear:both;
	padding:3px;
	border:1px solid #999999;
	float:left;
	margin:1px 8px 3px 0;
}
h2.project a {
	font: 100% "Trebuchet MS";
	color: #3B5998;
	padding-left:20px;
}
h2 span {
	font: 80% Verdana;
	color: #666666;
}
h2.smartcms a {
	background:url(userimages/SmartCMS_tiny.gif) center left no-repeat;
}
h2.smartstore a {
	background:url(userimages/SmartStore_tiny.gif) center left no-repeat;
}
h2.custom a {
	background:url(images/Custom_tiny.gif) center left no-repeat;
}
h2.smartcms_text {
	padding-left:83px;
	background:url(userimages/SmartCMS_15pt.gif) center left no-repeat;
}
h2.smartstore_text {
	padding-left:90px;
	background:url(userimages/SmartStore_15pt.gif) center left no-repeat;
}



/* product module */
img.product {
	padding:3px;
	border:1px solid #999999;
	float:left;
	margin:1px 8px 3px 0;
}
h2.product {
	font: 100% "Trebuchet MS";
	color: #3B5998;
	margin:5px 3px 0 70px;
}
h3.product {
	font: bold 120% 'Trebuchet MS';
	color:#666666;
	margin:0 0 3px 0;
}
h3.product span {
	font: 70% Tahoma;
	color:#FF6600;
}


/* news module */
h2.newsitem, h2.newsitem a {
	font: 100% "Trebuchet MS";
	color: #3B5998;
	border-bottom:1px solid #999999;
}
h2.newsitem span.date {
	font: bold 78% Tahoma;
	color:#777777;
}

/* horizontal menu */
#menu_home {
	padding-left:14px;
	background:url(images/home.gif) center left no-repeat;
}
#menu_contact {
	padding-left:14px;
	background:url(images/contact.gif) center left no-repeat;
}
#menu_sitemap {
	padding-left:14px;
	background:url(images/sitemap.gif) center left no-repeat;
}
#menu_login {
	padding-left:14px;
	background:url(images/login.gif) center left no-repeat;
}
#hd #horizontal_menu {
	float:right;
	text-align:right;
	margin:0px 5px 3px 5px;
}
#hd #horizontal_menu, #hd #horizontal_menu a {
	color:#000000;
	font: normal 92% Verdana;
}
#hd #horizontal_menu a:hover {
	background-color: #EEEEEE;
}
#hd #horizontal_menu form {
	display:inline;
	margin:0;
	line-height:11px;
	height:13px;
}
#search {
	background:url(images/search.gif) center left no-repeat;
	width:64px;
	height:11px;
	line-height:12px;
	padding-left: 14px;
	margin-bottom:2px;
	border:1px solid #999999;
}
#search_button {
}

#hd #logged_in {
	float:left;
	color:#000000;
	font: normal 92% Verdana;
	margin-left:5px;
}

/* left menu flexblock */
#navigate {
	margin:5px;
}

/* gallery */
.edit { font-size: 9pt; font-family: "MS Sans Serif", Geneva, sans-serif; padding-top: 3px;}
.edit a { border: 1px solid white; padding: 3px; }
.edit a:hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background-color: #ffc; }
.edit a img { border: 0 none; vertical-align: bottom; }

/* administration panel */
.administration_panel {
	margin:5px 0;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px; 
}

/* FOOTER */

#created_by {
	float:left;
}
#powered_by {
	float:right;
}

#iframe
{
  border:1px solid #ccc;
  width: 100%;
  height:600px;
}#doc #hd h1 {
	text-indent: -9999px;
	position: absolute;
}