* {

	margin: 0px;

	padding:0px;

}

body {

	background: #FFFFFF url(../img/bg.gif) repeat-x left top;

	margin: 0px;

}

body, th, td {

	font-family:Arial, Helvetica, sans-serif, Tahoma;

	font-size: 12px;

}

a, a:hover {

	color: #EC4399;

	outline:none;

	cursor:pointer;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}



#wrap {

	width: 951px;

	margin:auto;

}



/*Website Top*/

.website-top{

	width: 951px;

	height: 231px;

	background: url(../img_gallery/header.jpg) no-repeat left top;

}

	/*Website Logo*/

	.website-logo{

		width: 163px;

		height: 149px;

		margin: 31px 0 0 45px;

		_margin: 31px 0 0 23px;

		_padding-bottom: 51px;

		float: left;		

	}

	.website-logo a, .website-logo a:hover{

		width: 163px;

		height: 149px;

		display: block;

		outline: none; /*hide outline from firefox*/ 		

	}

		.website-logo a span{

			position: absolute;

			left: -10000px;

		}



	/*Main Menu*/

	.main-menu{

		width: 720px;

		_width: 670px;

		float: right;

		margin: 65px 0 0 20px;

    	_margin: 140px 0 0 20px;

	}

	

	/*Main Content*/

	.main-content{}

		.content1-info{

			background: #57585A url(../img/content1_bg.gif) repeat-x left top;

			border-bottom: 1px solid #000000;

		}

			/*Home Content*/			

			.home-content img{

				float: left;

			}	

				.home-content-info{

					width: 460px;

					padding: 50px 53px 46px 62px;

					float: right;

				 }

				 	.home-content-info h1{

						padding-bottom: 18px;

						font-family:  Arial, Helvetica, sans-serif;

						font-size: 25px;

						font-weight: normal;

						color: #FFFFFF;

					}

                    .home-content-info span{

						font-size: 12px;

						font-weight: normal;

						color: #EC4399;

					}

					.home-content-info strong{

						padding: 8px 0 14px;

						font-size: 16px;

						font-style: italic;

						display: block;

					}

					.home-content-info p{

						font-size: 12px;

						color: #CCCCCC;

					}

		.content2-info{

			background: #F2F2F2 url(../img/content2_bg.gif) repeat-x left bottom;

		}

		.website-bottom{

			background: #B2B2B2 url(../img/bottom-contact_bg.gif) repeat-x left top;

			border-bottom: 3px solid #EC4399;

		}

			.quick-contact{

				padding-top: 6px;

				margin: 0 10px 0 7px;

			}

				.quick-contact-top{

					height: 48px;

					padding: 7px 42px 0 0;

					background: url(../img/quick-contact-top_bg.gif) no-repeat left top;					

					text-align: right;

					font-size: 22px;

					font-weight: normal;

					color: #EC4399;					

				}

					.quick-contact-top span{

						font-size: 20px;

					}

					.quick-contact-top a, .quick-contact-top a:hover {

						font-weight: bold;

						font-style:italic;

						text-decoration: none;

					}

				.quick-contact-bottom{

					padding-bottom: 7px;

					background: #242021 url(../img/quick-contact-bottom_bg.gif) repeat-x left top;

					border-left: 1px solid #767576;

					border-right: 1px solid #767576;				

				}



				

/*Project Box*/

.project_box {

	width: 222px;

	height: 147px;

	margin: 0 4px 0px 8px;

	_margin: 0 4px 0px 4px;

	float:left;

	text-align:center;

}

.project-box-container{

	width: 218px;

	margin:0px 7px 10px 9px;

	_margin:0px 5px 10px 5px;

	float:left;

}

	.project-box-container .project_box{

		margin: 0px;

		float:none;

	}

	.project_box a,

	.project_box a:hover {

		text-decoration:none;

		font-size:14px;

		font-weight:bold;

		color:#96B801;

		cursor:pointer;

	}

	.project_box a {

		font-size:14px;

		color:#F8941C;

	}

	.project_box img {

		border: solid 1px #9A9DA7;

	}

	.project_box span {

		width:152px;

		height:35px;

		overflow:hidden;

		display:block;

		margin-top:4px;

	}

.project_box_last {

	margin-right:0px;

}

.project-link a, .project-link a:hover{

	width: 202px;

	height: 29px;

	margin-top: 4px;

	padding: 5px 10px 8px;

	display: block;

	font-size: 14px;

	font-style: italic;

	color: #FFFFFF;

	background:url(../img/project-title_bg.gif) repeat-x  left top;

	text-decoration: none;

}

.project-link a:hover{

	background: url(../img/project-title-hover.gif) no-repeat left top;

}

.project-link a span{

	font-size: 11px;

}



/*Prsj-page Category Menu*/

.prjs-headline{

	font-size: 25px;

	color: #1AB7EA;

	padding: 14px 0px 10px;

	text-transform: lowercase;

	font-weight: normal;

	float: left;

}

.category-menu{

	float: left;

	margin: 26px 0 0 18px;

	color: #FFFFFF;

}

	.category-menu a, .category-menu a:hover{

		color: #F2F2F2;

		text-decoration: none;

		font-style: italic;

	}

	.category-menu a:hover{

		color: #1AB7EA;

	}

	.category-menu .active{

		color: #1AB7EA;

	}

.prjs-info{

	font-size: 13px;

	color: #AAAAAB;

	font-style: italic;

}



/*Page Navigation*/

.page-nav {

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0 auto;

	text-align:center;

	width:350px;

}

	.page-nav li {

		color:#B7B7B7;

		display:inline;

		float:left;

		margin:10px 4px 15px 0px;

	}

		.page-nav li a,

		.page-nav li a:hover {

			color:#5E5E5E;

			font-size:13px;

			text-decoration:none;

			display:block;

			padding:4px 0px;

		}

		.page-nav li .prev,

		.page-nav li .prev:hover {

			background: url(../img/pag-nav.gif) no-repeat -58px -28px;

			width:70px;

			height:17px;

		}

		.page-nav li .prev {

			background: url(../img/pag-nav.gif) no-repeat -58px 0px;

		}

		.page-nav li .next_last,

		.page-nav li .next_last:hover {

			background: url(../img/pag-nav.gif) no-repeat 0px -28px;

			width:48px;

			height:17px;

		}

		.page-nav li .next_last {

			background: url(../img/pag-nav.gif) no-repeat 0px 0px;

		}

		.page-nav li .current-page,

		.page-nav li .other-page,

		.page-nav li .other-page:hover {		

			background: url(../img/pag-nav.gif) no-repeat -138px -28px;

			width:26px;

			height:17px;

		}

		.page-nav li .current-page {

			background: url(../img/pag-nav.gif) no-repeat -167px 0px;

		}

		.page-nav li .other-page {

			background: url(../img/pag-nav.gif) no-repeat -138px 0px;

		}



/*Form Style*/

.txtform_q{

	height: 20px;

	width: 220px;

	padding-top: 2px;

	border: 1px solid #0A0A0A;

	font-size: 12px;

	color: #EC4399;

	font-weight: normal;

}	

.txtform{

	width: 261px;

	height: 22px;

	border: 1px solid #B2B2B2;

}

.txtarea{

	width: 535px;

	border: 1px solid #B2B2B2;

}

.table-info .td-info{

	padding-top: 5px;

}

.contact-table{

	color: #8C8C8C;

}

.contact-headline{

	margin: 18px 0 16px;

	color: #1E1E1E;

	font-size: 18px;

	font-weight: normal;

	font-style: italic;

}





/*Prj page style*/

.prj-container{

	width: 517px;

	margin: 10px 0 0 30px;

	_margin: 10px 0 0 11px;

	float: left;

	text-align: center;

	*text-align: left;

}

	.prj-box{

		width: 499px;

		height: 303px;

		text-align: center;

		border: solid 1px #9A9DA7;

	}

	.prj-description{

		width: 347px;

		padding-right: 35px;

		float: right;

		color: #898989;

	}

	.prj-headline{

		padding: 20px 0 15px;

		font-size: 25px;

		font-style: italic;

		color: #000000;

	}

.visit_website, .visit_website:hover{

	display: block;

	margin: 37px 0px 10px;

}

.prj-pagination{

	padding: 10px 38px;

}

	.backlink{

		width: 106px;

		height: 25px;

		float: left;

	}

	.nextlink{

		width: 86px;

		height: 25px;

		margin-left: 3px;

		float: left;

	}

	.portofoliu-link{

		width: 106px;

		height: 25px;

		float: right;

	}



/*Project Thumbs*/

#thumbs{

	margin: 21px 0 0px;

}

#thumbs a {

	width: 113px;

	height: 76px;

	margin: 0 8px 8px 0;	

	display: block;

	float: left;

}

.thumb {

	border: 1px solid #9A9DA7;

}	

.thumb_active {

	border: 1px solid #ED56A0;

}

	.thumbs_p{

		margin-bottom: 5px;

		_margin: 5px 0;

		text-align: left;

		color: #666666;

		font-size: 12px;

		font-weight: normal;

	}	



				

/*Footer*/

.footer-wrap{

	background: #242022 url(../img/footer_bg.gif) repeat-x left top;

}	

.footer {

	width: 917px;

	margin: 0 auto;

	padding: 10px 17px;

	text-align: right;

	color: #FFFFFF;

	background: #242022 url(../img/footer_bg.gif) repeat-x left top;

}

	.footer a, .footer a:hover  {

		font-weight: normal;

		color: #FFFFFF;

		text-decoration:none;

	}

	.footer a:hover {

		color:#FFFFFF;

		text-decoration: underline;

	}

/*Error Style*/

.info, .success, .warning, .error{  

    border: 2px solid;  

    margin: 10px 0px;  

    padding:10px 10px 10px 53px;  

    background-repeat: no-repeat;  

    background-position: 10px center;

}

	.info h3,

	.success h3,

	.warning h3,

	.error h3{

		font-size:17px;

	}

	.info a,

	.info a:hover,

	.success a,

	.success a:hover,	

	.warning a,

	.warning a:hover,	

	.error a,

	.error a:hover{

		font-size:11px;

		float:right;

		font-weight:bold;

		text-decoration:none;

		outline:none;

		text-transform:capitalize;

		background-image:url(.../img/admin_dismiss.gif);

		background-repeat:no-repeat;

		padding-left:15px;

	}

	

.info{

    color: #567da5;  

    background-color: #d7ebf2;  

    background-image: url(../img/admin_info.gif);

	border-color:#b6c7cd;

}

	.info a{

		color: #567da5;

		background-position:0px -35px;

	}

.success{

    color: #ffffff;  

	border-color:#3b9805;

    background-color: #8ac469;  

    background-image:url(../img/admin_success.gif);	

}

	.success a{

		color: #ffffff;  

		background-position:0px 3px;

	}

.warning{

    color: #655f4f;  

    background-color: #fdedc5;  

    background-image:url(../img/admin_warning.gif);

	border-color:#efcd78;	

}

	.warning a{

		color: #655f4f;

		background-position:0px -16px;

	}

.error{

    color:#ffffff;  

    background-color:#ED539E;

    background-image:url(../img/admin_error.gif);

	border-color:#C26891;

}  

	.error a{

		color:#ffffff;

		background-position:0px -54px;

	}

.get_error h1{ 

	padding: 100px 0 150px;

	font-size: 18px;

	font-weight: normal;

	color: #EC4399;

	text-align: center;

}

/*Hide*/

.hide {

	display:none;

}			

/* Clear Float Fix Problem */

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.clearfix {

	display: inline-block;

}

html[xmlns] .clearfix {

	display: block;

}

* html .clearfix {

	height: 1%;

}