/* CSS Document */

body {
	margin: 0;
	color: #768EB0;
	background: #ffffff url(../images/body_bg2.gif) center 50% repeat-y;
	line-height: 130%;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 880px;
	font-family: arial, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

}

a {
	color: #3d65b0;
}

img, table {
	border: none;
}

#main_container {
/*	margin: 0 auto 0 auto;
	padding: 0;
	width: 880px;*/
}

#main_header {
	height: 90px;
	background: url(../images/header2.gif) top center no-repeat;
	margin: 0 20px 0 20px;
	padding: 10px 0 0 0;
}

.sozofirm {
	float: left;
	margin:0 0 0 1px;
}

#nav {
font-size:0.95em;
	margin: 0 20px 0 270px;;
	padding: 0;
}

#nav ul {
	margin: 0;
	padding: 40px 0 0 0px;
	text-transform: uppercase;
	text-align: center;
	list-style: none;
}

#nav li {
	display: inline;
}

#nav a {
	color: #4B74D5;
	text-decoration: none;
	padding: 0 5px 5px 5px;
	margin: 0 10px 0 10px;
}

#nav a.active {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F47820;
}

#nav a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #4B74D5;
}

.banner {
	font-family:Century;
	/*width: 800px;*/
	height:172px;
	color:#fff;
	/*font-weight:700;*/
	font-size:1.4em;
	line-height:150%;
	margin: 0 40px 0 40px;
	padding:78px 60px 0px 308px;
}

#home.banner {
	background: #fff url(../images/banner2.jpg) no-repeat;
}

#company.banner {
	background: #fff url(../images/banner-company.jpg) no-repeat;
}

#contact.banner {
	background: #fff url(../images/banner-contact.jpg) no-repeat;
}

#portfolio.banner {
	background: #fff url(../images/banner-portfolio.jpg) no-repeat;
}

#content_container {
	margin: 0 40px 20px 40px;
	padding:20px 0 0 0;
}

#left_content {
	float: left;
	width: 210px;
	padding: 0 10px 0 0px;
}

#left_content h1 {
	font: normal 16px 'Myriad Pro', arial, sans-serif;
	color: #3d65b0;
	margin:0 0 20px 0;
	padding:5px 0 0 0;
}

#left_content h2 {
	color: #F47820;
	margin:0 0 10px 0;
	padding:0;
	font-family: 'Myriad Pro', arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#left_content p {
	margin:0 0 20px 0;
	padding:0;
}

#left_content ul {
	margin: 0;
	padding: 5px 0 0 0;
	font: normal 1.1em 'Myriad Pro', arial, sans-serif;
}

#left_content li {
	list-style: none;
	margin: 0 0 20px 0;
	padding:0;
}

#left_content a {
	font-size:1em;
	color: #3d65b0;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#left_content a.active {
	background: #fff url(../images/bullet.gif) -2px 4px no-repeat;
}

#left_content a:hover {
	background: #fff url(../images/hover_bullet.gif) 0px 4px no-repeat;
}

#right_content {
	margin: 0 0 0 250px;
	padding: 0 0 0 19px;
	border-left: dotted 1px #768EB0;
}

#right_content h1 {
	color: #F47820;
	margin:0 0 20px 0;
	padding:0;
	font-family: 'Myriad Pro', arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#right_content h2 {
	color: #F47820;
	margin: 0 0 5px 0;
	padding:0;
	font-family: 'Myriad Pro', arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#right_content h2.border {
	border-bottom: dotted 1px #768EB0;
	margin: 0 0 10px 0;
	padding:0 0 5px 0;
}

#right_content h3 {
	font: 14px 'Myriad Pro', arial, sans-serif;
	margin: 0;
	padding:0;
}

#right_content p {
	margin: 0 0 20px 0;
	padding:0;
}

#footer {
clear:both;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	border-top: dotted 1px #768EB0;
}

#left_footer {
	float: left;
	width: 210px;
	padding: 0 20px 0 20px;
}

#left_footer #client a {
	text-decoration: underline;
	padding: 0 0 0 20px;
	background: #fff url(../images/client.gif) 0px 0px no-repeat;
	text-transform: uppercase;
}

#right_footer {
text-align:center;
	height: 30px;
/*	margin: 0 0 0 250px;
	padding: 0 0 0 20px;
	border-left: dotted 1px #333;*/
}

#right_footer a {
	text-decoration: none;
}

.thumbnail {
	background: #fff;
	margin: 0 3px 3px 0;
	padding: 2px;
	border: 3px solid #f3f3f3;
}

a:hover img.thumbnail {
	background: #f3f3f3;
	border: 3px solid #ddd;
}

#portfolio_thumbnail {
margin:0 0 20px 0;
width:525px;
}

#testimonial {
	float: right;
	width: 200px;
	background: #f7f7f7;
	margin: 10px 0 10px 10px;
	padding: 0;
	border: 3px solid #e5e5e5;
}

blockquote {
	font: normal 14px georgia, serif;
	margin: 0;
	padding: 20px;
}

.cite {
	font-style:italic;
	margin: 10px;
	text-align:right;
}

#copyright {
	/*float: right;*/
}

#left_content #rss a {
	text-decoration: underline;
	padding: 0 0 0 20px;
	background: #fff url(../images/rss.gif) 0px 0px no-repeat;
}

#contact-form {
	margin: 0 0 0 20px;
}

.contact_form {
	background: #ececec;
	width: 375px;
	margin: 0 0 10px 0;
	padding: 6px;
	border: 0;
}

textarea {
	background: #ececec;
	width: 375px;
	margin: 0 0 10px 0;
	padding: 6px;
	border: 0;
}

#submit_message {
	background: #8cc63f;
	margin: 0 0 10px 0;
	border: 0;
	padding: 6px;
	color: #fff;
}

.company {
	background: #fff url(../images/accordian_down.jpg) right no-repeat;
	padding: 0 0 10px 0;
}

.company h2 {
	border-bottom: none;
}

.client_info {
	color: #fff;
	background: #464646;
	border-top: 3px solid #353535;
	border-bottom: 3px solid #353535;
	margin: 0;
	padding: 10px;
}

.logo_sm {
	float: left;
	margin-right: 10px;
}

.services_provided {
	float: left;
	
}

.services_provided ul {
	color: #fff;
	font-size: 9px;
	margin: 5px 0 0 0;
	padding: 0;
}

.services_provided li {
	width: 170px;
	list-style: none;
	margin: 0 0 1px 0;
	padding: 1px 1px 1px 15px;
	background: #515151;
	border-top: 1px solid #5a5a5a;
	border-bottom: 1px solid #424242;
}

.client_desc {
	margin: 0 0 0 210px;
	color: #fff;
}

.read_more {
	text-align: right;
}

.dividor {
	background: #fff url(../images/dividor.jpg) center no-repeat;
	width: 100%;
	height: 18px;
	margin: 0;
	padding: 0;
}