@font-face {
	font-family: 'OptimaRegular';
	src: url('../fonts/Optima.eot');
	src: local('Optima'), local('Optima'), url('../fonts/Optima.woff') format('woff'), url('../fonts/Optima.ttf') format('truetype');
}

*{
	margin:0;
	padding:0;
	border:0;
}
body{
	margin:0 auto;
	font-family:"Arial";
	font-size:12px;
}

.clear{
	clear:both;
	font-size:0;
	margin:0;
	padding:0;
}
.center{
	margin:0 auto;
	width:980px;
}
#header{
	background:url(../images/header_bg.png) 0 0 repeat-x ;
	margin:0 auto;
	width:auto;
	height:41px;
	position:relative;
}
#header .center{
	padding-top:8px;
}
#content{
	background:url(../images/body.jpg) repeat-y center 0;
	width:auto;
	margin:0 auto;
	margin-top:-5px;

}
#content .header .center{
	padding-bottom:8px;
}
#content .header .left{
	/*background:url(../images/logo_border.gif) no-repeat 0 100%;*/
	padding-top:70px;
	float:left;
	padding-bottom:52px;
}

#content .header .left .license_no {
	text-align:right;
}

#content .header .left .license_no a {
	color:#E2E1E1;
}

#content .header .right{
	background:url(../images/headerbg.jpg) no-repeat right;
	float:right;
	width:598px;
	height:324px;
	position:relative;
}
#content .header .right .frame{
	background:url(../images/frame.png) no-repeat 0 0;
	width:365px;
	height:254px;
	position:absolute;
	top:37px;
	left:1px;
	z-index:20;
}
#content .header .right img{
	position:absolute;
	top:44px;
	left:8px;
    z-index:8;
    opacity:0.0;
}
#content .header .right img.active{
    z-index:10;
    opacity:1.0;
}
#content .header .right img.last-active{
	z-index:9;
}

#content #nav{
	background:url(../images/menu.png)  0  -47px repeat-x;
	height:47px;
}
#content #nav li.left{
	background:url(../images/menu.png)  -5px  0 repeat-x;
	width:5px;
	height:47px;
	font-size:0;
	float:left;
	margin:0;
	padding:0;
}
#content #nav li.right{
	background:url(../images/menu.png) 0  0 no-repeat;
	width:5px;
	height:47px;
	font-size:0;
	float:right;
	margin:0;
	padding:0;
}
#content #nav li{
	list-style:none;
	float:left;
	padding-top:5px;
	margin-right:15px;
	margin-left:5px;
	font-size:18px;
}
#content #nav li.last{
	margin:0;
}
#content #nav li a{
	font-family: 'OptimaRegular', sans-serif;
	text-decoration:none;
	float:left;
	position:relative;
	color:#0d0d0d;
	height:37px;
	line-height:37px;
	padding:0 18px 0 18px;
}
#content #nav li a:hover{
	background:url(../images/hover.png) -7px 0 no-repeat;
	color:#E6E6E6;
}
#content #nav li a:hover b{
	background:url(../images/hover.png) 0 0 no-repeat;
}
#content #nav li a b{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:7px;
	height:37px;
	font-size:0;
}
#content #nav li a b.right{
	background:url(../images/menu.png) repeat-x 0 -94px;
	width:5px;
}
#content #subnav{
	background:url(../images/subnav.png) repeat-x 0 -29px;
	float:left;
	margin-left:26px;
	position:absolute;
	height:28px;
	line-height:28px;
	margin-top:2px;
}
#content #subnav ul li{
	list-style:none;
	float:left;
	padding:0 8px;
	color:white;
}
#content #subnav ul li.left{
	background:url(../images/subnav.png) no-repeat -5px 0;
	font-size:0;
	height:28px;
	padding:0;
	width:5px;
}
#content #subnav ul li.right{
	background:url(../images/subnav.png) no-repeat 0 0;
	font-size:0;
	height:28px;
	padding:0;
	width:5px;
}
#content #subnav ul li a{
	color:#fff;
	font-family: 'OptimaRegular', sans-serif;
	font-size:13px;
	text-decoration:none;
}
#content #subnav ul li a:hover{
	color:#C4C4C4;
}
#content #main{
	background:url(../images/content.png) 0 0 repeat-y;
	width:1000px;
	margin:0 auto;
}

#content #main.wide{
	background:url(../images/content-wide.png) 0 0 repeat-y !important;
}
#content #main.wide .left{
	width:100% !important;
	background:none !important;
	
}

#content #main .left{
	background:url(../images/top.jpg) top left no-repeat;
	float:left;
	width:650px;
	padding-top:34px;
	padding-left:40px;
	padding-right:20px;
}
#content #main .home{
	width:710px;;
	padding-left:0 !important;
	padding-right:0 !important;
}
#content #main .left .page-title{
	font-family: 'OptimaRegular', sans-serif;
	font-size:22px;
	padding-bottom:20px;
}
#content #main .left .testimonial{
	padding-bottom:10px;
	padding-left:10px;
}
#content #main .left .page-content h1{
}
#content #main .left .page-content p{
	padding-top:5px;
	padding-bottom:20px;
}

#content #main .left .newsletter-block{
	padding-bottom:10px;
	padding-left:10px;
}
#content #main .left .newsletter-block .newsletter-title{
	font-size:14px;
}
#content #main .left .newsletter-block .newsletter-content{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	border:1px solid #000;
}
#content #main .left .contact{
	float:left;
	width:47%;
	padding-left:20px;
}
#content #main .left .contact h3{
	font-family: 'OptimaRegular', sans-serif;
	font-size:16px;
	padding-top:6px;
	padding-bottom:12px;
}
#content #main .left .contact p{
	padding-bottom:15px;
	padding-left:15px;
}
#content #main .left .form{
	padding-right:30px;
	float:right;
	width:35%;
}
#content #main .left .form .label{
	font-weight:bold;
	padding-left:5px;
	padding-bottom:5px;
}
#content #main .left .form .field{
	padding-bottom:10px;
}
#content #main .left .form .field select{
	color:#A1A1A1;
	width:222px;
	height:26px;
	border:1px solid #8F8F8F;
	padding:3px 2px 3px 2px;
}
#content #main .left .form .field .inputtext{
	color:#A1A1A1;
	border:1px solid #8F8F8F;
	width:200px;
	padding:2px 10px 0 10px;
	height:24px;
	font-size:13px;
}
#content #main .left .form .field .textareatext{
	width:210px;
	padding:5px 0px 5px 10px ;
	border:1px solid #8F8F8F;
	color:#A1A1A1;
	font-size:13px;
}

#content #main .left .form h3{
	border-bottom:1px solid #5F5F5F;
	font-family: 'OptimaRegular', sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-bottom:6px;
	margin-bottom:10px;
}

#content #main .left .form hr,
#content #main .left .contact hr{
	height:1px;
	background:#5F5F5F;
	margin-bottom:10px;
}

#content #main .left .breadcrumb{
	padding-left:60px;
	padding-bottom:20px;
}
#content #main .left a{
	color:#000;
}
#content #main .left a:hover{
	text-decoration:none;
}
#content #main .left .image{
	width:310px;
	float:left;
	margin-left:35px;
	margin-bottom:10px;
}

#content #main .left .image h4{
	font-family: 'OptimaRegular', sans-serif;
	font-size:20px;
	padding-left:14px;
}
#content #main .left .image .frame-img{
	position:relative;
}
#content #main .left .image a.frame{
	background:url(../images/img_frame.png) no-repeat transparent 0 0;
	display:block;
	position:relative;	
	width:308px;
	height:148px;
	z-index:2;
	top:0px;
	left:0;
	font-size:0;
}
#content #main .left .image img{
	position:absolute;
	z-index:1;
	top:6px;
	left:7px;
}
#content #main .left .image .more{
	font-weight:bold;
	font-size:11px;
	color:#A2A2A2;
	text-decoration:none;
	padding-left:10px;
}
#content #main .right{
	background:url(../images/top.jpg) top right no-repeat;
	width:290px;
	float:right;
}
#content #main .right .sign-in{
	border-bottom:1px solid #000;
	padding-top:36px;
	margin-left:20px;
	margin-right:30px;
	padding-bottom:20px;
	margin-bottom:15px;
}
#content #main .right h2{
	color:#313131;
	font-family: 'OptimaRegular', sans-serif;
	font-size:18px;
	padding-bottom:6px;
}
#content #main .right .testimonials{
	margin-left:10px;
}
#content #main .right .testimonials ul li{
	list-style:none;
	color:#313131;
	padding-bottom:30px;
}
#content #main .right .testimonials ul li a.leftimg{
	float:left;
	font-size:0;
}
#content #main .right .testimonials ul li p{
	float:left;
	width:150px;
	margin-left:10px;
}
#content #main .right .testimonials ul li p b{
	display:block;
	color:#000;
}
#content #main .right .testimonials ul li p b span{
	color:#D40000;
}


#content #main .right .sign-in p, #content #main .left .sign-in p{
	margin-bottom:20px;
}
#content #main .right .sign-in p input, #content #main .left .sign-in p input, #content #main .left .sign-in p select {
	font-size:13px;
	color:#A1A1A1;
	padding:0 11px;
	width:200px;
	padding:5px 11px 4px 11px;
	border:1px solid #8F8F8F;
	line-height:24px;
}
#content #main .right .sign-in p.links, #content #main .left .sign-in p.links{
	padding-left:10px;
	float:left;
	width:152px;
	margin-top:10px;
}
#content #main .right .sign-in p.links a, #content #main .left .sign-in p.links a{
	color:#000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#content #main .right .sign-in p.login, #content #main .left .sign-in p.login{
	float:left;
	padding-top:4px;
}
#content #main .right .sign-in p.login input,#content #main .left .sign-in p.login input{
	padding:0;
	border:none;
	height:auto;
	width:auto;
}



#footer{
	background:url(../images/footer_bg.png) repeat-x 0 0;
	margin:0 auto;
	width:auto;
	height:158px;
	padding-top:30px;
}
#footer .box{
	width:310px;
	float:left;
	color:#F5F5F5;
	padding-right:15px;	
}
#footer .box p,
#footer .box span{
	margin-bottom:10px;
	color:#F5F5F5;
}
#footer .box ol li,
#footer .box ul li{
	color:#D50000;
}
#footer .box ul li{
	list-style:none;
	margin-bottom:4px;
}
#footer .box ul li a{
	color:#F5F5F5;
	text-decoration:none;
}

#footer .box ol{
	margin-left:20px;
}
#footer .box h2{
	font-family: 'OptimaRegular', sans-serif;
	font-weight:normal;
	font-size:20px;
	padding-left:5px;
	padding-bottom:10px;
}

/* added by vlad */
.noshow {
	display:none;
}

.message, .message_success, .message_error {
	margin:10px 0;
}

.text_error_red, .text_red {
	color:red;
}

.text_green {
	color:green;
}

/*my project */
.client_area {
	margin:20px;
	width:870px;
}

.client_area h2 {
	font-family: 'OptimaRegular', sans-serif;
	margin-bottom:20px;
	font-weight:bold;
	font-size:30px;
}

.client_area .project_title {
	font-size:18px;
	margin:10px 0 5px 0;
	font-weight:bold;
}

.client_area .project_frame {
	border:1px solid black;
	padding:10px;
}

.client_area .job_title {
	border-bottom:1px solid black;
	margin:10px 0 5px 0;
}

.client_area .job_title .job_name {
	float:left;
	font-weight:bold;
	font-size:14px;
}
.client_area .job_title .assets {
	float:right;
}
.client_area .job_title .assets .job_files {
	float:left;
}

.client_area .job_title .assets .job_pictures {
	float:left;
}

.client_area .job_title .assets .job_messs {
	float:left;
}

.client_area .subtitle {
	font-weight:bold;
	margin-bottom:10px;
}

.client_area .subtitle a {
	font-weight:normal;
	font-size:11px;
}

.client_area .job_files_big {
	margin:20px;
}

.client_area .job_files_big .file {
	margin-bottom:10px;
}

.client_area .job_files_big .file .name {
	float:left;
	width:400px;
	margin-right:50px;
}

.client_area .job_files_big .file .date {
	float:left;
	font-style: italic;
}

.client_area .job_gallery {
	margin:20px;
}

.client_area .job_gallery .pic {
	float:left;
	margin:5px;
}

.client_area .job_gallery .pic .pic_number {
	text-align:center;
	font-weight:bold;
	color:white;
}

.picfancy {
	display:block;
	padding:0;
	margin:0;
	
}

.picfancy img {
	border:2px solid white;
}

.newsletter-content img {
	max-width:610px;
}

/*comments */
.client_area .job_messages {
	margin:20px;
}

.client_area .job_messages .commentlist {
	list-style-type: none;
}

.client_area .job_messages .commentlist li {
	padding:10px;
	
}

.client_area .job_messages .commentlist li.level1 {
	margin-top:20px;
	padding-left:10px;
}

.client_area .job_messages .commentlist li.level2 {
	padding-left:30px;
}

.client_area .job_messages .commentlist li.level3 {
	padding-left:50px;
}

.client_area .job_messages .commentlist li.level4 {
	padding-left:70px;
}

.client_area .job_messages .commentlist li.level5 {
	padding-left:90px;
}

.client_area .job_messages .commentlist .thread_odd {
	background:#F6F6F6
}

.client_area .job_messages .commentlist .thread_even {
	background:#F2F2F2
}

.client_area .job_messages .commentlist li .user {
	border-top:1px solid #C3C3C3;
	padding-top:5px;
}

.client_area .job_messages .commentlist li .user .name {
	font-weight:bold;
}

.client_area .job_messages .commentlist li .user .said {
	font-size:10px;
}

.client_area .job_messages .commentlist li .user .time {
	font-style:italic;
}

.client_area .job_messages .commentlist li .message_content {
	padding:15px 0 15px 0;
}

.client_area .job_messages .commentlist li .reply_box, 
.client_area .job_messages .reply .reply_box {
	margin-right:10px;
	display:none;
}

.client_area .job_messages .commentlist li .reply_box textarea,
.client_area .job_messages .reply .reply_box textarea {
	border:1px solid black;
	padding:2px;
	width:100%;
	height:100px;
}

.client_area .job_messages .commentlist li .reply_box input.send,
.client_area .job_messages .reply .reply_box input.send {
	border:1px solid black;
	margin:10px 5px 1px 0;
	padding:2px;
	width:100px;
	display:block;
	float:left;
}

.client_area .job_messages .commentlist li .reply_box input.cancel,
.client_area .job_messages .reply .reply_box input.cancel {
	border:1px solid black;
	margin:10px 5px 1px 0;
	padding:2px;
	width:100px;
	display:block;
	float:left;
}

.client_area .job_messages .reply .add_new {
	border:1px solid black;
	margin:10px 5px 1px 0;
	padding:2px;
	width:150px;
	display:block;
}

/* color scheme for messages */
.color_admin {
	color:black;
}

.color_client {
	color:red;
}

.color_manager {
	color:blue;
}

.powered {
	color:white;
	text-align:right;
	border-top:1px solid white;
	margin-top:5px;
	padding-top:3px;
}

.powered a {
	color:white;
}