/*
##############################################
IMONDA Studio 2010 | imonda.co.uk
; studio@imonda.co.uk
;Css syles - version 1.5
; _IE6.0 not supported in this file in 100% |
*/

/* flash */
object { outline: none; }


body {
	color: #252525;
    background: #fafafa;
    font-family: Trebuchet MS,Tahoma,Verdana;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#imonda {
    font-family: Verdana,Trebuchet MS,Tahoma;
	font-size: 10px;
	color: #c6c6c6;
	margin: auto;
}
#wrapper_top {
     padding-left: 0px;
     background: #f3f3f3;
     border-bottom:1px solid #d8d8d8;
}
#wrapper_flash {
     padding-left: 0px;
     background: #fafafa;
}
#wrapper_gallery {
     padding-left: 0px;
     background: #000000;
}
#wrapper_beam {
     padding-left: 0px;
     background: #e2e2e2;
     border-bottom:1px solid #d8d8d8;
}
#wrapper_content {
     padding-left: 0px;
     background: #fbfbfb;
}
#wrapper_box {
     padding-left: 0px;
     background: #e9e9e9;
     border-bottom:1px solid #cfcfcf;
     border-top:1px solid #cfcfcf;
}
#wrapper_footer {
     padding-left: 0px;
     background: #fafafa;
}

/* @@@@@@@@@@@@ top */
#top {
    width: 800px;
    height: 132px;
    text-align: left;
    padding-top: 0px;
	margin: auto;
}
.top_l {
	width: 250px;
    float: left;
}
.top_r {
	width: 550px;
    float: left;
}
/* @@@@@@@@@@@ menu*/
.menu {
	width: 450px;
    height: 33px;
    margin-left: 66px;
    float: left;
}
.menu ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}
.menu li
{
   float: left;
}
.menu li A
{
   float: left;
   display: block;
   height: 33px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 50px;
}

/* @@@@@@@@@@@@ flash */
#flash {
	width: 950px;
	text-align: center;
    height: 280px;
	margin: auto;
	background: #fafafa;
}
#flash_inside {
	width: 800px;
	text-align: center;
    height: 280px;
	margin: auto;
	background: #fafafa;
}
#flashcontent {
    position:absolute;
    height:100%;
    width:100%;
    z-index:1;
}

/* @@@@@@@@@@@@ gallery */
#gallery {
	width: 950px;
	text-align: center;
    height: 600px;
	margin: auto;
	background: #000000;
}
#gallery_inside {
	width: 800px;
	text-align: center;
    height: 470px;
	margin: auto;
	background: #000000;
}


/* @@@@@@@@@@@@ main content
index.php
*/
#c_main {
	width: 950px;
	position: relative;
	margin: 0px auto;
	padding-top: 38px;
}
.c_mainright {
	width: 310px;
    float: left;
}
/* if generate content*/
.c_lmaingenre {
	width: 310px;
    float: left;
}
.c_rmaingenre {
	width: 310px;
    float: left;
}

.c_maingenre {
	width: 620px;
    float: left;
}
.c_maingenre ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}
.c_maingenre li
{
   float: left;
   width: 310px;
}
.c_mainstat {
	width: 590px;
    text-align: left;
    float: left;
}



/* content inside - blocks*/
.content_genre {
    padding-top: 10px;
}
/* two blocks, - not including homepage (see .c_maingenre) */
.content_lgenre {
    padding-top: 10px;
}
.content_rgenre {
    padding-top: 10px;
}

/* news, etc */
.content_mainright {
    margin-left: 25px;
    margin-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}


/* content headers
#global with links
*/
h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma,Geneva,sans-serif;
}
h2 { font-size: 1em;} /* headers content*/
h3 { font-size: 1em;} /* inside content*/
h4 { font-size: 1em;} /* web info*/
h5 { font-size: 0.35em;} /* link in portfolio*/


/* @@@@@@ miniartwork icon*/
.miniartworkicon {
    width: 475px;
    position: absolute;
    top: 400px;
    left: 330px;
/*    z-index: 2; */
}



/* @@@@@@@@@@@@ beam */
#beam {
	width: 950px;
    height: 38px;
	background: #e2e2e2;
	margin: auto;
}
.beam_menu {
	width: 640px;
    height: 38px;
    float: right;
}
.beam_menu ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}
.beam_menu li
{
   float: right;
   padding-left: 6px;
   padding-right: 6px;
}
.beam_menu li A
{
   float: right;
   padding-left: 6px;
   padding-right: 6px;
   padding-top: 12px;
}

/* @@@@@@@@@@@@ box */
#box {
	width: 950px;
    height: 170px;
	background: #e9e9e9;
	text-align: center;
	margin: auto;
	padding-top: 18px;
	padding-bottom: 15px;
}
.boxinside {
	width: 250px;
    height: 140px;
	background: #e9e9e9;
	text-align: justify;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.box_l {
	width: 310px;
    float: left;
}
.box_m {
	width: 310px;
    float: left;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
}
.box_r {
	width: 310px;
    float: left;
}
box_split {
	width: 620px;
    float: left;
}
.box_splitinside {
	width: 560px;
    height: 140px;
	background: #e9e9e9;
	text-align: left;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* @@@@@@@@@@@@ footer */
#footer {
	width: 950px;
    height: 38px;
	background: #fafafa;
	margin: auto;
	padding-top: 20px;
}
.footer_r {
	width: 330px;
    float: left;
}
.footer_l {
	width: 600px;
    float: left;
}

.footerlinks {
	width: 500px;
    float: right;
    font-size: 11px;
    color: #b2b2b2;
}
.footerlinks ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}
.footerlinks li
{
   float: left;
}
.footerlinks li A
{
   float: left;
   margin-left: 6px;
   margin-right: 6px;
}

/* @@@@@@@@@@@@ portfolio */
#c_photos {
	width: 950px;
	position: relative;
	margin: 0px auto;
	padding-top: 38px;
}

.p_photos {
    width: 590px;
	color: #939393;
}
.p_photos UL {
	DISPLAY: inline;
}
.p_photos LI {
	FLOAT: left;
    LIST-STYLE-TYPE: none;
    margin-bottom: 5px;
}
.p_photos LI A {
	DISPLAY: block;
    min-width: 250px;
	MARGIN-RIGHT: 10px;
	MARGIN-LEFT: 10px;
	outline: none;
    margin-bottom: 15px;
}
.c_headerport {
	width: 590px;
    text-align: left;
    float: left;
}
.c_mainport {
	width: 590px;
    text-align: left;
    float: left;
}
.tech {
	width: 450px;
    float: left;
    font-size: 11px;
    color: #b2b2b2;
}
.tech ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}
.tech li
{
   float: left;
}
.tech li A
{
   float: left;
}



.test_inside {
	width: 950px;
	position: relative;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #8e8e8e;
}

/* @@@@@@@@@@@@ testimonials */
.test_main {
	width: 950px;
	position: relative;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


.submitb {
    padding-left: 40px;
    width: 210px;
}
.form {
 width: 210px;
 padding-left: 20px;
}
/* form */
#commentForm { font-size: 12px; color: #6d6d6d; width: 100px; }
#commentForm label { font-size: 12px; color: #6d6d6d; width: 100px;}
#commentForm label.error, #commentForm input.submit {DISPLAY: block; width: 160px; font-size: 11px; color: #ff7200; margin-left: 5px; }

fieldset {border: 1px solid #fafafa;}

/* polish offer */
.fieldsetoffer {border:1px solid #e4e4e4;}
.insidetheoffer { width:550px; text-align:center; margin-right: auto; margin-left: auto;}



/* @@@@@@@@@@@@ links */

a { color: #b2b2b2; outline: none; text-decoration: none; font-size: 12px;}
a:hover { color: #a87a0e; outline: none; text-decoration: none; font-size: 12px;}

a.news { color: #b2b2b2; outline: none; text-decoration: none; font-size: 12px;}
a.news:hover { color: #4a60d7; outline: none; text-decoration: none; font-size: 12px;}
a.sticky { color: #b2b2b2; outline: none; text-decoration: none; font-size: 12px;}
a.sticky:hover { color: #4a60d7; outline: none; text-decoration: none; font-size: 12px;}



a.imonda { color: #b2b2b2; outline: none; text-decoration: none; font-size: 9px;}
a.imonda:hover { color: #a87a0e; outline: none; text-decoration: none; font-size: 9px;}

a.beam { color: #646464; outline: none; text-decoration: none; font-size: 12px;}
a.beam:hover { color: #899a22; outline: none; text-decoration: none; font-size: 12px;}
a.beamie { color: #d20707; outline: none; text-decoration: none; font-size: 12px;}
a.beamie:hover { color: #309f0e; outline: none; text-decoration: none; font-size: 12px;}

/* links footer */
a.fhome { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fhome:hover { color: #ff4900; outline: none; text-decoration: none; font-size: 10px;}
a.fstudio { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fstudio:hover { color: #4a60d7; outline: none; text-decoration: none; font-size: 10px;}
a.fworks { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fworks:hover { color: #8c4400; outline: none; text-decoration: none; font-size: 10px;}
a.fport { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fport:hover { color: #468b00; outline: none; text-decoration: none; font-size: 10px;}
a.fcontact { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fcontact:hover { color: #ff4900; outline: none; text-decoration: none; font-size: 10px;}
a.fsitemap { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fsitemap:hover { color: #a87a0e; outline: none; text-decoration: none; font-size: 10px;}
a.ftest { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.ftest:hover { color: #8b002a; outline: none; text-decoration: none; font-size: 10px;}
a.fother { color: #b2b2b2; outline: none; text-decoration: none; font-size: 10px;}
a.fother:hover { color: #a87a0e; outline: none; text-decoration: none; font-size: 10px;}


/* offer */
a.boffer { color: #b2b2b2;}
a.boffer:hover { color: #468b00;}

/* ORG links header */
/*a.hworks { color: #4e4a38; outline: none; text-decoration: none;}
a.hworks:hover { color: #8c4400; outline: none; text-decoration: none;}
a.hstudio { color: #4e4a38; outline: none; text-decoration: none;}
a.hstudio:hover { color: #4a60d7; outline: none; text-decoration: none;}
a.htest { color: #4e4a38; outline: none; text-decoration: none;}
a.htest:hover { color: #8b002a; outline: none; text-decoration: none;}
a.hport { color: #4e4a38; outline: none; text-decoration: none;}
a.hport:hover { color: #468b00; outline: none; text-decoration: none;}
a.hdown { color: #4e4a38; outline: none; text-decoration: none;}
a.hdown:hover { color: #a87a0e; outline: none; text-decoration: none;}
a.hafter { color: #4e4a38; outline: none; text-decoration: none;}
a.hafter:hover { color: #ff4040; outline: none; text-decoration: none;}*/

/* links header */
a.hworks { color: #8c4400; outline: none; text-decoration: none;}
a.hworks:hover { color: #4e4a38; outline: none; text-decoration: none;}
a.hstudio { color: #4a60d7; outline: none; text-decoration: none;}
a.hstudio:hover { color: #4e4a38; outline: none; text-decoration: none;}
a.htest { color: #8b002a; outline: none; text-decoration: none;}
a.htest:hover { color: #4e4a38; outline: none; text-decoration: none;}
a.hport { color: #468b00; outline: none; text-decoration: none;}
a.hport:hover { color: #4e4a38; outline: none; text-decoration: none;}
a.hdown { color: #a87a0e; outline: none; text-decoration: none;}
a.hdown:hover { color: #4e4a38; outline: none; text-decoration: none;}
a.hafter { color: #ff4040; outline: none; text-decoration: none;}
a.hafter:hover { color: #4e4a38; outline: none; text-decoration: none;}

/* links sitemap */
a.mapworks { color: #4e4a38; outline: none; text-decoration: none;}
a.mapworks:hover { color: #8c4400; outline: none; text-decoration: none;}
a.mapstudio { color: #4e4a38; outline: none; text-decoration: none;}
a.mapstudio:hover { color: #4a60d7; outline: none; text-decoration: none;}
a.maptest { color: #4e4a38; outline: none; text-decoration: none;}
a.maptest:hover { color: #8b002a; outline: none; text-decoration: none;}
a.mapport { color: #4e4a38; outline: none; text-decoration: none;}
a.mapport:hover { color: #468b00; outline: none; text-decoration: none;}
a.mapcontact { color: #4e4a38; outline: none; text-decoration: none;}
a.mapcontact:hover { color: #ff4900; outline: none; text-decoration: none;}
a.mapdown { color: #4e4a38; outline: none; text-decoration: none;}
a.mapdown:hover { color: #a87a0e; outline: none; text-decoration: none;}
a.mapafter { color: #4e4a38; outline: none; text-decoration: none;}
a.mapafter:hover { color: #ff4040; outline: none; text-decoration: none;}
a.mapoffer { color: #4e4a38; outline: none; text-decoration: none;}
a.mapoffer:hover { color: #e90303; outline: none; text-decoration: none;}

/* menu */
a.nav {color: #330000;  }
a.nav:hover {color: #fafafa; background: #aeaeae; }


/*top menu */
/*active */
a.mtestactive { color: #fafafa; outline: none; text-decoration: none; background-color: #8b002a; font-weight: bold;}
a.mworksactive { color: #fafafa; outline: none; text-decoration: none; background-color: #8c4400; font-weight: bold;}
a.mstudioactive { color: #fafafa; outline: none; text-decoration: none; background-color: #4a60d7; font-weight: bold;}
a.mportactive { color: #fafafa; outline: none; text-decoration: none; background-color: #468b00; font-weight: bold;}
a.mcontactactive { color: #fafafa; outline: none; text-decoration: none; background-color: #ff4900; font-weight: bold;}

a.mworks { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mworks:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #8c4400; font-weight: bold;}
a.mstudio { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mstudio:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #4a60d7; font-weight: bold;}
a.mtest { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mtest:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #8b002a; font-weight: bold;}
a.mport { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mport:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #468b00; font-weight: bold;}
a.mdown { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mdown:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #a87a0e; font-weight: bold;}
a.mafter { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mafter:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #ff4040; font-weight: bold;}
a.mcontact { color: #4e4a38; outline: none; text-decoration: none; background: none; font-weight: bold;}
a.mcontact:hover { color: #fafafa; outline: none; text-decoration: none; background-color: #ff4900; font-weight: bold;}

/* portfolio */
a.portcontent { color: #468b00; outline: none; text-decoration: none; font-size: 1em;}
a.portcontent:hover { color: #4e4a38; outline: none; text-decoration: none; font-size:  1em;}

a.launch { color: #0a664b; outline: none; text-decoration: none;}
a.launch:hover { color: #4e4a38; outline: none; text-decoration: none;}

.portbegin {border:1px solid #c6c3c3;}
a:link .portbegin {padding:0px; border-color: #c6c3c3;}
a:hover .portbegin, a:active .portbegin {padding:0px; border:1px; border-color: #376809; border-style: solid;}

/* news */
a.portnews { color: #468b00; outline: none; text-decoration: none; font-size: 1em;}
a.portnews:hover { color: #4e4a38; outline: none; text-decoration: none; font-size:  1em;}

/* webinfo header */
a.webinfo { color: #a87a0e; outline: none; text-decoration: none; font-size: 12px;}
a.webinfo:hover { color: #b2b2b2; outline: none; text-decoration: none; font-size: 12px;}

/* download browsers */

a.chrome {background: url(upload/images/download/chrome_logo.png) no-repeat 0 0; width:50px;}
a.firefox {background: url(upload/images/download/firefox_logo.png) no-repeat 0 0; width:50px;}
a.explorer {background: url(upload/images/download/ie_logo.png) no-repeat 0 0; width:50px;}
a.opera {background: url(upload/images/download/opera_logo.png) no-repeat 0 0; width:50px;}
a.safari {background: url(upload/images/download/safari_logo.png) no-repeat 0 0; width:50px;}

a:hover.chrome,
a:hover.firefox,
a:hover.explorer,
a:hover.opera,
a:hover.safari {background-position: 0 -49px;} /* reveal colorized version */

#browsers span {
  display: block;
  float: left;
  margin: 0 10px;
  line-height: 20px;
}
#browsers a {
  display: block;
  float: left;
  height: 49px;
  margin: 0 10px;
}

/* download links */
a.downlink { color: #468b00; outline: none; text-decoration: none; font-family: Tahoma,Geneva,sans-serif;}
a.downlink:hover { color: #4e4a38; outline: none; text-decoration: none; font-family: Tahoma,Geneva,sans-serif;}

/* boxes links */
a.offer { color: #e90303; outline: none; text-decoration: none; font-family: Tahoma,Geneva,sans-serif;}
a.offer:hover { color: #252525; outline: none; text-decoration: none; font-family: Tahoma,Geneva,sans-serif;}
a.newyear { color: #e90303; outline: none; text-decoration: none;}
a.newyear:hover { color: #252525; outline: none; text-decoration: none;}
a.boxportfolio { color: #468b00; outline: none; text-decoration: none; font-family: Tahoma,Geneva,sans-serif;}
a.boxportfolio:hover { color: #252525; outline: none; text-decoration: none; font-family: Tahoma,Geneva,sans-serif;}

/* CMS link */
a.linkcms { color: #a87a0e; outline: none; text-decoration: none; font-size: 12px;}
a.linkcms:hover { color: #b2b2b2; outline: none; text-decoration: none; font-size: 12px;}