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

/*

- TOP

	-- LOGO
	-- MENU

- HEADER 

	-- SLIDER

- BODY

	-- MAIN CONTENT
	-- SERVICES
	-- WHY US

- SIDEBAR

   -- WHATS NEW
   -- RECENT POSTS
   -- ARCHIVES
   -- CUSTOMER SAYS

- FOOTER

   -- COPYRIGHT

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

- INNER PAGE

	-- PAGE TITLE
	-- SEARCH SITE
	
- INNER BODY

	-- TEAM MEMBERS
	
	-- WE OFFER
	
	-- SERVICES OVERVIEW
	
	-- PORTFOLIO FULL VIEW
	
	-- PORTFOLIO GALLERY VIEW
	
	-- PARTNERSHIP WITH US
	
	-- BLOG
	
	-- CONTACT FORM


*/

/********************************************
MAIN SITE CENTER STYLE
*********************************************/
.wrapper_center {
	margin: 0 auto;
	width: 980px;
	
}
/********************************************
TOP
*********************************************/
#wrapper_top {
	margin: 0 auto;
	width: 100%;
	height: 72px;
	background: url(../images/top_bg.jpg) repeat-x left top;
	
}
#top {
	width: 100%;
	height: 72px;
}
.logo {
	float: left;
	width: 300px;
	height: 72px;
}


/********************************************
HEADER
*********************************************/
#wrapper_header {
	margin: 0 auto;
	width: 100%;
	height: 400px;
	float: left;
	background: url(../images/header_bg.jpg) no-repeat center top;
	
}

/********************************************
BODY
*********************************************/
#wrapper_body {
	margin: 0 auto;
	width: 100%;
	padding: 20px 0px 30px 0px;
	float: left;
	
}
.main_content {
	float: left;
	width: 585px;
}
.button_readmore {
	float: left;
	width: 300px;
	height: 27px;
}
.button_readmore a:link, .button_readmore a:visited {
	float: left;
	background: url(../images/but_readmore.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
	width: 80px;
	height: 21px;
	padding: 6px 0px 0px 10px;
	text-decoration: none;
}
.button_readmore a:hover {
	color: #454545;
}
.shadow_01 {
	float: left;
	background: url(../images/shadow_01.png) no-repeat left top;
	width: 585px;
	height: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.shadow_02 {
	float: left;
	background: url(../images/shadow_01.png) no-repeat left top;
	width: 585px;
	height: 10px;
	margin-bottom: 15px;
}
.shadow_full {
	float: left;
	background: url(../images/shadow_full.jpg) no-repeat left top;
	width: 980px;
	height: 10px;
	margin-top: 15px;
}
.imgright {
	float: right;
}
.imgleft {
	float: left;
}

/* ---------- Services ---------- */

.services {
	float: left;
	width: 585px;
}
.services_listspace {
	float: left;
	width: 25px;
	height: 200px;
}
.services ul {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 275px;
}
.services li {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 275px;
	height: 70px;
	list-style-type: none;
	float: left;
}
li.serlist_01 a {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_01.jpg) no-repeat left top;}
li.serlist_01 a:hover {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_01_hover.jpg) no-repeat left top;}

li.serlist_02 a { float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_02.jpg) no-repeat left top;}
li.serlist_02 a:hover {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_02_hover.jpg) no-repeat left top;}

li.serlist_03 a { float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_03.jpg) no-repeat left top;}
li.serlist_03 a:hover {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_03_hover.jpg) no-repeat left top;}

li.serlist_04 a { float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_04.jpg) no-repeat left top;}
li.serlist_04 a:hover {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_04_hover.jpg) no-repeat left top;}

li.serlist_05 a { float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_05.jpg) no-repeat left top;}
li.serlist_05 a:hover {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_05_hover.jpg) no-repeat left top;}

li.serlist_06 a { float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_06.jpg) no-repeat left top;}
li.serlist_06 a:hover {float: left; display: block; width: 275px; height: 70px; background: url(../images/serviceslist_06_hover.jpg) no-repeat left top;}

/* ---------- Why Choose Us? ---------- */

.whychoous {
	float: left;
	width: 585px;
}
.whychoous ul {
	margin: 0px;
	padding: 0px;
}
.whychoous li {
	margin: 10px 0px;
	padding: 0px 0px 0px 30px;
	list-style-type: none;
	background: url(../images/icon_rightmark.jpg) no-repeat left 3px;
}


/********************************************
SIDEBAR
*********************************************/
#sidebar {
	float: left;
	width: 329px;
	padding-left: 66px;
	padding-top: 32px;
	background: url(../images/sidebar_bg.png) no-repeat left top;
}

/* ---------- What's New ---------- */

.whatsnew {
	float: left;
	width: 326px;
}

/* ---------- Recent Blog Posts ---------- */

.recent_blogs {
	float: left;
	width: 326px;
}
.recent_blogs ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.recent_blogs li {
	margin: 0px;
	padding: 9px 0px 9px 0px;
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #eee;
}
.recent_blogs li a {
	font-size: 11px;
}

/* ---------- Archives ---------- */

.archives {
	float: left;
	width: 326px;
	padding-top: 25px;
}
.archives ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.archives li {
	margin: 0px;
	padding: 7px 0px 9px 12px;
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #eee;
	background: url(../images/arrow_archives.jpg) no-repeat left 12px;
}
.archives li a {
	color: #727272;
	text-decoration: none;
}
.archives li a:hover {
	color: #3B7AA7;
	text-decoration: underline;
}

/* ---------- Customer Say's ---------- */

.customer_says {
	float: left;
	width: 326px;
	padding-top: 25px;
}
.customer_says span.clientimg {
	float: left;
	width: 326px;
	height: 80px;
	margin-top: 23px;
	background: url(../images/clientsays_bg.jpg) no-repeat right top;
}
.customer_says span.content {
	width: 210px;
	float: right;
	padding: 10px 0px 0px 10px;
}

.customer_says span i {
	font-size: 11px;
	color: #3B7AA7;
}


/********************************************
FOOTER
*********************************************/
#wrapper_footer {
	margin: 0 auto;
	width: 100%;
	height: 316px;
	background: url(../images/footer_bg.jpg) repeat-x left top;
	float: left;
	
}
#wrapper_footer a {
	color: #7B86A1;
	text-decoration: none;
}
#wrapper_footer a:hover {
	color: #929CB3;
	text-decoration: underline;
}
.footer_column_1 ul, .footer_column_2, .footer_column_3 {
	margin: 0px;
	padding: 0px;
}
.footer_column_1 li, .footer_column_2 li, .footer_column_3 li {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	line-height: 27px;
	list-style-type: none;
	background: url(../images/arrow_footer.png) no-repeat left 11px;
}
#wrapper_footer p {
	color: #7B86A1;
	float: left;
	width: 280px;
}
.footer_column_1 {
	float: left;
	width: 280px;
	height: 260px;
	margin-top: 10px;			
}
.footer_column_2 {
	float: left;
	width: 185px;
	margin-top: 10px;			
}
.footer_column_3 {
	float: left;
	width: 185px;
	margin-top: 10px;			
}
.footer_column_4 {
	float: left;
	width: 280px;
	margin-top: 10px;			
}
ul#socnetwork_links {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 280px;
	margin-bottom: 10px;
}
#socnetwork_links li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#socnetwork_links a {
	margin: 0px 7px 0px 0px;
	float: left;
}

/* ---------- Copyright Information ---------- */

#copyright {
	width: 100%;
	height: 30px;
	float: left;
	font-size: 11px;
	color: #56627E;
	padding-top: 15px;
}
#copyright p {
	float: left;
	font-size: 11px;
	color: #56627E;
	width: 600px;
}

/* ---------- Go to Page Top ---------- */

.page_top:link, .page_top:visited {
	font-size: 11px;
	color: #56627E;
	text-decoration: none;
	float: right;
	padding-right: 10px;
	background: url(../images/arrow_top.jpg) no-repeat right 5px;
}
.page_top:hover {
	text-decoration: underline;
}


/********************************************
INNER PAGES
*********************************************/
#wrapper_top_inner {
	margin: 0 auto;
	width: 100%;
	height: 121px;
	background: url(../images/inner_header_bg.jpg) repeat-x left top;
	
}

/* ---------- Page Title ---------- */

.page_title {
	float: left;
	width: 980px;
}

/* ---------- Search Site ---------- */

.search_box {
	float: right;
	width: 350px;
	padding: 10px 0px 0px 0px;
}
input.search_field {
	float: left;
	width: 224px;
	height: 16px;
	padding: 7px 10px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #B4BCCF;
	background: url(../images/search_bg.jpg) no-repeat left top;
}
input.search_submit {
	float: left;
	width: 51px;
	height: 30px;
	cursor: pointer;
	background: url(../images/button_search.jpg) no-repeat left top;	
}
input.search_submit:hover {
	float: left;
	width: 51px;
	height: 30px;
	cursor: pointer;
	background: url(../images/button_search_hover.jpg) no-repeat left top;	
}

/* ---------- Team Members ---------- */

.team_members {
	float: left;
	width: 585px;
}
.graybox_top {
	float: left;
	width: 575px;
	height: 10px;
	background: url(../images/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-top: 10px;
	padding-left: 10px;
	margin: 0px;
}
.graybox_center i {
	font-size: 11px;
}
.graybox_bottom {
	float: left;
	width: 575px;
	height: 10px;
	background: url(../images/graybox_bottom.jpg) no-repeat left top;
}
.space {
	float: left;
	width: 585px;
	height: 20px;
}
.space_vartical {
	float: left;
	width: 37px;
	height: 200px;
}

/* ---------- We Offer ---------- */

.weoffer {
	float: left;
	width: 585px;
}
.weoffer ul {
	margin: 0px;
	padding: 0px;
	width: 285px;
	float: left;
}
.weoffer li {
	margin: 0px 0px;
	padding: 0px 0px 10px 14px;
	list-style-type: none;
	background: url(../images/arrow_02.jpg) no-repeat left 4px;
}

/* ---------- Services Overview ---------- */

.services_overview {
	float: left;
	width: 585px;
}

/* ---------- Portfolio Full View ---------- */

.portfolio_full {
	float: left;
	width: 980px;
	margin-top: 10px;
}
.portfolio_text {
	float: right;
	width: 490px;
}

/* ---------- Portfolio Gallery View ---------- */

.portfolio_gallery {
	float: left;
	width: 300px;
	margin-top: 10px;

}
.portfolio_gallery_text {
	float: right;
	width: 300px;
	padding-top: 14px;
}


/* ---------- Partnership With Us ---------- */

.graybox_full_top {
	float: left;
	width: 980px;
	height: 10px;
	margin-top: 30px;
	background: url(../images/graybox_full_top.jpg) no-repeat left top;
}
.graybox_full_center {
	float: left;
	width: 920px;
	padding: 10px 30px;
	background-color: #F4F4F4;
}
.graybox_full_center p {
	float: left;
	width: 670px;
	padding-left: 30px;
	margin: 0px;
}
.graybox_full_bottom {
	float: left;
	width: 980px;
	height: 10px;
	background: url(../images/graybox_full_bottom.jpg) no-repeat left top;
}
.big_text {
	float: left;
	width: 220px;
	font-size: 27px;
	color: #9A9A9A;
	text-transform: uppercase;
	background: url(../images/graybox_full_hline.jpg) no-repeat right top;
}

/* ---------- Blog ---------- */

.blog_post {
	float: left;
	width: 585px;
}
.date {
	float: left;
	width: 565px;
	height: 23px;
	padding: 7px 0px 0px 10px;
	font-size: 11px;
	background: url(../images/postdata_bg.jpg) no-repeat left top;
}
.date a:link, .date a:visited {
	font-size: 11px;
	color: #454545;
	text-decoration: none;
}
.date a:hover {
	font-size: 11px;
	color: #323232;
	text-decoration: underline;
}
.postimg {
	margin: 15px 0px;
}
.post_info {
	float: left;
	width: 585px;
}
.pagination {
	float: left;
	width: 585px;
	height: 20px;
	font-size: 11px;
}
.pagination a.current:link, .pagination a.current:visited {
	font-size: 11px;
	padding: 1px 4px;
	background-color: #9A9A9A;
	text-decoration: none;
	color: #fff;
}
.pagination a.inactive:link, .pagination a.inactive:visited {
	font-size: 11px;
	padding: 1px 4px;
	background-color: #fff;
	text-decoration: none;
	color: #727272;
}
.pagination a.inactive:hover {
	background-color: #eee;
	text-decoration: none;
	color: #727272;
}
.sharepost {
	float: left;
	margin-top: 10px;
	width: 545px;
	height: 16px;
	padding: 12px 15px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/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/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/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/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/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;
}


/* ---------- Contact ---------- */

.address_locations {
	float: left;
	width: 326px;
	padding-top: 25px;
	padding-bottom: 120px;
}
.address_locations ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
.address_locations li {
	margin: 0px;
	padding: 15px 0px 20px 0px;
	list-style-type: none;
	line-height: 18px;
	border-bottom: 1px solid #eee;
}


/* ---------- Contact Form ---------- */

.contact_form {
	float: left;
	width: 585px;
}
.contact_form label{
	width: 372px;
	height: 21px;
	display: block;
}
.input_bg {
	width: 373px;
	height: 25px;
	padding: 7px 10px 0px 10px;
	background: url(../images/input_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
}
.textarea_bg {
	width: 543px;
	height: 235px;
	padding: 7px 10px 0px 10px;
	background: url(../images/textarea_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
}
.input_submit {
	width: 113px;
	height: 34px;
	background: url(../images/button_formsubmit.jpg) no-repeat left top;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
}