/*----------------------------------------------------
                 Centita - CSS File
------------------------------------------------------*/


/* About
------------------------------------------------------*/
.sidebox p {margin-bottom:10px;}
ul.about-list{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	color:#CCCCCC;
}
ul.about-list li{background-image:url(../images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 15px 22px; line-height:13px;}
ul.about-list li a, ul.about-list li a:visited{
	color:#666666;
	text-decoration:none;
}
ul.about-list li a:hover{
	color:#CC0000;
}


/* Blog
------------------------------------------------------*/
.blog-post h2 {
	color:#CC0000;
	margin-bottom:0px;
}
.blog-post {padding-bottom:18px; margin-bottom:15px;}
.blog-posted{
	padding-top:5px;
	margin-bottom:20px;
	height:20px;
	font-size:11px;
	color:#999999;
	border-bottom:1px solid #d9d9d9;
}
#recentPostList{width:270px; float:left;  margin-left:30px;}
#related-post-title{
	padding:3px 0px 4px 0px;
	height:20px;
	font-weight:bold;
	color:#CC0000;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
}
.related-comment-title{
	padding:3px 0px 4px 0px;
	margin-bottom:5px;
	height:20px;
	font-weight:bold;
	color:#CC0000;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
}
.related-item-wrapper{
	font-size:11px;
	height:105px;
	width:270px;
	padding:0px px 0px 0px;
	float:left;
	color:#999999;
	cursor:pointer;
}
.related-item-wrapper:hover{background-color:#f8f8f8;}
.related-item-wrapper h4{
	color:#CC0000;
}
.related-item-wrapper img{width:65px; height:65px;}
.related-spacer{width:8px; float:left;}
.posted-detail{float:left;}
.read-more{float:right;}

#commentFormArea {
	width:310px;
	color:#666666;
	float:left;
}
.input-comment{
	background-color: #ffffff;
	border:1px solid #d9d9d9;
	width:213px;
	padding:5px 5px 5px 5px;
	margin:0px;
	color:#666666;
}
.input-submit-comment { background-image:url(../images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right;}
.textarea-comment {
	background-color: #ffffff;
	border:1px solid #d9d9d9;
	width:213px;
	padding:5px 5px 5px 5px;
	margin:0px;
	color:#666666;
}

.commonPageListControlBar{
height: 30px;
background-color: #fff;
margin-top:30px;
text-align: left;
}
.commonPageListBtn{
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}
.commonPageListControlBar a, .commonPageListControlBar a:visited{
	color:#333333;
}
.commonPageListBtn:hover{
text-decoration: underline;
}
.commonPageListBtnSelected{
	border: 1px solid #eaeaea;
	background-color: #eaeaea;
	color:#666666;
	font: normal 11px/28px Verdana;
	padding: 6px;
	cursor:default;
}


/* Content
------------------------------------------------------*/
#content h4{margin-bottom:8px;}
#main_text{padding:20px 0px 0px 0px;}


/* Sidebar
------------------------------------------------------*/
#newsletter fieldset {margin:0px; padding-bottom:20px; border:0px;}
.but {vertical-align:middle; padding-left:2px;}
.inputbox01 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	width:190px;
	border:1px solid #d9d9d9;
	vertical-align:top;
	padding:3px 4px 2px 3px;
	color:#999999;
}
.inputbox01:focus{
	border:1px solid #adacac;
	color:#999999;
}
#testimonials{
padding:10px 18px 15px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.scroll ul{
	position:relative;
	width:276px;
	height:200px;
	margin:0px;
	list-style:none;
}
.scroll ul li{
width:276px;
height:92px;
margin:0;
line-height:18px;
}


/* Portfolio
------------------------------------------------------*/
#main-portfolio{width:960px; float:left;}
.box-pf-top{
	width:218px;
	float:left;
	margin:0px 26px 38px 0px;
	border: 1px solid #CCCCCC;
}
.box-pf-bottom{
	width:218px;
	float:left;
	margin:0px 26px 18px 0px;
	border: 1px solid #cccccc;
}
.box-pf-top-last{
	width:218px;
	float:left;
	margin-bottom:38px;
	border: 1px solid #cccccc;
}
.box-pf-bottom-last{
	width:218px;
	float:left;
	margin-bottom:18px;
	border: 1px solid #cccccc;
}
.quote{padding-top:18px;}
.quote h2{
	color:#CC0000;
	padding-bottom:10px;
}
.detail{font-weight:bold; margin-bottom:0px;}
ul.detail-list{margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
ul.detail-list li{background-image:url(../images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 5px 22px; margin-top:0px; line-height:13px;}
#desc-project1, #desc-project2, #desc-project3, #desc-project4, #desc-project5, #desc-project6, #desc-project7, #desc-project8{
	display:none;
}


/* Contact
------------------------------------------------------*/
form {margin:0; padding:0;}
#contactFormArea {
	width:480px;
	color:#666666;
}
.input{
	background-color: #ffffff;
	border:1px solid #d9d9d9;
	width:406px;
	padding:5px 5px 5px 5px;
	margin:0px;
	color:#666666;
}
.input-submit { background-image:url(../images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right; margin-right:62px;}
.textarea {
	background-color: #ffffff;
	border:1px solid #d9d9d9;
	width:406px;
	padding:5px 5px 5px 5px;
	margin:0px;
	color:#666666;
}
.map {width:276px; height:183px; padding-bottom:8px;}
#address{padding-bottom:15px;}
#address ul{margin:0px; padding:0px 0px 0px 0px;}
#address ul li{
	list-style-type:none;
	padding:5px 31px;
	color:#333333;
}
#address ul li a, #contact ul li a:visited{
	color:#333333;
	text-decoration:none;
}
#address ul li.mail{background-image:url(../images/icon-mail.jpg); background-repeat:no-repeat; background-position:0 5px;}
#address ul li.phone{background-image:url(../images/icon-phone.jpg); background-repeat:no-repeat; background-position:0 5px;}
#address ul li.address{background-image:url(../images/icon-globe.jpg); background-repeat:no-repeat; background-position:0px 5px;}