/* Global */
* {
margin:0;
padding:0;
}
a,img{
border:none;
}
li {list-style:none;}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.author_box{
width: 112px;
height: 132px;
background-image: url(images/author_frame.jpg);
margin-left: 42px;
}
 
a{
text-decoration:none; color: #006666
}

#container.index .cont_bottom_inner .author .ramka{
margin:0 auto;
width:112px;
height:133px;
background:url(images/author_frame.jpg) 0 0 no-repeat;
padding-top:6px;
padding-left:6px;
margin-bottom:3px;
}
a:hover{
text-decoration:underline;
}
/* Layout */
body{
background:url(images/body_bg.gif) top left repeat-x #990066;
color:#777;
padding:0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height : 1.4;
}
#topnav{
font: 75.5%/1.4 Verdana, Arial, Helvetica, sans-serif; 
}

.blue-header {
	font-size: 16px;
	color: #1b636e;
	line-height: 1.4;
	}

div#wrap{
width:921px;
margin:0px auto 0px auto;
font-size:11px;
}
#header{
height:98px;
background:url(images/header_bg.jpg) top left no-repeat;
position:relative;
margin:0 auto;
width:913px;
}
#container{
width:921px;
}
#footer{
width:100%;
position:relative;
height:103px;
margin-bottom:20px;
}
#footer_inner{
margin:0px auto 0px auto;
position:relative;
height:103px;
width:816px;
padding-left:105px;
background:url(images/footer_bg.gif) 0px top no-repeat;
}
/* Twitter */
#twitter_div {

width: 125px;
color: #FFFFFF;
/*border: 1px solid #FFFFFF;*/
padding-right: 5px;

font-size: 11px;


}

/* Header */
#header h1{
position:absolute;
top:3px;
left:9px;
}
#header h1 a{
display:block;
width:364px;
height:88px;
overflow:hidden;
text-indent:-9999px;
background:url(images/logo.gif) top left no-repeat;
font-size:1px;
outline:none;
}
.top_menu{
position:absolute;
left:429px;
top:38px;
text-align:left;
width:468px;
height:60px;

}

/* Content */
.news_block{
width:775px;
height:193px;
background:url(images/news_block_bg.jpg) 0 0 no-repeat;
padding:30px 73px 0px 73px;
}
.news_block .news{
float:left;
width:390px;
}
.news_block .news h2{
width:125px;
height:21px;
background:url(images/news_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:17px;
}
.news_block .news li {
list-style-type:disc;
width:390px;
background:url(images/news_dots.gif) 0 0 no-repeat;
padding:4px 0px;
color:#720a67;
}
.news_block .news li:first-child {
background:none;
}
.news_block .news li strong {
color:#720a67;
padding-right:5px;
}
.news_block .news li a{
color:#777;
}
.news_block .twitter{
float:right;
width:200px;
}
.news_block .twitter2{
float:right;
width:200px;
}
.news_block .twitter2 h2{
width:180px;
height:22px;
background:url(images/quote_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:17px;
}
.news_block .twitter h2{
width:180px;
height:22px;
background:url(images/twitter_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:17px;
}
.news_block .twitter p {
color:#FFF;
margin-bottom:10px;
line-height:13px;
}
.news_block .twitter p a{
color:#FFF;
text-decoration:underline;
}
.news_block .twitter2 p {
color:#FFF;
margin-bottom:10px;
line-height:13px;
}
.news_block .twitter2 p a{
color:#FFF;
text-decoration:underline;
}
.content{
width:921px;
background:url(images/content_repeat.gif) 0 0 repeat-y;
}
.content_top{
width:921px;
background:url(images/content_top.gif) 0 0 no-repeat;
padding-top:4px;
}
.content_bottom{
width:902px;
background:url(images/content_bottom.gif) left bottom no-repeat;
min-height:500px;
padding:0px 10px 22px 9px;
}
.content .left {
width:662px;
float:left;
}
.content .left .project{
width:595px;
height:244px;
background:url(images/project_bg.gif) 0 0 no-repeat;
padding-top:20px;
padding-left:20px;
padding-right:47px;
}
.content .left .project .thumb{
width:365px;
height:208px;
position:relative;
float:left;
}
.content .left .project .thumb img{
position:absolute;
}
.content .left .project .info{
width:196px;
float:right;
padding-top:10px;
}
.content .left .project .info h2{
width:195px;
height:33px;
background:url(images/project_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:7px;
}
.content .left .project .info li {
padding:4px 0px;
margin-left:10px;
background:url(images/project_dot.gif) 0 0 repeat-x;
width:150px;
color:#13a8a6;
}
.content .left .project .info li:first-child {
background:none;
}
.content .left .project .info li a{
color:#13a8a6;
}
.content .left .bottom_columns {
clear:both;
width:639px;
padding-left:23px;
padding-top:16px;
}
.content .left .bottom_columns .author{
width:195px;
float:left;

}
.content .left .bottom_columns .author h2 {
width:176px;
height:30px;
background:url(images/author_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:12px;
}
.content .left .bottom_columns .author img {
display:block;
margin:0 auto;
margin-bottom:20px;
}
.author_box{
width: 146px;
height: 104px;
background-image: url(images/author_frame.jpg);
margin-left: 24px;
}

.author_photo {
margin-left: 0px;
margin-top: 6px;
}
.content .left .bottom_columns .author p {
margin-bottom:10px;
}
.content .left .bottom_columns .author p a{
color:#009999;
text-decoration:underline;
}
.content .left .bottom_columns .testimonials{
width:385px;
float:left;
margin-left:48px;
}
.content .left .bottom_columns .testimonials .test{
width:124px;
height:20px;
background:url(images/testimonials_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:15px;
}
.content .left .bottom_columns .testimonials a {
color:#009999;
text-decoration:underline;
}
.content .left .bottom_columns .testimonials .special{
width:156px;
height:31px;
background:url(images/special_title.gif) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:15px;
}
.content .testimonials .block {
width:385px;
background:url(images/testimonials_block.gif) 0 0 no-repeat #eef8f8;
padding-top:5px;
margin-bottom:24px;
}
.content .testimonials .block .block_inner {
width:385px;
background:url(images/testimonials_block.gif) -385px bottom no-repeat;
padding-bottom:5px;
}
.content .testimonials .block .block_inner li {
margin:0px 18px;
padding:10px 0px;
background:url(images/testimonials_sep.gif) 0 0 no-repeat;
}
.content .testimonials .block .block_inner li:first-child {
background:none;
}
.content .testimonials .block .block_inner li p{
margin-bottom:10px;
}
.content .testimonials .block .block_inner li strong{
display:block;
color:#13a8a6;
}
.content .right {
width:202px;
float:right;
padding:0px 16px 0px 22px;
}
.content .right li{
padding:20px 0px;
background:url(images/content_sep.gif) 0 0 no-repeat;
}
.content .right li:first-child{
background:none;
}
.content .right h2 {
text-indent:-9999px;
margin-bottom:10px;
}
.content .right .design{
width:195px;
height:25px;
background:url(images/design_title.gif) 0 0 no-repeat;
}
.content .right .letter{
width:180px;
height:27px;
background:url(images/letter_title.gif) 0 0 no-repeat;
}
.content .right .web{
width:149px;
height:28px;
background:url(images/website_title.gif) 0 0 no-repeat;
}
.content .right a{
text-decoration:underline;
color:#009b9b;
}
.content .right li img{
display:block;
margin:0 auto;
margin-bottom:10px;
}
.bottom{
text-align:center;
padding-top:13px;
}
.bottom ul{
}
.bottom ul li{
float:left;
margin-right:17px;
padding-left:10px;
background:url(images/footer_dots.gif) 0px 4px no-repeat;
}
.bottom ul li a{
color:#FFF;
font-size:11px;
}
/* Footer */
#footer .copy{
color:#FFF;
font-size:11px;
padding-top:10px;
clear:both;
}
/* Inner */
.inner .news_block{
background:url(images/news_block_bg_inner.jpg) 0 0 no-repeat;
}
.inner .content{
background:url(images/content_repeat_inner.gif) 0 0 repeat-y;
}
.inner .content_top{
background:url(images/content_top_inner.gif) 0 0 no-repeat;
padding-top:15px;
}
.inner .content_bottom{
width:902px;
background:url(images/content_bottom_inner.gif) left bottom no-repeat;
min-height:400px;
}
.inner .content .text{
padding:25px 33px;
}
.inner .content .text h2{
text-indent:-9999px;
margin-bottom:22px;
}
.inner .content .text .home{
width:55px;
height:21px;
background:url(images/home_title.gif) 0 0 no-repeat;
}
.inner .content .text .aboutus{
width:92px;
height:20px;
background:url(images/aboutus_title.gif) 0 0 no-repeat;
}
.inner .content .text .services{
width:81px;
height:22px;
background:url(images/services_title.gif) 0 0 no-repeat;
}
.inner .content .text .portfolio{
width:85px;
height:29px;
background:url(images/portfolio_title.gif) 0 0 no-repeat;
}
.inner .content .text .contact{
width:81px;
height:20px;
background:url(images/contact_title.gif) 0 0 no-repeat;
}
.inner .content .text .news{
width:54px;
height:16px;
background:url(images/news2_title.gif) 0 0 no-repeat;
}
#footer.inner {
height:121px;
}
.inner #footer_inner{
background:url(images/footer_bg_inner.gif) 0px top no-repeat;
height:121px;
}
.inner .bottom{
padding-top:33px;
}

.img{
   padding:1px;
   border:1px solid #000000;
   background-color:#ffffff;
   
}

 a .img         { border:1px solid #000000;}
a:hover     .img                    { border: 3px solid #33CCCC; }
a:hover .img                     { margin: -3px; }

