/********************************************
SUMMARY
*********************************************/

/*

- TOP

	-- LOGO
	-- TOP LINKS
	-- MENU

- HEADER 

	-- SLIDER

- BODY

	-- MAIN CONTENT
	-- SIDEBAR
	
- BOTTOM


- FOOTER

   -- COPYRIGHT

------------------------------------

- INNER PAGE

   -- SIDEBAR

	
	


*/

/********************************************
MAIN SITE CENTER STYLE
*********************************************/
.wrapper_center {
	margin: 0 auto;
	width: 950px;
	
}
/********************************************
HEADER
*********************************************/
#wrapper_header {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	background: url(../images/skin01/header_bg.jpg) repeat-x left top;
}

#top {
	margin: 0 auto;
	width: 950px;
	height: 100px;
}

.slider {
	margin: 0 auto;
	width: 950px;
	height: 200px;
	background: url(../images/skin01/slider_bg.jpg) no-repeat center top;
}
.more_slider:link, .more_slider:visited {
	background: url(../images/skin01/slider_button.png) no-repeat left top;
	width: 200px;
	height: 35px;
	text-align: center;
	padding: 15px 0px 0px 0px;
	float: left;
	margin-top: 20px;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.more_slider:hover {
	color: #fff;
}

/* ----------- logo ----------- */

.logo {
	float: left;
	width: 200px;
	height: 100px;
	background: url(../images/skin01/logo.jpg) no-repeat left top;
}

/* ----------- top links ----------- */

.top_right_links {
	float:left;
	width: 720px;
	height: 45px;
	padding-top: 10px;
}
ul.toplinks {
	float: right;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}
.toplinks li {
	float: left;
	margin: 0px 3px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
}



/* ----------- topsection ----------- */

#topsection {
	margin: 0 auto;
	width: 100%;
	height: 170px;
	padding: 20px 0px 10px 0px;
	background: url(../images/skin01/topsec_bg.jpg) repeat left top;
}

.topsection_box {
	float: left;
	width: 260px;
	height: 135px;
	padding: 15px 20px 20px 20px;
	background: url(../images/skin01/top_sectionbg.png) no-repeat left top;
}
.topsection_box p {
	float: left;
	width: 150px;
	padding-bottom: 10px;
}
.topsec_img {
	float: right;
	margin-top: 15px;
}
.topsec_vspace {
	float: left;
	width: 25px;
	height: 170px;
}


/********************************************
BODY
*********************************************/

#wrapper_body {
	margin: 0 auto;
	width: 100%;
	padding: 35px 0px 10px 0px;
	float: left;

}
.home_content {
	float: left;
	width: 700px;
}
.home_content_box {
	float: left;
	width: 300px;
	height: 150px;
	padding-right: 50px;
	padding-bottom: 25px;
}
.home_content_box h3 {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 200px;
}
.home_content_box p {
	float: left;
	width: 300px;
	margin-top: 10px;
}


#wrapper_body1 {
	margin: 0 auto;
	width: 100%;
	padding: 35px 0px 10px 0px;
	float: left;
	background: url(../images/skin01/hcontact.jpg) no-repeat center top;
}
.home_content {
	float: left;
	width: 700px;
}
.home_content_box {
	float: left;
	width: 300px;
	height: 150px;
	padding-right: 50px;
	padding-bottom: 25px;
}
.home_content_box h3 {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 200px;
}
.home_content_box p {
	float: left;
	width: 300px;
	margin-top: 10px;
}
/* ----------- news ----------- */

.news {
	float: right;
	width: 240px;
}
.news h3 {
	float: left;
	margin-top: 9px;
	margin-left: 5px;
	margin-bottom: 1px;
	width: 180px;
}

ul.news_list {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 240px;
}
.news_list li {
	float: left;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 240px;
	list-style-type: none;
	border-bottom: 1px dashed #A4A4A4;
}
.news_list li i {
	font-size: 12px;
	color: #A4A4A4;
}

/* ----------- clients ----------- */

.clients_sec {
	margin: 0 auto;
	width: 950px;
	padding: 0px;
}
ul.client_list {
	float: left;
	margin: 0px;
	padding: 0px;
}
.client_list li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.client_list li.logo_space {
	float: left;
	width: 35px;
}

.h_line {
	float: left;
	width: 950px;
	height: 5px;
	margin-top: 2px;
	border-top: 1px solid #ddd;
}
.h_line_02 {
	float: left;
	width: 950px;
	height: 2px;
	padding: 15px 0px 20px 0px;
}


/* ----------- main content ----------- */

.main_content {
	float: left;
	width: 610px;
	padding-right: 50px;
	background: url(../images/skin01/shadow_divedar.jpg) no-repeat right top;
}
.main_content_fullwidth {
	margin: 0 auto;
	width: 950px;
}
.two_column_left {
	float: left;
	width: 450px;
}
.two_column_right {
	float: right;
	width: 450px;
}
.three_column_left {
	float: left;
	width: 270px;
	margin-right: 50px;
}
.three_column_center {
	float: left;
	width: 270px;
	margin-right: 50px;
}
.three_column_right {
	float: left;
	width: 270px;
}

.imgleft {
	float: left;
	margin-right: 25px;
}
.imgleft_02 {
	float: left;
	margin-right: 15px;
}
.imgright {
	float: right;
	margin-left: 25px;
}
.readmore:link, .readmore:visited {
	float: left;
	width: 101px;
	height: 25px;
	padding-top: 5px;
	text-align: center;
	background: url(../images/skin01/but_readmore02.jpg) no-repeat left top;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 18px;
	margin-right: 30px;
}
.readmore:hover {
	background: url(../images/skin01/but_readmore02_hover.jpg) no-repeat left top;
}

.team {
	float: left;
	width: 610px;
	padding-top: 12px;
	padding-bottom: 15px;
	line-height: 20px;
	background: url(../images/skin01/about_graybg.jpg) repeat-y left top;
}
.team_member {
	float: left;
	width: 270px;
	padding-right: 50px;
	padding-bottom: 25px;
}
.team_member_02 {
	float: left;
	width: 270px;
	padding-bottom: 25px;
}
.team_member_03 {
	float: left;
	width: 270px;
	padding-right: 50px;
}
.team_member_04 {
	float: left;
	width: 270px;
}
.team p {
	float: left;
	width: 160px;
}

.content_section {
	float: left;
	width: 610px;
	margin-top: 20px;
}

ul.future_list {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.future_list li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 280px;
	line-height: 30px;
	list-style-type: none;
	background: url(../images/skin01/arrow_02.jpg) no-repeat left 9px;
}

ul.sample_list {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 600px;
}
.sample_list li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	line-height: 30px;
	list-style-type: none;
	background: url(../images/skin01/arrow_02.jpg) no-repeat left 9px;
}

ol.sample_list_ordered {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	width: 600px;
}
.sample_list_ordered li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
}
.tables_list {
	float: left;
	background-color: #fff;
}
.tables_list th {
	padding: 10px;
	background-color: #eee;
}
.tables_list td {
	padding: 10px;
	text-align: center;
	background-color: #f5f5f5;
}

/* ----------- portfolio ----------- */

.portfolio_box {
	float: left;
	width: 950px;
}
.portfolio_box img {
	float: right;
	margin-left: 50px;
}

/* ----------- blog ----------- */

.blog_post {
	float: left;
	width: 600px;
	margin-bottom: 30px;

}
.blog_post h2 a {
	color: #000;
	text-decoration: none;
	float: left;
	font-size: 25px;
}
.blog_post h2 a:hover {
	color: #333;
	text-decoration: underline;
	float: left;
	font-size: 25px;
}
.post_info {
	float: left;
	width: 600px;
}
.post_meta {
	float: left;
	width: 600px;
	height: 34px;
	background: url(../images/skin01/but_post_readmorebg.jpg) no-repeat left top;
	margin-top: 20px;
}
ul.post_meta_links {
	float: left;
	margin: -4px 0px 12px -4px;
	padding: 0px 0px 0px 0px;
	width: 490px;
}
.post_meta_links li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	list-style-type: none;
	color: #999;
}
.post_meta_links li a {
	color: #999;
	padding: 0px 3px 0px 0px;
	text-decoration: none;
	font-size: 12px;
}
.post_meta_links li a:hover {
	color: #454545;
	text-decoration: underline;
}
.blog_postcontent {
	float: left;
	width: 600px;
}
.blog_postpic {
	width: 600px;
	margin-bottom: 15px;
}
.blog_post a.date {
	color: #fff;
	padding: 7px 0px 0px 0px;
	text-decoration: none;
	width: 40px;
	height: 33px;
	text-align: center;
	background: url(../images/skin01/date_bg.jpg) repeat-x left top;
	line-height: 14px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-right: 18px;

}
.blog_post a.date:hover {
	color: #F4B604;
	font-size: 11px;
	text-decoration: none;
}
.blog_post a.date strong {
	font-size: 18px;
	font-weight: normal;
}
.post_readmore:link, .post_readmore:visited {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}

.paging {
	float: left;
	width: 600px;
	height: 34px;
}
ul.paging_links {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.paging_links li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
.paging_links li a {
	font-size: 14px;
	width: 15px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	float: left;
	color: #727272;
	text-decoration: none;
	background: url(../images/skin01/paging_bg.jpg) no-repeat left top;
}
.paging_links li a:hover {
	width: 15px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	float: left;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/paging_bg_hover.jpg) no-repeat left top;
}
.paging_links li a.active {
	width: 15px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	float: left;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/paging_bg_hover.jpg) no-repeat left top;
}

.sharepost {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 545px;
	height: 16px;
	padding: 12px 15px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/skin01/sharepost_bg.jpg) no-repeat left top;
}
.sharepost ul {
	margin: 0px;
	padding: 0px;
}
.sharepost li {
	margin: 0px;
	padding: 0px 4px;
	float: left;
	list-style-type: none;
}
.graybox_center_02 {
	float: left;
	width: 535px;
	padding: 10px 20px;
	background-color: #F4F4F4;
}
.graybox_center_02 p {
	margin: 0px;
}
span.postedby img {
	margin-right: 20px;
}
span.postedby strong {
	font-size: 16px;
}
span.postedby a {
	font-size: 12px;
}
span.postedby {
	width: 535px;
	height: 62px;
	margin-bottom: 15px;
	display: block;
	background: url(../images/skin01/h_line.jpg) repeat-x left bottom;
}
.comment_form {
	float: left;
	width: 585px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 20px;
}
.comment_input_bg {
	float: left;
	width: 373px;
	height: 25px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/input_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
}
.comment_textarea_bg {
	float: left;
	width: 543px;
	height: 235px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/textarea_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
}
.comment_input_submit {
	float: left;
	width: 143px;
	height: 34px;
	background: url(../images/skin01/button_commentsubmit.jpg) no-repeat left top;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 25px;
}
.comment_checkbox {
	float: left;
	width: 500px;
	padding-top: 18px;
}

.graybox_top {
	float: left;
	width: 575px;
	height: 10px;
	background: url(../images/skin01/graybox_top.jpg) no-repeat left top;
}
.graybox_center {
	float: left;
	width: 555px;
	padding: 0px 10px;
	background-color: #F4F4F4;
}
.graybox_center p {
	float: left;
	width: 410px;
	padding-left: 20px;
	margin: 0px;
}
.graybox_center i {
	font-size: 11px;
}
.graybox_bottom {
	float: left;
	width: 575px;
	height: 10px;
	margin-bottom: 20px;
	background: url(../images/skin01/graybox_bottom.jpg) no-repeat left top;
}


/* ----------- sidebar ----------- */

.sidebar {
	float: right;
	width: 290px;
}
.sidebar h3 {
	float: left;
	width: 270px;
	height: 33px;
	padding: 7px 0px 0px 20px;
	color: #fff;
	background: url(../images/skin01/sidebar_titlebg.jpg) no-repeat left top;
}
.subnav {
	float: left;
	width: 290px;
}
ul.subnav_links {
	float: left;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}
.subnav_links li {
	margin: 0px;
	padding: 3px 0px 0px 20px;
	height: 29px;
	width: 270px;
	list-style-type: none;
	background: url(../images/skin01/subnav_divedar.jpg) no-repeat left bottom;
}
.subnav_links li a {
	background: url(../images/skin01/subnav_arrow.jpg) no-repeat left 6px;
	text-decoration: none;
	padding-left: 18px;
}

ul.our_advantages {
	float: left;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}
.our_advantages li {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	width: 270px;
	height: 65px;
	line-height: 18px;
	list-style-type: none;
	background: url(../images/skin01/subnav_divedar.jpg) no-repeat left bottom;
}
.our_advantages li a {
	background: url(../images/skin01/subnav_arrow.jpg) no-repeat left 6px;
	text-decoration: none;
	padding-left: 18px;
}


/********************************************
FOOTER
*********************************************/

#wrapper_footer {
	margin: 0 auto;
	width: 100%;
	height: 100px;
	padding: 5px 0px 0px 0px;
	float: left;
	margin-top: 0px;
	background: url(../images/skin01/footer_bg.jpg) repeat-x left top;
}
#wrapper_footer h3 {
	margin: 0px;
	padding: 0px;
	color: #fff;
}
.testimonials {
	float: left;
	width: 540px;
	padding-right: 100px;
}

.testimonials span {
	float: left;
	width: 540px;
	color: #999;
	line-height: 21px;
	margin-top: 12px;
	background: url(../images/skin01/testimonials_bg.jpg) no-repeat left top;
}

.footer_contact {
	float: left;
	width: 270px;
}
.footer_contact p {
	color: #999;
	padding-top: 10px;
}
.footer_contact p a {
	color: #999;
}

/* ----------- copyright ----------- */

.copyright {
	float: left;
	width: 950px;
	margin-top: 3px;
	font-size: 12px;
	color: #727272;
	padding-top: 10px;
}
.copyright_left {
	float: left;
	width: 500px;
}
.copyright_right {
	float: right;
	width: 450px;
}
ul.copyright_links {
	float: right;
	margin: -3px 0px 0px 0px;
	padding: 0px;
}
.copyright_links li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.copyright_links li a {
	text-decoration: none;
	color: #727272;
	padding: 0px 5px;
}
.copyright_links li a:hover {
	text-decoration: underline;
	color: #727272;
}

/********************************************
INNER PAGE
*********************************************/
#page_title {
	margin: 0 auto;
	width: 100%;
	height: 40px;
	border-top: 5px solid #000;
	padding: 15px 0px;
	background: url(../images/skin01/pagetitle_bg.jpg) repeat left top;
}
#page_title span {
	font-size: 13px;
	color: #D9D9D9;
	width: 670px;
	height: 40px;
	padding-left: 20px;
	margin-left: 20px;
	float: left;
	border-left: 1px solid #8C8C8C;
}


/* ---------- contact form ---------- */

.contact_form {
	float: right;
	width: 285px;
	margin-top: 25px;
	margin-right: 100px;

}
.contact_form label{
	width: 185px;
	height: 21px;
	display: block;
	color: white;
}
.input_bg {
	width: 200px;
	height: 25px;
	padding: 7px 10px 0px 101px;
	background: url(../images/skin01/input_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4F5E69;
}
.textarea_bg {
	width: 285px;
	height: 200px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/textarea_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4F5E69;
}
.input_submit {
	width: 143px;
	height: 34px;
	background: url(../images/skin01/button_commentsubmit.jpg) no-repeat left top;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 10px;
}

ul.address {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.address li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.location_map {
	float: left;
	width: 250px;
	margin: 20px 0px 30px 20px;
}

.pagenotfound {
	float: left;
	width: 570px;
	height: 165px;
	padding: 0px 15px 15px 15px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	border: 1px solid #e5e5e5;
}
.pagenotfound_textbig {
	font-size: 120px;
	font-weight: normal;
	color: #666;
	padding-top: 60px;
	padding-left: 10px;
}
.pagenotfound_textsmall {
	float: left;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	padding-top: 20px;
	padding-left: 10px;
}
.pagenotfound_left {
	float: left;
	width: 250px;
}
.pagenotfound_right {
	float: left;
	width: 270px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-left: 1px solid #999;
	font-size: 21px;
	margin-top: 20px;
}
.sitemap {
	float: left;
	width: 170px;
	padding-right: 30px;
}
ul.sitemap_links {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.sitemap_links li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sitemap_links li a {
	text-decoration: none;
	padding: 5px 7px 5px 18px;
	display: block;
	background: url(../images/skin01/arrow_02.jpg) no-repeat left 10px;
}
.sitemap_links li a:hover {
	text-decoration: none;
}
.sitemap_search {
	float: left;
	width: 560px;
	padding: 10px 20px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	border: 1px solid #e5e5e5;
}
.sitemap_search_filed {
	float: left;
	width: 370px;
	height: 25px;
	padding: 5px 10px 0px 10px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #454545;
	background: url(../images/skin01/search_bg.jpg) repeat-x left top;
	border: 1px solid #ccc;
}