html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus, a, :active {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
html {
height : 100%;
}
body {
background : #fff;
color : #444;
height : 100%;
padding-bottom : 1px;
font-family : sans-serif;
}
a {
color : #04a;
text-decoration : none;
}
a:hover {
color : #024;
text-decoration : underline;
}
h1 {
font : normal 2em sans-serif;
}
h2 {
font : normal 1.6em sans-serif;
}
h3 {
font : normal 1.4em sans-serif;
}
h4 {
font : bold 1.2em sans-serif;
}
h1, h2, h3, h4 {
color : #456;
margin-bottom : 0.1em;
}
p {
padding : 0 0 1.2em;
}
.wrapper {
width : 880px;
margin : 0 auto;
}
#layout_top {
background : #ccc;
color : #444;
font-size : 70%;
font-family : Tahoma, sans-serif;
padding : 7px 0 9px;
}
#layout_top a {
color : #d0d6db;
}
#layout_top a:hover {
color : #ffe;
}
#layout_header {
border-top : 1px solid #fff;
background : #f0f0f0 url('../images/header-bg.png') repeat-x left top;
border-bottom : 1px solid #dadada;
}
#lang_select {
width : 120px;
height : 22px;
background : url('../images/socialnet-bg.png') no-repeat;
text-align : center;
}
#lang_fb {
width : 17px;
height : 19px;
background-image : url('../images/facebook.png');
background-repeat : no-repeat;
/*margin: 2px 0 0 15px;
padding-right: 5px;*/
}
#lang_tw {
width : 17px;
height : 19px;
background-image : url('../images/twitter.png');
background-repeat : no-repeat;
}
#lang_lf {
width : 17px;
height : 19px;
background-image : url('../images/lastfm.png');
background-repeat : no-repeat;
}
#logo {
margin : 12px 0 0;
width : 300px;
padding : 0 0 12px;
}
#navigation {
width : 540px;
margin : 0 0 12px;
}
#navigation ul {
display : inline;
}
#navigation li {
float : right;
margin : 40px 10px 0 10px;
}
#navigation li.external a {
background : url('../images/icons/external.gif') no-repeat right top;
padding-right : 13px;
}
#navigation a {
color : #90969c;
display : block;
/*font : bold 1em Georgia, sans-serif;*/
font-family: Helvetica, Arial, sans-serif; font-size: larger;
/*font-weight: bold;*/  
padding : 3px 7px 4px;
text-decoration : none;
}
#navigation a:hover {
color : #383d44;
background : #fafafa;
}
#navigation li.current_page_item a {
color : #012;
}
#layout_content {
background : #fff;
font-size : 0.85em;
line-height : 1.6em;
padding : 34px 0 24px;
}
#layout_content .content_section {
padding : 0 18px;
}
.content_separator, .content_separator_small, .content_tab_separator {
background : url('../images/content_separator.gif') repeat-x left center;
}
.content_tab_separator {
background-position : left bottom;
}
.content_separator {
height : 60px;
}
.content_separator_small {
height : 32px;
}
#layout_footer {
background : #eee;
border-top : 1px solid #ddd;
color : #999;
padding : 12px 0 12px 0;
}
#layout_footer .content_container {
padding-top : 2px;
padding-left : 48px;
background : #eee url('../images/droplet.png') no-repeat;
height : 42px;
word-spacing : -1px;
}
#layout_footer p {
padding-bottom : 5px;
}
#layout_footer a {
color : #666;
}
#layout_footer a:hover {
color : #001;
}
#layout_footer .separator {
color : #ccc;
padding : 0 5px;
}
#layout_footer .left {
font-size : 0.75em;
}
#layout_footer .right {
font-size : 0.8em;
}

#seo_footer {
border-top : 1px solid #ddd;
background: #FFFFFF;
color : #999;

}

#seo_footer .content_container {
padding : 12px 0 0;
height : auto;
word-spacing : -1px;
}

#seo_footer .content_container ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none; 
}

.first-list, .next-list, .last-list {
float:left;
padding:6px 10px 12px 12px;
width:108px;
}

.first-list li, .next-list li, .last-list li {
line-height:16px;
}

.first-list li a, .next-list li a, .last-list li a {
color:#999999;
font-size:11px;
}

#seo_areas {
	background: #444444;
	float: left;
	position: relative;
	width: 100%;
	color : #fff; font-size:11px;
	padding : 12px 0 0;
}

#seo_areas a {
	color : #fff; text-decoration: none;
	}
	


blockquote {
background : #fafafa url('../images/quote.png') no-repeat 10px 10px;
border-bottom : 1px solid #eee;
border-top : 1px solid #eee;
color : #444;
display : block;
font : normal 90% Verdana, sans-serif;
line-height : 1.4em;
margin-bottom : 1.4em;
padding : 1.4em 1.8em 2px 52px;
}
blockquote em {
color : #123;
}
.strong {
font-weight : bold;
}
.tleft {
text-align : left;
}
.tcenter {
text-align : center;
}
.tright {
text-align : right;
}
.vtop {
vertical-align : top;
}
.bold {
font-weight : bold;
}
small, .small {
font-size : 0.9em;
}
.title_description {
color : #678;
}
.message {
padding : 14px 20px;
margin-bottom : 24px;
border : 1px solid #eee;
}
.message_success {
background : #efe;
color : #353;
border-color : #ded;
}
.message_notice {
background : #ffe;
color : #553;
border-color : #eed;
}
.message_error {
background : #fff6f6;
color : #533;
border-color : #faa;
}
.more {
color : #888;
}
.more a {
color : #888;
}
.more a:hover {
color : #112;
}
.thumb {
float : left;
margin : 0 36px 18px 0;
border : 1px solid #f5f5f5;
border-color : #f5f5f5 #d6d6d6 #dadada #f5f5f5;
background : #f2f2f2;
}
.thumb img {
padding : 6px;
display : block;
}
.thumb div {
display : none;
width : 240px;
background : #aaa;
}
.thumb div p {
padding : 6px;
}
.project_image img {
border : 1px solid #fff;
display : block;
}
.project_image a {
display : block;
background : #eee;
}
.project_image a:hover {
background : #cde;
}
.project_list_big {
padding : 0 0 4px;
}
.project_list_big .project {
width : 252px;
}
.project_list_big .project_mid {
width : 294px;
border-left : 1px solid #e5e5e5;
border-right : 1px solid #e5e5e5;
margin : 0 21px;
}
.project_list_big .project_mid .project_content {
margin : 0 21px;
}
.project_list_big .project_text {
padding : 8px 4px 0;
}
.project_list_big .project_title {
font-size : 1.3em;
color : #678;
}
.project_list_big .project_description {
font : normal 95% sans-serif;
padding-top : 2px;
color : #777;
}
.project_list_big .project_image a {
padding : 5px;
}
.project_list_med .project {
width : 170px;
}
.project_list_med .project_first {
width : 150px;
}
.project_list_med .project {
border-left : 1px solid #e5e5e5;
}
.project_list_med .project .project_content {
margin : 0 20px;
}
.project_list_med .project_first .project_content {
margin-right : 20px;
}
.project_list_med .project_image a {
padding : 4px;
}
.project_list_small {
padding-left : 26px;
}
.project_list_small .project {
width : 68px;
margin-left : 7px;
float : left;
}
.project_list_small .project_image a {
padding : 3px;
}
.project_list_small .selected_project .project_image a {
background : #fa5;
}
.project_list_small .clearer {
height : 8px;
}
.project_quicknav {
border-left : 1px solid #eee;
width : 183px;
}
.project_details_container {
width : 668px;
}
.project_details_container .project_description {
width : 349px;
}
.project_details_container .project_media {
width : 252px;
}
.project_media .project_thumb {
display : block;
background : #eee;
padding : 5px;
margin-bottom : 16px;
}
.project_media .project_thumb img {
border : 1px solid #fff;
display : block;
}
.project_details_container .project_description ul li {
list-style : square inside;
color : #bcd;
}
.content_tab_separator {
padding : 0 18px 0 18px;
margin-bottom : 16px;
}
.content_tab_separator ul {
display : inline;
font-size : 0.9em;
}
.content_tab_separator li {
float : left;
margin : 10px 0 0 20px;
padding-bottom : 6px;
}
.content_tab_separator li.first {
margin-left : 0;
}
.content_tab_separator li.selected_tab {
color : #777;
background : url('../images/tab_selected.gif') no-repeat center bottom;
}
.template_list .template {
float : left;
margin-left : 26px;
margin-bottom : 10px;
}
.template_list .template a {
background : #eee;
padding : 5px;
display : block;
}
.template img {
display : block;
border : 1px solid #fff;
}
.template_list a:hover {
background : #cde;
}
.template_list .first {
margin-left : 0;
}
div.wp-caption {
background : #f3f3f3;
border : 1px solid #ddd;
margin : 0 auto 26px;
text-align : center;
padding : 5px 0;
color : #333;
}
p.wp-caption-text {
padding : 5px 0 0;
font-size : 0.9em;
}
img.size-full {
display : block;
margin : 0 auto;
}
.client_list .client {
float : left;
margin-left : 9px;
margin-bottom : 10px;
}
.client_list .client a {
background : #f5f5f5;
padding : 5px;
display : block;
}
.client_list img {
display : block;
border : 1px solid #e5e5e5;
}
.client_list a:hover {
background : #eee;
}
.client_list .first {
margin-left : 0;
}
.left {
float : left;
}
.right {
float : right;
}
.clear, .clearer {
clear : both;
}
.clearer, .block {
display : block;
line-height : 0;
font-size : 0;
}
.clearer {
height : 0;
}
.col4 {
width : 22%;
margin-right : 2%;
}
.col3 {
width : 33%;
}
#frontpage_testimonials {
width : 460px;
border-right : 1px solid #eee;
padding-right : 25px;
}
#testimonial_container {
/*height : 220px;*/
height: auto;
overflow : hidden;
}
#testimonial_container2 {
/*height : 220px;*/
height: auto;
overflow : hidden;
}
#testimonial_container3 {
/*height : 220px;*/
height: auto;
overflow : hidden;
}
.testimonial {
/*height : 220px;*/
height: auto;
}
#tnav_page {
padding-left : 10px;
}
#testimonials_navigation {
padding-top : 30px;
color : #aaa;
text-align : right;
}
#frontpage_clients {
width : 330px;
}
#frontpage_splash {
font-size : 1.6em;
line-height : 1.6em;
text-align : justify;
color : #666;
}
#frontpage_splash p {
padding-bottom : 0;
}
#portfolio_client_list {
font-size : 85%;
line-height : 1.5em;
padding-bottom : 24px;
}
#portfolio_client_list .column {
float : left;
width : 198px;
}
#portfolio_client_list li {
padding : 2px 0;
}
#col1, #col2, #col3 {
margin-right : 16px;
border-right : 1px solid #eee;
}
ul.service_list li {
padding-top : 10px;
}
ul.service_list li.first {
padding-top : 0;
}
.service_section .section_title h2 {
color : #ccc;
}
.service_section .section_content {
width : 440px;
}
.service_section .section_title {
width : 250px;
}
#contact_form_container {
width : 560px;
}
#contact_form {
font : normal 0.9em sans-serif;
}
#contact_info_container {
border-left : 1px solid #eee;
width : 240px;
}
#contact_info {
padding-left : 42px;
}
input, select, textarea {
outline : 0;
}
textarea {
overflow : auto;
}
form.input_form li.form_row {
background : #f2f6fa;
border-top : 1px solid #fff;
padding : 6px 10px 0;
}
form.input_form li.form_row_submit {
background : #f2f6fa url('../images/forms/submit_row.gif');
padding : 6px 16px 6px 164px;
border-top : 1px solid #d2d6da;
border-bottom : 1px solid #d2d6da;
}
form.input_form div.row_title {
float : left;
color : #234;
width : 120px;
padding : 3px 0 10px;
text-align : right;
font : normal 1em sans-serif;
}
form.input_form div.row_values {
float : left;
padding-left : 18px;
}
form.input_form div.value_row {
padding-bottom : 6px;
}
form.input_form div.value {
float : left;
padding-left : 16px;
}
form.input_form div.value_fixed {
padding-top : 3px;
}
div.expl {
padding-top : 4px;
font-size : 0.85em;
color : #678;
}
form.input_form div.fieldset_title {
background : #345;
color : #fff;
font : bold 0.9em sans-serif;
padding : 6px 10px;
}
form.input_form input.text, form.input_form input.password, form.input_form textarea.textarea, form.input_form select.select {
font : normal 1em Verdana, sans-serif;
padding : 4px;
border-style : solid;
border-width : 1px;
border-color : #777 #ccc #ccc #777;
}
form.input_form input.disabled, form.input_form textarea.disabled, form.input_form select.disabled {
background : #eee;
border-color : #aaa #ddd #ddd #aaa;
color : #444;
}
form.input_form .form_row_submit input {
background : #e9e8e8 url('../images/forms/submit.gif') repeat-x left top;
border : 1px solid #888;
border-color : #bbb #888 #888 #ccc;
color : #444;
font : normal 1em sans-serif;
margin : 0 4px 0 0;
padding : 5px 8px;
width : auto;
}
form.input_form .form_row_submit input:hover, form.input_form .form_row_submit input:focus {
background : #fffff5;
cursor : pointer;
}
form.input_form .form_row_submit input:active {
background : #ffc;
color : #123;
}
form.input_form input:focus, form.input_form textarea:focus, form.input_form select:focus {
background : #fffff5;
}
form.input_form li.form_error input, form.input_form li.form_error select, form.input_form li.form_error textarea {
background : #faf2f2;
background-color : #fff6f6;
border-color : #e66 #faa #faa #e66;
}
form.input_form input.form-error:focus, form.input_form textarea.form-error:focus {
background : #fff;
}
form.input_form label {
cursor : pointer;
}
form.input_form label.required {
font-weight : bold;
}
form.input_form input.image {
padding : 0;
border : 0;
}
.pb0 {
padding-bottom : 0;
}
.mr0 {
margin-right : 0;
}