/****************/
/* Rakesh Sieuw */
/* 11-08-09	*/
/****************/

/********/
/* html */
/********/
body {
	background:#FFF;
	margin:0;
	padding:0;
	text-align:center
}


#page div {
	text-align:left
}

#page img {
	border:0;
	display:block
}

#page h1 {
	margin:0;	
}

#page h2 {
	margin:0;	
}

#page h3 {
	font-weight:normal;
	background:url(../img/bg/title_underline.gif) bottom repeat-x;
	padding-bottom:7px;
	margin:0 0 7px 0;
	font-size:12px;
}

#page h3 a,
#page h3 a:hover{
	color:#000;
	border:0;
}

#page h4 {
	
}

#page h5 {
	
}

#page h6 {
	
}

#page p {
	margin:0 0 18px 0;
	padding:0
}

#page a {
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #000;
}
/*
#page a:hover,
#page a.active {
	color:#000;
	border-bottom:1px dotted #000;
	text-decoration:none;
}
*/
/*
#home #page a:hover,
#portfolio #page a:hover,
#home #page li.active a,
#portfolio #page li.active a,
#news #page li.active a{
	color:#f7c6ce;
	border-bottom-color:#f7c6ce;
}

#news #page a:hover,
#news #page li.active a{
	color:#df7036;
}

#project #page a:hover,
#project #page li.active a{
	color:#9fcef8;
}

#jobs #page a:hover,
#jobs #page li.active a{
	color:#f2ea55;
}

#project #page li.active li a,
#jobs #page li.active li a,
#home #page li.active li a,
#portfolio #page li.active li a,
#news #page li.active li a{
	color:#000;
}

#home #page li.active li a:hover,
#home #page li.active li a.active,
#portfolio #page li.active li:hover,
#portfolio #page li.active li a.active{
	color:#f7c6ce;
}

#news #page li.active li a:hover,
#news #page li.active li a.active{
	color:#df7036;
}

#project #page li.active li a:hover,
#project #page li.active li a.active{
	color:#9fcef8;
}

#jobs #page li.active li a:hover,
#jobs #page li.active li a.active{
	color:#f2ea55;
}

#project_category #page a:hover,
#project_category #page li.active a{
	color:#1ef94d;
}
*/

#page a.active,
#page a:focus {
	outline: 0
}

#page hr {
	background:url(../img/bg/title_underline.gif) repeat-x;
	border:0;
	/*border-top:1px solid #DDD;*/
	height:3px;
	line-height:3px;
	margin:0 0 15px 0
}

#page form {
	margin:0;
	padding:0
}

#page input,
#page textarea,
#page select {
	border:1px solid #DBDFE6;
	color:#000;
	font-family: 'Courier New', Courier, monospace;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

#page td {
	color:#000;
	font-family: 'Courier New', Courier, monospace;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

#page ul {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	font-family: 'Courier New', Courier, monospace;
	font-size:12px;
	margin:0 auto;
	width:843px;
	padding:14px;
	position:relative;
}

/* header */
#header {
	min-height:100px;
	position:relative;
}

/* menu */
#menu {
	line-height:13px;
	width:100px;
}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100px;
}

#menu li {
	min-height:17px;
	float:left;
	width:100px;
}

#menu li a {
	font-weight:normal;
	font-size:12px;
	color:#555;
	line-height:15px;
	text-decoration:none;
	border-bottom:1px dotted #555;
	float:left;
}

#menu li a:hover,
#menu li.active a,
#menu li a.active {
	color:#000;
	border-bottom:1px dotted #000;
	/*font-weight:bold;*/
}

#menu li.active a,
#menu li a.active {
	font-weight:bold;
}

/* filter / submenu */
#menu li ul {
	display:none;
	left:100px;
	position:absolute;
	top:0;
	width:200px;
}

#menu li li {
	width:200px;
}

#menu li.active ul {
	display:block
}

#menu li.active li a {
	font-weight:normal;
	color:#555;
	border-bottom:1px dotted #555;
}

#menu li li a:hover,
#menu li.active li a:hover,
#menu li li a.active,
#menu li.active li a.active {
	color:#000;
	border-bottom:1px dotted #000;
	/*font-weight:bold;*/
}

#menu li li a.active,
#menu li.active li a.active {
	font-weight:bold;
}

/* language chooser */
#cs_language_chooser{
	width:200px;
}

#cs_language_chooser ul{
	margin:0;
	padding:0;
	list-style:none;
}

#cs_language_chooser li{
}

#cs_language_chooser li a{
	font-weight:bold;
	font-size:12px;
	color:#000;
	text-decoration:none;
	border:none;
}

/* logo */
#logo{
	height:40px;
	width:85px;
	position:absolute;
	left:50%;
	top:28px;
	margin:0 0 0 -42px;
}

/* img-txt switcher */
#content_switcher{
	width:30px;
	height:14px;
	position:absolute;
	bottom:15px;
	right:0;
}

#content_switcher a{
	border:0;
}

#switch_txt a{
	height:14px;
	width:14px;
	background:url(../img/bg/switch_a.gif) 0 0 no-repeat;
	float:left;
}

#switch_txt a:hover,
#switch_txt.active a,
#switch_txt.active a:hover{
	background:url(../img/bg/switch_a.gif) 0 -14px no-repeat;
}

#switch_img a{
	height:14px;
	width:14px;
	background:url(../img/bg/switch_b.gif) no-repeat;
	float:left;
	margin:0 0 0 2px;
}

#switch_img a:hover,
#switch_img.active a,
#switch_img.active a:hover{
	background:url(../img/bg/switch_b.gif) 0 -14px no-repeat;
}

/* main */
#main {
	position:relative;
}

#main_column {
	background:#fff;
	width:200px;
	position:absolute;
	left:0;
	top:0;
	line-height:13px;
	z-index:100;
}

/* image */
#image_container{
	float:left;
}

/* news (short)*/
#news_container{
	margin: 25px 0 0 0;
	float:left;
}

#news_container ul{
	margin:0;
	padding:0;
	list-style:none;
}

#news_container li{
	margin:0 0 5px 0;
	padding:0;
	float:left;
	width:200px;
}

#news_container .readmore{
	height:13px;
	float:left;
	width:200px;
	padding-bottom:3px;
	margin:-5px 0 0 0;
}

/* banner */
#banner_container{
	margin:15px 0;
	float:left;
	width:200px;
	min-height:287px;
}

#banner_container img,
#banner_container p{
	position:absolute;
	left:0;
	top:0;
}

/* newsletter */
#newsletter_container{
	margin:13px 0 36px 0;
	float:left;
}

#newsletter_container .title{
	background:url(../img/bg/title_underline.gif) bottom repeat-x;
	width:200px;
	height:35px;
	padding-bottom:10px;
	margin:0 0 6px 0;
}

#newsletter_container .text{
	width:200px;
	font-size:11px;
}

#newsletter_container .cs_form_wrapper{
	width:200px;
	margin:-8px 0 0 0;
}

#newsletter_container .cs_form_wrapper .cs_form_label label {
	width:50px;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
}

#newsletter_container .cs_form_wrapper .cs_form_input input,
#newsletter_container .cs_form_wrapper .cs_form_input select {
	width:144px;
	border:0;
	padding:0;
	height:17px;
}

#newsletter_container .cs_form_wrapper .cs_form_input input{
	background:none;
	line-height:18px;
	padding:1px 0 0 5px;
}

#newsletter_container .cs_form_wrapper .cs_form_row,
#newsletter_container .cs_form_wrapper fieldset .cs_form_row {
	min-height:25px;
}

#newsletter_container .cs_form_row{
	background:url(../img/bg/input.gif) no-repeat right top;
}

#newsletter_container .cs_form_wrapper .cs_form_button {
	margin:0;
}

#newsletter_container .cs_form_wrapper .cs_form_button input {
	border:0;
	color:#fff;
	height:16px;
	line-height:15px;
	padding:0;
}

/*
#newsletter_container .cs_form_wrapper .cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:74px;
	padding:0 0 2px 0;
	color:#fff;
}

#newsletter_container .cs_form_wrapper .cs_form_button input:hover {
	background:none;
}
*/

/* textbox */
#main .textbox {
	float:left;
}

#main .textbox h3{
	text-transform:uppercase;
	width:200px;
}

/* content grid */
#content_column_grid{
	position:absolute;
	left:0;
	top:0;
	width:842px;
	z-index:10;
}

#content_column_grid .grid_box{
	background:#eee;
	position:absolute;
}

#content_column_grid .grid_box:hover{
	background:#ddd;
}

/* content */
#content_column{
	min-height:850px;
	position:absolute;
	left:0;
	top:0;
	width:843px;
	z-index:90;
}

#content_column .box{
	overflow:hidden;
	position:absolute;
	z-index:20;
}

#content_column .box .media,
#content_column .box .image,
#content_column .box .edit,
#content_column .box .delete {
	left:0;
	position:absolute;
	top:0;
	z-index:10;
}

#content_column .box .image {
	z-index:20;
}

#content_column .box .image img,
#content_column .box .media img {
	left:0;
	position:absolute;
	top:0;
}

#content_column .box .mini_gallery a {
	display:none;
}

#content_column .box .mini_gallery .arrow_left,
#content_column .box .mini_gallery .arrow_right {
	background:url(../img/bg/empty.gif);
	bottom:0;
	cursor:pointer;
	position:absolute;
	top:0;
	width:50%;
	z-index:20;
}

#content_column .box .mini_gallery .arrow_left {
	left:0;
	
}

#content_column .box .mini_gallery .arrow_right {
	right:0;
}

/*
#content_column .box .mini_gallery .arrow_left {
	background:url(../img/bg/arrow_left.png) no-repeat 0 0;
	left:10px;
}

#content_column .box .mini_gallery .arrow_left:hover {
	background:url(../img/bg/arrow_left.png) no-repeat 0 -56px;
}

#content_column .box .mini_gallery .arrow_right {
	background:url(../img/bg/arrow_right.png) no-repeat 0 0;
	right:10px;
}

#content_column .box .mini_gallery .arrow_right:hover {
	background:url(../img/bg/arrow_right.png) no-repeat 0 -56px;
}
*/

#content_column .box .edit,
#content_column .box .delete {
	height:14px;
	position:absolute;
	width:14px;
	z-index:30;
}

#content_column .box .delete {
	left:15px;
}

#content_column .box .edit a,
#content_column .box .delete a {
	background:url(../img/bg/button_edit.gif) no-repeat 0 0;
	border:0;
	display:block;
	height:14px;
	text-decoration:none;
	width:14px;
}

#content_column .box .delete a {
	background:url(../img/bg/button_close.gif) no-repeat 0 0;
}

#content_column .box .edit a:hover {
	background:url(../img/bg/button_edit.gif) no-repeat 0 -14px;
}

#content_column .box .delete a:hover {
	background:url(../img/bg/button_close.gif) no-repeat 0 -14px;
}

/*********/
/* pages */
/*********/
/* news */
#news_column{
	width:414px;
	position:absolute;
	left:50%;
	margin:0 0 0 -207px;
}

#news_column .image,
#news_column .image img{
	width:414px;
}

#news_column .image{
	margin-bottom:21px;
}

#news_column ul{
	margin:0;
	padding:0;
	list-style:none;
}

#news_column li{
	margin:0;
	padding:0;
}

#news_column h2,
#news_column .title{
	font-family:"Times New Roman",Georgia,Serif;
	font-size:24px;
	font-weight:bolder;
	text-align:center;
	line-height:24px;
	margin:0 0 6px 0;
}

#news_column .title a{
	border:none;
}

#news_column .date{
	float:left;
	margin:0 4px 0 0;
}

#news_column .desc{
	background:url(../img/bg/title_underline.gif) bottom repeat-x;
	padding:0 0 1px 0;
	margin-bottom:30px;
}

/* project */
#project #content_column .box{
}

#content_column .box .tags{
	position:absolute;
	left:15px;
	bottom:8px;
	z-index:30;
}

#content_column .box .tags ul{
	margin:0;
	padding:0;
	list-style:none;
}

#content_column .box .tags li{
	margin:0;
	padding:0;
	list-style:none;
}

#project #content_column .box a.active,
#project #content_column .box a:hover{
	color:#fff;
	border-bottom-color:#fff;
}

#content_column .box .more_info{
	position:absolute;
	right:5px;
	bottom:8px;
	z-index:30;
}

/* project > category */
#project_category #content_column .box{
}

#project_category #content_column .box .tags{
	position:absolute;
	left:15px;
	bottom:8px;
}

#project_category #content_column .box .tags ul{
	margin:0;
	padding:0;
	list-style:none;
}

#project_category #content_column .box .tags li{
	margin:0;
	padding:0;
	list-style:none;
}

#project_category #content_column .box a.active,
#project_category #content_column .box a:hover{
	color:#fff;
	border-bottom-color:#fff;
}

#project_category #content_column .box .more_info{
	position:absolute;
	right:5px;
	bottom:8px;
}

/* project : toolips */
.tool_tip_main{
	width:308px;
	position:absolute;
	left:50%;
	top:-68px;
	margin:0 0 0 -154px;
	z-index:110;
}

#page .tool_tip_main .project_name{
	text-align:center;
	cursor:pointer;
}

.tool_tip_main .arrow{
	width:9px;
	height:9px;
	background:url(../img/bg/arrow.gif) no-repeat;
	position:absolute;
	right:18px;
	top:10px;
}

#page .tool_tip_main .arrow a{
	width:9px;
	height:9px;
	display:block;
	border-bottom:0;
	border:none;
}

.tool_tip_main .top{
	height:4px;
	width:308px;
	float:left;
	background:url(../img/bg/tooltip_top.png) no-repeat;
}

.tool_tip_main .center{
	min-height:20px;
	width:308px;
	float:left;
	background:url(../img/bg/tooltip_center.png) repeat-y;
	line-height:20px;
}

.tool_tip_main .bottom{
	height:7px;
	width:308px;
	float:left;
	background:url(../img/bg/tooltip_bottom.png) no-repeat;
}

.tool_tip_desc{
	display:none;
	width:308px;
	position:absolute;
	left:50%;
	top:-43px;
	margin:0 0 0 -154px;
	z-index:110;
}

.tool_tip_desc .top{
	height:4px;
	width:308px;
	float:left;
	background:url(../img/bg/tooltip_top.png) no-repeat;
}

.tool_tip_desc .center{
	min-height:20px;
	min-height:0;
	width:308px;
	width:273px;
	float:left;
	background:url(../img/bg/tooltip_center.png) repeat-y;
	padding:10px 25px 10px 10px;
}

.tool_tip_desc .bottom{
	height:7px;
	width:308px;
	float:left;
	background:url(../img/bg/tooltip_bottom.png) no-repeat;
}

/* jobs */
#jobs #content_column{
	background:#fff200;
	border-bottom:40px solid #fff;
	min-height:40px;
}

#jobs #content_column ul{
	margin:0;
	padding:0;
	list-style:none;
}

#jobs #content_column li.job1{
	position:absolute;
	left:320px;
	top:40px;
}

#jobs #content_column li.job2{
	position:absolute;
	left:31px;
	top:246px;
}

#jobs #content_column li.job3{
	position:absolute;
	left:497px;
	top:447px;
}

#jobs #content_column li.job4{
	position:absolute;
	left:100px;
	top:660px;
}

#jobs #content_column li.job5{
	position:absolute;
	left:457px;
	top:867px;
}

/* portfolio */
#portfolio #content_column .box{
	margin-bottom:20px;
}

#portfolio #content_column .box .tags{
	position:absolute;
	left:15px;
	bottom:8px;
}

#portfolio #content_column .box .tags ul{
	margin:0;
	padding:0;
	list-style:none;
}

#portfolio #content_column .box .tags li{
	margin:0;
	padding:0;
	list-style:none;
}

#portfolio #content_column .box a.active,
#portfolio #content_column .box a:hover{
	color:#fff;
	border-bottom-color:#fff;
}

#portfolio #content_column .box .more_info{
	position:absolute;
	right:5px;
	bottom:8px;
}

/* more info open */
.more_info_txt{
	min-height:92px;
	background:#fff;
	width:188px;
	padding:2px 6px 6px 6px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:40;
}

.more_info_txt .close_btn{
	width:9px;
	height:9px;
	right:6px;
	top:6px;
	position:absolute;
}

#page .more_info_txt .close_btn a{
	width:9px;
	height:9px;
	text-decoration:none;
	border-bottom:0;
	display:block;
	background:url(../img/bg/close_btn.gif) no-repeat;
}

.more_info_txt .title {
	background:url(../img/bg/title_underline.gif) repeat-x left bottom;
	padding-bottom:6px;
	margin-bottom:5px;
}

.more_info_txt .ruler{
}

.more_info_txt .title{
}

/***********/
/* overall */
/***********/
.cs_clear,
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

.hide{
	display:none
}

.inner{
	position:relative;
}

/* forms */
.cs_form_wrapper{
	width:362px;
}

.cs_form_wrapper .cs_feedback_info ul {
	display:none;
}

.cs_form_wrapper .cs_form_label label {
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	font-family: 'Courier New', Courier, monospace;
	font-size:12px;
}

.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
}

.cs_form_wrapper .cs_form_input textarea{
	height:80px;	
}

.cs_form_wrapper .cs_form_button {
	margin:10px 0 0 0;
}

.cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:74px;
	padding:0 0 2px 0;
	background:#0e1149;
	color:#fff;
	background:#000;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:#333;
}

/************* page grid ****************/
#hidden_page_filtering,
#hidden_page_properties {
	display:none;	
}

#page_filtering {
	background:#fff;
	border:1px solid #000;
	border-top:0;
	font-family: 'Courier New', Courier, monospace;
	font-size:11px;
	height:102px;
	overflow:hidden;
	margin:0;
	padding:5px 10px 0 10px;
	position:absolute;
	right:0;
	text-align:left;
	top:0;
	width:392px;
	z-index:100000;
}

#page_properties_popup {
	background:#fff;
	border:1px solid #000;
	font-family:'Courier New', Courier, monospace;
	font-size:11px;
	height:402px;
	overflow:hidden;
	margin:0;
	padding:5px 10px;
	position:absolute;
	right:0;
	text-align:left;
	top:107px;
	width:392px;
	z-index:100000;
}

#page_properties_close {
	height:14px;
	position:absolute;
	right:10px;
	top:5px;
	width:14px;
}

#page_properties_close a {
	background:url(../img/bg/button_close.gif) no-repeat 0 0;
	display:block;
	height:14px;
	width:14px;
}

#page_properties_close a:hover {
	background:url(../img/bg/button_close.gif) no-repeat 0 -14px;
}

#page_filtering .form_row,
#page_properties_popup .form_row {
	min-height:24px;
}

#page_filtering .form_label,
#page_properties_popup .form_label,
#page_filtering .form_input,
#page_properties_popup .form_input {
	display:inline;
	float:left;
	min-height:20px;
	line-height:19px;
	margin:0 10px 0 0;
	width:150px;
}

#page_filtering .form_label .error,
#page_properties_popup .form_label .error {
	color:#f00;
}

#page_filtering .form_input,
#page_properties_popup .form_input {
	margin:0;
	width:232px;
}

#page_filtering .form_input input,
#page_properties_popup .form_input input,
#page_filtering .form_input textarea,
#page_properties_popup .form_input textarea,
#page_filtering .form_input select,
#page_properties_popup .form_input select {
	border:1px solid #aaa;
	float:left;
	font-family:'Courier New', Courier, monospace;
	font-size:11px;
	height:18px;
	margin:0;
	padding:0;
	width:230px;
}

#page_filtering .form_input input.checkbox,
#page_properties_popup .form_input input.checkbox {
	border:0;
	height:14px;
	margin-top:3px;
	padding:0;
	width:14px;
}

#page_filtering .form_input textarea,
#page_properties_popup .form_input textarea {
	height:48px;
	overflow:auto;
}

#page_filtering .form_input select,
#page_properties_popup .form_input select {
	width:232px;
}

#page_filtering .form_button,
#page_properties_popup .form_button {
	bottom:4px;
	position:absolute;
	right:252px;
}

#page_properties_popup .form_button {
	right:10px;
}

#page_filtering h1,
#page_properties_popup h1 {
	border-bottom:1px solid #aaa;
	font-size:11px;
	height:19px;
	line-height:19px;
}