@charset "utf-8";
/*  	
	Copyright Akbar Khrisna
	October 2009.
 */
 
 /* -----------------------
	CSS Fixing 
   ----------------------- */
IMG { border:0; }
FORM { margin:0; padding:0; }
.clearance { clear:both; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* -----------------------
	General  
   ----------------------- */
html,body {
	margin:0;
	padding:0;
} 
body {
	font-family: 'Myriad Pro','Lucida Grande', 'Lucida Sans Unicode','Arial',Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #fff;
	text-align:center;
	margin:0 auto;
	background-color:#333;
}

/* -----------------------
	Textual  
   ----------------------- */
a {
	color:#f3ea19;
	text-decoration:none;
}
a:hover {
	color:#deda70;
}
.yellow {
	color:#f3ea19;
}

/* -----------------------
	Layout  
   ----------------------- */
div#wrapper {
	border-left:1px solid #111;
	border-right:1px solid #111;
	border-bottom:1px solid #111;
	width:850px;
	margin:0 auto;
	box-shadow:#222 0px 2px 2px;
	-moz-box-shadow:#222 0px 2px 2px;
	-webkit-box-shadow:#222 0px 2px 2px;
}
div#header {
	width:100%;
	height:119px;
	background-image:url('../images/template/bg_header.gif');
	background-repeat:no-repeat;
	text-align:left;
}
div#links {
	width:100%;
	height:34px;
	background-image:url('../images/template/bg_links.gif');
	background-repeat:repeat-x;
	text-align:left;
	font-size:13px;
	width:100%;
	background-color:#191919;
	text-align:center;
}
div#footer {
	width:100%;
	height:112px;
	background-image:url('../images/template/bg_footer.gif');
	background-repeat:no-repeat;
	font-size:10px;
}
div#content {
	background-color:#191919;
}

/* -----------------------
	Content  
   ----------------------- */
.search {
	float:right;
	width:236px;
	height:39px;
	background-image:url('../images/template/bg_search.gif');
	background-repeat:no-repeat;
	margin:0px 20px 0px 0px;
}
.searchpads {
	padding:8px 0px 0px 5px;
}
.input_search {
	height:18px;
	width:172px;
	border-left:1px solid #d0d0cf;
	border-top:1px solid #d0d0cf;
	border-bottom:1px solid #d0d0cf;
	background-color:#fff;
	float:left;
	padding:3px 0px 0px 5px;
}
.button_search {
	width:46px;
	height:23px;
	background-image:url('../images/template/btn_search.gif');
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	border:0;
}
.ic_header {
	margin-left:20px;
}
.homepage {
	height:392px;
	width:841px;
	background-image:url('../images/template/img_homepage.gif');
	background-repeat:no-repeat;
	margin:0 auto;
}
.contentpads {
	padding:5px 0px 5px 0px;
        text-align:left;
}
.pagecontent{
    margin:10px 20px;
}
div#links ul {
	margin:0;
	padding:0;
}
div#links li {
	float:left;
	list-type:none;
	display:inline;
	text-align:left;
}
div#links a {
	color:#fff;
	text-decoration:none;
}
.brochure {
	float:right;
	margin:20px 20px 0px 0px;
	text-align:left;
}
.brochuretop {
	width:225px;
	height:34px;
	background-image:url('../images/template/bg_brochure_header.gif');
	background-repeat:no-repeat;
}
.brochurecontent {
	width:225px;
	height:173px;
	background-color:#f3ea1a;
}
.brochuredownload a {
	width:225px;
	height:127px;
	background-image:url('../images/template/bg_brochure_download.gif');
	background-repeat:no-repeat;
	display:block;
}
.brochurefooter {
	width:225px;
	height:19px;
	background-image:url('../images/template/bg_brochure_footer.gif');
	background-repeat:no-repeat;
}
.brochure h3 {
	color:#111;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0;
}
.brochurecontent ul {
	margin:0; 
	padding:7px 0px 0px 35px;
}
.brochurecontent ul li {
	list-style-image:url("../images/template/right.gif");
	margin-top:2px;
}
.brochurecontent ul li a {
	color:#686868;
	text-decoration:none;
}
.brochurecontent ul li a:hover {
	color:#888;
	text-decoration:none;
	margin-left:2px;
}
.brochurecontentleft {
	float:left;
	width:160px;
}
.brochuretoppads {
	padding:9px 0px 0px 10px;
}
.footerleft {
	width:195px;
	float:left;
	text-align:left;
}
.footerright {
	width:650px;
	float:right;
	text-align:right;
}
.company_info {
	line-height:13px;
	padding:15px 0px 0px 20px;
}
.ic_ifproductions {
	float:right;
	margin-left:10px;
}
.text_ifproductions {
	float:right;
	font-size:0.9em;
}
.rights {
	padding:35px 20px 0px 0px;
}
.productions {
	padding:13px 20px 0px 0px;
}
.product {
	padding:10px 10px 10px 20px;
}
.captcha a{
    display:block;
    width:120px;
}
.productleft {
	width:166px;
	float:left;
	text-align:left;
	margin-right:20px;
}
.productright {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Arial',Tahoma, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
        float:right;
        width:634px;
}
.productscreenshots {
	margin-top:20px;
}
.productheader {
	height:21px;
	width:100%;
	background-color:#f3ea1a;
	color:#000;
	font-weigt:bold;
}
.productcontent {
	width:100%;
	background-color:#010101;
	color:#fff;
}
.productheader h3 {
	margin:0;
	font-size:12px;
	padding:2px 0px 0px 10px;
        text-transform:capitalize;
}
.productcontent ul {
	margin:0;
	padding:5px 0px 5px 10px;
}
.productcontent ul li {
	list-style:none;
}
.productcontent a {
	text-decoration:none;
	color:#fff;
}
.productchosen a {
	color:#d8d11b;
}
.productcontent a:hover {
	color:#d8d11b;
	margin-left:2px;
}
.productinfo h1,.pagecontent h1,.productright h1 {
	font-size:30px;
	font-weight:normal;
	color:#f3ea19;
	margin:15px 0px 10px 0px;
	padding:0;
}
.producttext {
	margin-top:20px;
}
.productlink ul{
    margin:0;
    padding:0;
    list-style:none;
}
.productlink a {
	font-size:1.1em;
}
.producttext p,.pagetext {
	font-size:1.1em;
}
.productbreadcrumb {
	padding-bottom:5px;
	border-bottom:1px solid #333;
}

.simple{
    margin-bottom:1em;
}
.simple label{
    display:block;
}
.simple input,.action button, .action input{
    line-height:2em;
    font-size:1.2em;
}
.simple input[type=text],.simple input[type=password],.simple select{
    padding:0.2em;
}
.simple input[type=password],.simple input[type=text]{
    width:350px;
}
.simple textarea{
     width:360px;
}

.action{
    padding:1em 0em;
}
.project-list,.product-list{
    margin-bottom:10px;
}
.project-list img,.product-list img{
    margin:0 10px 10px 0;
}


.contentpads ul.yiiPager {
border:0 none;
display:inline;
font-size:11px;
line-height:100%;
margin:0;
padding:0;
}
.contentpads ul.yiiPager li {
display:inline;
}
.contentpads ul.yiiPager a:link, ul.yiiPager a:visited {
border:1px solid #f3ea19;
color:#f3ea19;
font-weight:bold;
padding:1px 6px;
text-decoration:none;
}
.contentpads ul.yiiPager .page a {
font-weight:normal;
}
.contentpads ul.yiiPager a:hover {
border:1px solid #FFF;
}
.contentpads ul.yiiPager .selected a {
background:#f3ea19 none repeat scroll 0 0;
color:#000;
font-weight:bold;
}
.contentpads ul.yiiPager .hidden a {
border:1px solid #f3ea19;
color:#888888;
}
.contentpads ul.yiiPager .first, ul.yiiPager .last {
display:none;
}

.nopicture{
    width:200px;
    height:70px;
    float:left;
    text-align:center;
    line-height:70px;
    background-color:#F0F0F0;
    color:#CCC;
    margin-right:10px;
}