body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#fff;
}
#top{
/*	background:#f9f9f9 url(../images/topBg.png) repeat-x top left;*/
	background-color: #fefefe;
	width:100%;
	margin:0 0 0px 0;
	padding:0 0 50px 0;
}
#top1{
/*	background:#f9f9f9 url(../images/topBg.png) repeat-x top left;*/
	background-color: #f5f5f5;
	width:100%;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
}
header{
	width:100%;
}

header .column, header .row{
	overflow:visible;
}

/* Open map
=====================================  */
#mapWrapper{
	width:100%;
	padding:0;
	margin:0;
}

#mapWrapper iframe{
	width:100%;
	height:300px;
	margin:0;
	padding:0;
}

.openMap{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.openMap a{
	float:right;
	background: url(../skin/images/openMap.png) no-repeat 0 0;
	width:98px;
	height:98px;
	padding:0;
	margin:0;
	cursor:pointer;	
	color:#fff;
	text-indent:-9999px;
}

.openMap a.active{
	background: url(../skin/images/closeMap.png) no-repeat 0 0;
	padding-top:3px;
	color:#fcfcfc;
}

/* logo
=====================================  */

#logo {
	width:120px;
	height:120px;
	margin-top:32px;
	float:left;
/*    background:url(../images/logo.png) no-repeat top left; */
    background:url(../images/joojoo_logo.png) no-repeat top left;
	border: 5px solid #ffaa00;
	text-indent:-9999px;
}

#logo a {
	display:block;
	height:100%;
	width:100%;
}

/* Social network
=====================================  */

ul.socialNetwork{
	float:right;
	margin:30px 0 0 90px;
	padding:0;
}

ul.socialTeam{
	float:left;
	margin:10px 0 0 0;
	padding:0;
}

ul.socialNetwork li{
	float:left;
	position:relative;
	width:36px;
	height:36px;
	margin:0 0 15px 15px;
	padding:0;
}

ul.socialTeam li{
	margin:0 15px 15px 0;
}

ul.socialNetwork li .socialHover{
	width:36px;
	height:36px;
	position:absolute;
}

#featured{
	width:100%;
}

#featured h1{
	color:#2e2e2e;
	margin-top:20px;
}

#featured h2{
	margin-bottom:0;
}
#featured h3{
	margin-bottom:40px;
}

.sliderArea{
	width:100%;
	margin:30px 0 0 0;
	padding:0;
}


.sliderArea ul{
	margin:0;
	padding:0;
}

.sliderArea ul li{
	margin:0;
	padding:0;
}


.bigSlider{
	float:left;
	background:url(../images/slider/big-bg.png) no-repeat top left;
	width:100%;
	height:498px;
}

.bigSlider-wrapp{
	float:left;
	width:664px;
	height:490px;
	padding:0;
	margin:20px 0 0 131px;
}

.middleSlider{
	background:url(../images/slider/middle-bg.png) no-repeat 0 350px;
	float:left;
	width:100%;
	height:410px;
}

.smallSlider{
	float:left;
	background:url(../images/slider/small-bg.png) no-repeat top left;
	width:100%;
	height:240px;
}

.smallSlider-wrapp{
	float:left;
	width:254px;
	height:240px;
	padding:0;
	margin:17px 0 0 57px;
}

#pageTitle{
	margin:30px 0 0 0;
	width:100%;
}

#pageTitle h2{
	margin-bottom:0;
	line-height:36px;
}

#pageTitle h2 span{
	font-size:20px;
}

/* Search
=============================== */

ul.search li{
	margin:0px 10px 15px 0px;
	padding:0;
	float:left;
}

ul.search li.last{
	margin:0;
}

.searchInput{
	border:1px solid #cbcbcb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fdfdfe;
	color:#4b4d4d;
	text-shadow:0px 1px 1px #fff;
	width:266px;
}

.searchInput:focus{
	border:1px solid #a6a6a6;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	color:#474747;
}

#container{
	width:100%;
	padding-bottom:55px;
}

.middleContain{
	background:#fafafa;
	margin-top:40px;
	padding:10px 0 10px 0;
}

/* Client testimoni
=============================== */

ul.clientTestimoni{
	background:url(../images/testimoniBg.png) repeat-y top right;
	margin:0;
	padding:0;
}
ul.clientTestimoni li{
	padding:0;
	margin:0;
}

ul.clientTestimoni li h4
{
    font-size: 24px;
	font-style:italic;
}

ul.clientTestimoni li p{
	background:url(../images/icons/smallQuote.png) no-repeat 0 0;
	font-family:'georgia', Sans Serif, arial;
	font-style:italic;
	font-size:18px;
	margin-bottom:0;
	padding-left:36px;
	color:#808080;
	text-shadow:0px 1px 1px #fff;
}

/* More testimoni
=====================================  */

ul.moreTestimoni{
	float:left;
	height:auto;
	width:100%;
	overflow:hidden;
	position: relative;
	margin:0;
	padding:0;
}

ul.moreTestimoni li{
	float:left;
	width:100%;
	border-bottom:1px solid #fafafa;
	height:auto;
	margin:0px 0px 30px 0px;
	padding:0px 0 20px 0;
	position: relative;
}

.moreTestimoni h4{
	margin-bottom:0;
}

.moreTestimoni h4 span{
	font-size:18px;
	margin-left:5px;
}

.moreTestimoni span{
	font-style:italic;
	font-family: 'garogierregular';
	font-size:14px;
}

/* Subscript
=============================== */

ul.subscript li{
	margin:0px 10px 15px 0px;
	padding:0;
	float:left;
}

ul.subscript li.last{
	margin:0;
}

.subscriptInput{
	border:1px solid #cbcbcb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fdfdfe;
	color:#4b4d4d;
	text-shadow:0px 1px 1px #fff;
	width:229px;
}

.subscriptInput:focus{
	border:1px solid #a6a6a6;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	color:#474747;
}

.subscriptBtn{
	margin:0px;
	padding:9px 20px 9px 20px;	
	border:none;
	cursor:pointer;
	background:#000;
	color:#fff;
}

.subscriptBtn:hover{
	color:#000;
}

/* Last blog post
=============================== */

ul.lastPost{
	width:100%;
	margin:0;
	padding:0;
}

ul.lastPost li{
	margin:0;
	padding:0;	
}

ul.lastPost li a:hover img{
	opacity: 0.6; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.lastPostMeta{
	float:left;
	width:100%;
	margin:5px 0 10px 0;
	padding:0;
}

.lastPostMeta span{
	margin:0;
	padding:0;	
	font-size:11px;
	color:#959595;
}

span.lastPostdate{
	float:left;
	background:url(../images/icons/small1.png) no-repeat 0 5px;
	padding-left:18px;
}

span.lastPostPosted{
	float:right;
	background:url(../images/icons/small2.png) no-repeat 0 5px;
	padding-left:18px;
}

/* Intro
=====================================  */

#intro{
	background:url(../images/grayLine.png) repeat-x bottom left;
	width:100%;
	text-align:center;
	padding-bottom:30px;
}

/* Line list
=====================================  */

ul.lineList{
	margin:0;
	padding:0;
}

ul.lineList li{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	background:url(../images/grayLine.png) repeat-x bottom left;
	color:#636363;
}

ul.lineList li label{
	font-weight:bold;
	color:#323232;
}

/* Sidebar
=====================================  */

aside{
	float:left;
	width:254px;
}

.sideRight{
	background:url(../images/grayLine.png) repeat-y top left;
	padding-left:34px;
}

.sideLeft{
	background:url(../images/grayLine.png) repeat-y top right;
	padding-right:34px;
}

.sidebarWidget{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.sidebarWidget h4{
	background:url(../images/blackLine.png) no-repeat bottom left;
	border-bottom:1px solid #323232;
	padding:0 0 10px 0;
	margin-bottom:30px;
}

/* Line list
=====================================  */

ul.lineList{
	margin:0;
	padding:0;
}

ul.lineList li{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	background:url(../images/grayLine.png) repeat-x bottom left;
	color:#636363;
}

ul.categories a, ul.linkList a{
	display:block;
}

ul.recentPost a h5{
	line-height:20px;
	margin-bottom:5px;
}

ul.recentPost li{
	padding:0 0 10px 0;
	margin:0px 0px 20px 0px;
}

ul.recentPost li a:hover img{
	opacity: 0.6; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

ul.recentComment h5{
	float:left;
	color:#000;
	margin-bottom:10px;
}

ul.recentComment span{
	float:right;
	font-style:italic;
	font-size:11px;
}

ul.recentComment p a{
	color:#3c4249;
}

ul.recentComment p{
	padding-bottom:0;
}

ul.tagWidget{
	float:left;
}

ul.tagWidget li{
	float:left;
	margin:0px 10px 10px 0px;
	padding:0;
}

ul.tagWidget li a{
	margin:0;
	padding:5px 10px 5px 10px;
	background:#000;
	color:#fff;
}

ul.adsWidget li{
	float:left;
	margin:0 20px 20px 0;
	background:#fff;
	padding:5px 5px 0 5px;
	border:1px solid #cfcfcf;
	-moz-box-shadow: 0 0 3px #f1f1f1;
	-webkit-box-shadow: 0 0 3px#f1f1f1;
	box-shadow: 0 0 3px #f1f1f1;	
}

ul.adsWidget li img:hover{
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}

ul.adsWidget li.omega{
	margin-right:0px;
}

ul.adsWidget li.last{
	margin-bottom:0px;
}

/* Blog article
=====================================  */

article{
	margin:0;
	padding:0;
}

article h3{
	line-height:38px;
	margin-bottom:25px;
}

.metaPost{
	font-size:14px;
}

/* Meta article
=====================================  */

.postDate{
	background:url(../images/datePost.png) no-repeat 0 0;
	width:92px;
	height:92px;
	margin:0 auto;
	text-align:center;
	padding-top:25px;
	text-shadow: 0px 1px 1px #fffff3;
	color:#3c4249;
	font-size:11px;
}

.postDate strong{
	font-family: 'garogierregular';
	font-size:28px;
}

span.postAuthor{
	background:url(../images/icons/postauthor.png) no-repeat 0 0;
	padding-left:25px;
}

span.postCategorie{
	background:url(../images/icons/postCategorie.png) no-repeat 0 0;
	padding-left:25px;
}

span.postComment{
	background:url(../images/icons/postComment.png) no-repeat 0 0;
	padding-left:25px;
}

a.ourTeam{
	float:left;
	background:url(../images/icons/ourTeam.png) no-repeat top center;
	text-align:center;
	padding-top:25px;
	margin-left:30px;
	color:#323232;
}

a.aboutUs{
	float:left;
	background:url(../images/icons/aboutUs.png) no-repeat top center;
	text-align:center;
	padding-top:25px;
	margin-left:30px;
	color:#323232;
}

a.recentProject{
	float:left;
	background:url(../images/icons/recentProject.png) no-repeat top center;
	text-align:center;
	padding-top:25px;
	margin-left:30px;
	color:#323232;
}

/* 
	Pagination
=====================================  */

ul.pagination{
	float:left;
	padding: 0;
	margin-bottom:10px;
}

ul.pagination li{
	float: left;
	margin:0 0 20px 0;
	padding:0;
}

ul.pagination span{
	margin: 0px 5px 0px 5px;
}

ul.pagination a{
	color:#636363;
	border:1px solid #636363;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px 5px 10px;	
}

ul.pagination a.active{
	color:#000;
	border:1px solid #000;
	text-decoration:none;
	cursor:default;
}

ul.pagination a.next{
	margin: 0px 0px 0px 10px;
	border:none;
}

ul.pagination a.prev{
	margin: 0px 10px 0px 0px;
	border:none;
}

/* Comments
=====================================  */

.commentWrapp{
	float:left;
	background:url(../images/grayLine.png) repeat-x  bottom left;
	padding-bottom:30px;
	margin-bottom:30px;
}

.commentWrapp h4{
	margin-bottom:0;
}

.commentWrapp h4 a{
	color:#31383f;
}

.commentWrapp span{
	font-style:italic;
	color:#53575c;
}
	
.avatar{
	float:left;
	margin-right:20px;
}

.reply{
	float:right;
	width:95%;
}
.reply2{
	float:right;
	width:85%;
}

/* Contact and comment form
=====================================  */

ul.listForm{
	margin:15px 0px 0px 0px;
	padding:0 !important;
	list-style:none;
}

ul.listForm li {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

.listForm label {
	float:left;
	width:100%;
	font-weight:normal;
	line-height:1.5em;
	font-size:14px;
	font-family: 'DroidSerifItalic',Arial,sans-serif;	
	color:#323232;
/*	margin-bottom:10px;*/
}

.listForm label span{
	margin:3px 0px 0px 10px;
	font-weight:normal;
	line-height:1.5em;
	font-size:11px;
	color:#6d6d6d;
}

.commentInput, .contactInput, input#email, input#name {
	width:50%;
	border:1px solid #cbcbcb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fdfdfe;
	color:#6d6d6d;
	text-shadow: 0px 1px 1px #fdfeff;
}

.commentTextarea, .contactTextarea, .contactForm textarea{
	height:138px;
	width:90%;
	height:138px;
	border:1px solid #cbcbcb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fdfdfe;
	color:#6d6d6d;
	text-shadow: 0px 1px 1px #fdfeff;	
	font-size:13px;
	font-family: 'Arial', Helvetica, sans-serif;
	color:#c1c1c1;
	text-shadow: 0px 1px 1px #fdfeff;	
}

.commentInput:focus, .contactInput:focus, .commentTextarea:focus, input:focus#email, input:focus#name , .contactTextarea:focus{
	color:#6d6d6d;
	border:1px solid #4c4f54;
}

/* Validation form
=============================== */

.validation {
	display:none;
}

#sendmessage{
	background:url(../images/icons/infobox/success.png) no-repeat 15px center #effff4;
	border:1px solid #60ae78;
	border-left:5px solid #60ae78;
	color:#16783c;
	display:none;
	font-size:12px;
	margin:0 0 15px 0;
	padding:10px 10px 10px 50px;	
}

/* Contact
=====================================  */

iframe.map, img.map{
	width:906px;
	height:334px;
}

span.address{
	background:url(../images/icons/home.png) no-repeat 0 0;
	padding:2px 0 0 25px;
}

span.email{
	background:url(../images/icons/email.png) no-repeat 0 2px;
	padding:0 0 0 25px;
}

span.phone{
	background:url(../images/icons/phone.png) no-repeat 0 0;
	padding:2px 0 0 25px;
}

span.fax{
	background:url(../images/icons/fax.png) no-repeat 0 0;
	padding:0 0 0 25px;
}

/* Portfolio filter
=============================== */

#filter {
	display: block;
	position: relative;
	width:100%;
	float:left;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:1px solid #f1f1f1;
}

#filter li{
	float: left;
	margin:0 1px 0 0;
	padding: 0;
	overflow: hidden;
}

#filter a{
	text-decoration: none;
	display: block;
	outline: none;
	float:left;
	padding:5px 15px 5px 15px;
	color:#6d6d6d;
}

#filter a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}

#filter a:active, #filter .active  a{
	outline:none;
	text-decoration: none;
	display: block;
	background:#000;
	color:#fff;
}

#stage{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

/* Portfolio
=====================================  */

ul.portfolio{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	position: relative;
}

ul.portfolio li{
	float:left;
	height:auto;
	margin:32px 0 0 0;
	padding:0;
	position: relative;
}

.folioFrame{
	position:relative;
	background:#fff;
	border:1px solid #cfcfcf;
	padding:10px;
	-moz-box-shadow: 0 0 3px #f1f1f1;
	-webkit-box-shadow: 0 0 3px#f1f1f1;
	box-shadow: 0 0 3px #f1f1f1;	
}

.folioFrame5{
	padding:5px 5px 0 5px;
}

.folioImage{
	position:relative;
	padding:0;
	margin:0;
	cursor:pointer;
	overflow:hidden;
}

.zoomer{
	background:url(../images/icons/folioZoom.png) no-repeat 0 0;
	position:absolute;
	bottom:-36px;
	right:1px;
	text-indent:-9999px;
	width:49px;
	height:36px;
}

.zoomer:hover{
	background-position: 0 -36px;
}

.detail{
	background:url(../images/icons/folioLink.png) no-repeat 0 0;
	position:absolute;
	bottom:-36px;
	right:51px;
	text-indent:-9999px;
	width:49px;
	height:36px;
}

.detail:hover{
	background-position: 0 -36px;
}


.folioCaption{
	padding:10px;
	margin-top:5px;
	text-align:center;
	background: #fafafa;
}

.folioCaption h4{
	margin-bottom:0;
}

/* our team
=====================================  */

.teamFrame{
	position:relative;
	background:#fff;
	border:1px solid #cfcfcf;
	padding:10px;
	-moz-box-shadow: 0 0 3px #f1f1f1;
	-webkit-box-shadow: 0 0 3px#f1f1f1;
	box-shadow: 0 0 3px #f1f1f1;	
}

.teamWrapp{
	position:relative;
	padding:0;
	margin:0;
	cursor:pointer;
	overflow:hidden;
}

ul.socialTeam{
	margin:10px 0 0 38px;
	padding:0;
}

ul.socialTeam li{
	float:left;
	position:relative;
	width:36px;
	height:36px;
	margin:0 15px 5px 0;
	padding:0;
}

ul.socialTeam li .socialHover{
	width:36px;
	height:36px;
	position:absolute;
}

/* Pricing table
=====================================  */

.box{
	position:relative;
	background:#fff;
	border:1px solid #cfcfcf;
	padding:10px;
	margin:30px 0 0 0;		
}

.popular{
	margin:0;
}

ul.pricing{
	margin:0;
	padding:0;
}

ul.pricing li{
	text-align:center;
	background:#f9f9f9;
	border:1px solid #cfcfcf;
	border-top:none;
	margin:0;
	padding:15px 0 15px 0;
}

ul.pricing li p{
	padding:0 10px 0 10px;
}

ul.pricing li.pricingTitle{
	font-family: 'garogierregular';
	font-weight:normal;
	font-size:26px;	
	color:#323232;
	border-top:1px solid #cfcfcf;
}

ul.pricing li.pricingPrice{
	padding:30px 0 30px 0;
	font-family: 'garogierregular';
	font-weight:normal;
	font-size:44px;	
	color:#000;
}

ul.pricing li.pricingPrice strong{
	font-size:48px;
	color:#202020;
}

ul.pricing li.pricingPrice sup{
	font-size:26px;
}

ul.pricing li.pricingButton{
	padding:20px 0 20px 0;
}

a.pricingbtn{
	padding:10px 20px 10px 20px;
	text-decoration: none;
	font-size:14px;
	font-style:normal;
	text-align:center;
	background: #000;
	border:none;
	color:#fff;
	cursor:pointer;
}

/* Error 404
=====================================  */

.error404{	
	float:left;
	width:100%;
	padding:0 0 30px 0;
	margin:0;
	background:url(../images/grayLine.png) repeat-x bottom left;
}

.error404 h1{
	margin:0;
	font-size:148px;
	line-height:151px;
	float:left;
	margin-right:30px;
}

.text404{
	margin-top:40px;
	float:left;
}

.text404 h2{
	margin:0 0 10px 0;
}

.text404 p{
	font-size:14px;
}

/* Footer
=====================================  */

footer{
	width:100%;
}

.fixedFooter{
	height:81px;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	color:#000;
	z-index:9999;
}

.absoluteFooter{
	height:10px;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	color:#000;
	z-index:9999;
}

.relativeFooter{
	width:100%;
	position:relative;
	color:#000;
	padding:0 0 45px 0;
}

ul.footerLink{
	float:left;
	width:100%;
/*	margin:60px 0 0 0;*/
	margin:20px 0 0 0;
	padding:0;
}

ul.footerLink li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

ul.footerLink li a{
	float:left;
	padding:10px 20px 10px 20px;
	color:#000;
}

ul.footerLink li a.active, ul.footerLink li a:hover{
	background:#000;
	color:#fff;
	padding:10px 20px 10px 20px;
	text-decoration:none;
}

.copyright{	
	float:right;
	color:#000;
/*	margin:40px 0 0 0;*/
	margin:0px 0 0 0;
	padding:0;
	height:61px;
}
.copyright span{
	float:left;
	margin-top:30px;
}
.copyright a{
	text-decoration:underline;
	margin:0 0 0 10px;
	color:#000;
}

/* Divider
=====================================  */

.divider{
	background:url(../images/grayLine.png) repeat-x  top left;
	width:100%;
	height:2px;
	margin:30px 0px 30px 0;
}

.divider1{
	background:url(../images/grayLine.png) repeat-x  top left;
	width:100%;
	height:2px;
	margin:0px 0px 30px 0;
}

/* Images style
=====================================  */

.left{
	float:left;
}

.right{
	float:right;
}

.center{
	text-align:center;
}

img.left{
	margin:0 20px 30px 0;
}

img.right{
	margin:0 0 30px 20px;
}

.center img{
	margin:0 0 20px 0;
}

.tframe3{
	background:#fff;
	border:1px solid #cfcfcf;
	padding:3px;
	-moz-box-shadow: 0 0 3px #f1f1f1;
	-webkit-box-shadow: 0 0 3px#f1f1f1;
	box-shadow: 0 0 3px #f1f1f1;
}

.tframe5{
	background:#fff;
	border:1px solid #cfcfcf;
	padding:5px;
	-moz-box-shadow: 0 0 3px #f1f1f1;
	-webkit-box-shadow: 0 0 3px#f1f1f1;
	box-shadow: 0 0 3px #f1f1f1;
}

.tframe10{
	background:#fff;
	border:1px solid #cfcfcf;
	padding:10px;
	-moz-box-shadow: 0 0 3px #f1f1f1;
	-webkit-box-shadow: 0 0 3px#f1f1f1;
	box-shadow: 0 0 3px #f1f1f1;
}

/* Elements
=====================================  */

/* tabs 
=====================================  */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	width: 100%;
	border:none;
	z-index:99;
	margin-bottom:20px;
}
ul.tabs li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0;
	line-height:25px;
	overflow: hidden;
}
ul.sidebar-tabs li{
	width:100%;
	margin-bottom:10px;
}
ul.tabs li a {
	text-decoration: none;
	color: #323232;
	display: block;
	padding: 0 10px 2px 10px;
	background:#f3f3f3;
	font-size:14px;
	font-weight:normal;
}

ul.tabs li a:hover {
	background:#080808;
	color:#fff;
}
ul.tabs a:active, ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	outline:none;
	background:#080808;
	color:#fff;
}

.panes {
	overflow: hidden;
	clear: both;
	float: left;
	border:1px solid #ededed;
	width: auto;
}
.panes div { /* for regular tabs */
	padding: 10px 10px 0px 10px;
}
.right-panes{
	border:none;
	width:100%;
}
.right-panes div{
	padding: 0px 0px 0px 0px;	
}
.panes img {
	margin-bottom:10px;
}

/* toggles */

.toggle {
	display: block;
	margin: 0px 0px 20px 0px;
}

/* toggle header */

/* currently active header */
.toggle span.active {
	cursor:pointer;
}

.toggle h6.title span.title_content {
	display: block;
	overflow: hidden;
	color: #323232;	
	position: relative;
	padding:2px 10px 3px 30px;
	height:auto;
	background: #f3f3f3 url(../images/plus.png) no-repeat 10px 9px;	
}

/* toggle pane */
.toggle .toggle-pane {
	overflow: hidden;
	clear: both;
	border:1px solid #f3f3f3;
	padding:15px 15px 5px 15px;	
}

/* toggle_style1 */
.tstyle1 h6.title {
	cursor:pointer;
	text-decoration: none;
	color: #1f1f1f;
	display: block;
	padding: 0;
	font-size:14px;
	font-family:Arial,sans-serif;
	font-weight:normal;
}
.toggle h6.title span.title_content:hover{
	background: #080808 url(../images/plusHover.png) no-repeat 10px 9px;		
	color:#fff;
}

.tstyle1 h6.active span.title_content {
	background: #080808 url(../images/minus.png) no-repeat 10px 8px;	
	color:#fff;
}

/* ------  accordion --------- */
#accordion {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
}
/* accordion header */
#accordion h6 {
	margin:0px 0px 1px 0px;
	background:#f3f3f3 url(../images/plus.png) no-repeat 10px center;		
	cursor:pointer;
	width: 100%;	
	color: #1f1f1f;
	display: block;
	padding: 2px 10px 2px 30px;
	font-size:14px;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;	
}
#accordion h6:hover{
	background:#080808 url(../images/plusHover.png) no-repeat 10px center;
	color:#fff;	
}
#accordion .current, #accordion .current:hover {
	background: #080808 url(../images/minus.png) no-repeat 10px center;	
	color:#fff;
	text-shadow:none;
}

/* accordion pane */
#accordion .pane {
	display: none;
	border:1px solid #e9e9e9;
	padding:15px;
	margin:5px 0px 5px 0px;
}
/* a title inside pane */
#accordion .pane h6 {
	font-weight:normal;
	margin:0 0 10px 0;
}
#accordion .pane p {
	margin:10 0 0 0;
}
.pane img {
	margin-bottom:10px;
}

/* Info box
=====================================  */

p.boxes{
	font-size:12px;
	margin:2px 0 15px;
	padding:10px 10px 10px 50px;
	text-shadow:0px 1px 1px #fffef7;
}

p.successBox{
	background:url(../images/icons/infobox/success.png) no-repeat 15px center #effff4;
	border:1px solid #60ae78;
	border-left:5px solid #60ae78;
	color:#16783c;
}

p.failedBox{
	background:url(../images/icons/infobox/failed.png) no-repeat 15px center #fbebd4;
	border:1px solid #af8c59;
	border-left:5px solid #af8c59;
	color:#784616;
}

p.warningBox{
	background:url(../images/icons/infobox/warning.png) no-repeat 15px center #fffed9;
	border:1px solid #acaa6d;
	border-left:5px solid #acaa6d;
	color:#787716;
}

p.errorBox{
	background:url(../images/icons/infobox/error.png) no-repeat 15px center #fbd4d4;
	border:1px solid #a66666;
	border-left:5px solid #a66666;
	color:#781616;
}

p.infoBox{
	background:url(../images/icons/infobox/info.png) no-repeat 15px center #f4fbff;
	border:1px solid #84a9bf;
	border-left:5px solid #84a9bf;
	color:#4e6e81;
}

p.lockedBox{
	background:url(../images/icons/infobox/locked.png) no-repeat 15px center #fbf6d4;
	border:1px solid #958f65;
	border-left:5px solid #958f65;
	color:#68633f;
}

/* Submit button style
=====================================  */

.submitButton{
	display: block;
	float: left;
	height: 40px;
	padding:8px 20px 10px 20px;
	text-decoration: none;
	font-size:14px;
	font-style:normal;
	text-align:center;
	background: #000;
	border:none;
	color:#fff;
	cursor:pointer;
}

/* Style button 1
=====================================  */

a.smallBtn1 {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding-right: 15px;
	padding-left: 46px;
	text-decoration: none;
	font-size:12px;
	font-style:normal;
	text-transform:none;
	color:#fff;
}

a.smallBtn1:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.mediumBtn1 {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	padding-right: 15px;
	padding-left: 56px;
	text-decoration: none;
	font-size:16px;
	font-style:normal;
	text-transform:none;
	color:#fff;
}

a.mediumBtn1:hover{
	background-position: 0 0;
	text-decoration:none;
}

a.bigBtn1 {
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	padding-right: 15px;
	padding-left: 66px;
	text-decoration: none;
	font-size:22px;
	font-style:normal;
	text-transform:none;
	color:#fff;
}

a.bigBtn1:hover{
	background-position: 0 0;
	text-decoration:none;
}

/* Style button 2
=====================================  */

a.smallBtn2{
	display: block;
	float: left;
	padding:5px 20px 5px 20px;
	text-decoration: none;
	font-size:14px;
	font-style:normal;
	text-align:center;
	background: #000;
	border:none;
	color:#fff;
	cursor:pointer;
}

a.mediumBtn2{
	display: block;
	float: left;
	padding:10px 25px 10px 25px;
	text-decoration: none;
	font-size:16px;
	font-style:normal;
	text-align:center;
	background: #000;
	border:none;
	color:#fff;
	cursor:pointer;
}

a.bigBtn2{
	display: block;
	float: left;
	padding:15px 30px 15px 30px;
	text-decoration: none;
	font-size:22px;
	font-style:normal;
	text-align:center;
	background: #000;
	border:none;
	color:#fff;
	cursor:pointer;
}

/* Style button 3
=====================================  */

a.smallBtn3 {
	display: block;
	text-transform:none;
	float: left;
	padding:5px 20px 5px 20px;
	font-size:12px;
	cursor:pointer;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	color:#373737;
	text-shadow:0px 1px 1px #fffffb;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d3d4));
	background: -moz-linear-gradient(top,  #ffffff,  #d1d3d4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d3d4');
	border:1px solid #9c9c9c;
	border-bottom:1px solid #626262;
}

a.smallBtn3:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9cbcd));
	background: -moz-linear-gradient(top,  #ffffff,  #c9cbcd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9cbcd');
	border:1px solid #818181;
	border-bottom:1px solid #373737;
	color:#0e0e0e;
	text-decoration:none;
}

a.mediumBtn3 {
	display: block;
	text-transform:none;
	float: left;
	padding:10px 25px 10px 25px;
	font-size:16px;
	cursor:pointer;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	color:#373737;
	text-shadow:0px 1px 1px #fffffb;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d3d4));
	background: -moz-linear-gradient(top,  #ffffff,  #d1d3d4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d3d4');
	border:1px solid #9c9c9c;
	border-bottom:1px solid #626262;
}

a.mediumBtn3:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9cbcd));
	background: -moz-linear-gradient(top,  #ffffff,  #c9cbcd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9cbcd');
	border:1px solid #818181;
	border-bottom:1px solid #373737;
	color:#0e0e0e;
	text-decoration:none;
}

a.bigBtn3 {
	display: block;
	text-transform:none;
	float: left;
	padding:15px 30px 15px 30px;
	font-size:22px;
	cursor:pointer;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	color:#373737;
	text-shadow:0px 1px 1px #fffffb;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d3d4));
	background: -moz-linear-gradient(top,  #ffffff,  #d1d3d4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d3d4');
	border:1px solid #9c9c9c;
	border-bottom:1px solid #626262;
}

a.bigBtn3:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9cbcd));
	background: -moz-linear-gradient(top,  #ffffff,  #c9cbcd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9cbcd');
	border:1px solid #818181;
	border-bottom:1px solid #373737;
	color:#0e0e0e;
	text-decoration:none;
}

/* Top spacing
=====================================  */

.marginTop0{
	margin-top:0;
}

.marginTop5{
	margin-top:5px;
}
.marginTop10{
	margin-top:10px;
}
.marginTop15{
	margin-top:15px;
}
.marginTop20{
	margin-top:20px;
}
.marginTop25{
	margin-top:25px;
}
.marginTop30{
	margin-top:30px;
}
.marginTop35{
	margin-top:35px;
}
.marginTop40{
	margin-top:40px;
}
.marginTop45{
	margin-top:45px;
}
.marginTop50{
	margin-top:50px;
}
.marginTop55{
	margin-top:55px;
}
.marginTop60{
	margin-top:60px;
}

/* Bottom spacing
=====================================  */

.marginBottom5{
	margin-bottom:5px;
}
.marginBottom10{
	margin-bottom:10px;
}
.marginBottom15{
	margin-bottom:15px;
}
.marginBottom20{
	margin-bottom:20px;
}
.marginBottom25{
	margin-bottom:25px;
}
.marginBottom30{
	margin-bottom:30px;
}
.marginBottom35{
	margin-bottom:35px;
}
.marginBottom40{
	margin-bottom:40px;
}
.marginBottom45{
	margin-bottom:45px;
}
.marginBottom50{
	margin-bottom:50px;
}
.marginBottom55{
	margin-bottom:55px;
}
.marginBottom60{
	margin-bottom:60px;
}

/* Right spacing
=====================================  */

.marginRight5{
	margin-right:5px;
}
.marginRight10{
	margin-right:10px;
}
.marginRight15{
	margin-right:15px;
}
.marginRight20{
	margin-right:20px;
}
.marginRight25{
	margin-right:25px;
}
.marginRight30{
	margin-right:30px;
}
.marginRight35{
	margin-right:35px;
}
.marginRight40{
	margin-right:40px;
}
.marginRight45{
	margin-right:45px;
}
.marginRight50{
	margin-right:50px;
}
.marginRight55{
	margin-right:55px;
}
.marginRight60{
	margin-right:60px;
}

/* Left spacing
=====================================  */

.marginLeft5{
	margin-left:5px;
}
.marginLeft10{
	margin-left:10px;
}
.marginLeft15{
	margin-left:15px;
}
.marginLeft20{
	margin-left:20px;
}
.marginLeft25{
	margin-left:25px;
}
.marginLeft30{
	margin-left:30px;
}
.marginLeft35{
	margin-left:35px;
}
.marginLeft40{
	margin-left:40px;
}
.marginLeft45{
	margin-left:45px;
}
.marginLeft50{
	margin-left:50px;
}
.marginLeft55{
	margin-left:55px;
}
.marginLeft60{
	margin-left:60px;
}

/* Color option
=====================================  */

a.openpanel{ 
	background: url(../images/color.png) no-repeat 10px 7px;  
	color:#fff;
	display:block;
	left:35px;
	top:0;	
	height:25px;
	padding:5px 10px 0px 31px;
	position:fixed;
	_position:absolute; 
	z-index:99999;	
}
a.openpanel:hover{ 
	text-decoration:none;
}
a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	top:0;
}

.panel{
	background:#fff;
	border:1px solid #d0d0d0;
	border-top:none;
	display:none;
	height:auto;
	width:auto;
	left:20px;
	padding-top:40px; 	
	top:3px;
	position:fixed;
	_position:absolute;
	z-index:9999;
	-moz-box-shadow: 0 0 5px #e6e6e6;
	-webkit-box-shadow: 0 0 5px #e6e6e6;
	box-shadow: 0 0 5px #e6e6e6;	
}
	
.panel h4 {
	padding:5px 15px 5px 15px;
	background:#f7f7f7;
	border-top:1px solid #dddddd; 
	border-bottom:1px solid #dddddd; 
}

#stylechanger{ 
	float:left;
	width:225px;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
	padding:5px 15px 0px 15px;
}
#stylechanger li{
	float:left;
	margin:0px 15px 15px 0px;
}
#stylechanger li.omega{
	margin:0px 0px 10px 0px;
}	
#stylechanger li a{
	display:block; 
	margin-bottom:5px; 
	width:45px; 
	height:45px; 
	text-indent:-9999px; 
}	

#yellow{
	background:#ffd500;
}
#orange{
	background:#ffa200;
}
#red{
	background:#e34220;
}
#pink{
	background:#fcbbcc;
}
#purple{
	background:#9561a1;
}
#blue{
	background:#00c0ff;
}
#green{
	background:#6dc04d;
}

.modalPopup {
	border: 3px solid black;
	background-color: white;
}

.smallpadding {
	padding: 3px;
}

.width150
{
	width:150px;
}

.FileUploadClass 
{ 
	font-size: 5px; 
	z-index: 500; 
	position: relative; 
	z-index: 10; 
	cursor: pointer;
} 
.FileUploadClass input[type=file] 
{ 
/*	background: transparent;*/
/*	color:black !important;
	width: 80px !important;
	cursor: pointer !important;*/
    width:100%!important;
} 

#ctl00_ContentPlaceHolder1_CreateUserWizard1_RadioButtonListAnrede  label
{
	width: 100px;
	float:left !important;
}		

#ctl00_ContentPlaceHolder1_CreateUserWizard1_RadioButtonListAnrede  input 
{	
	margin-right: 5px;
	float:left !important;
}
.modalBackground
{
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-color: #ffffff;
	border: 1px solid gray;
	padding: 3px;
	width: 250px;		
}