@charset "utf-8";

/* General */
html, body {margin:0; padding:0; font-family:"Lucida Sans Unicode","Lucida Grande",Arial, sans-serif;}
body {background-color:#ececec;}
img {border:0;}
a {outline:none;}
#footer em, .social_media li em {display:none; font-style:normal;}

/* STRUCTURE */
#container {width:869px; margin:0 auto; background-color:#fff; padding:25px 17px 10px 17px;}
#top {width:869px; height:66px;}
#logo {width:220px; height:50px; float:left;}
#info {width:610px; height:50px; float:right; text-align:right;}
#menu {width:869px; height:44px;}
#content {width:869px; margin-top:12px;}
#content_left {width:576px; float:left;}
#projects {width:879px !important; width:889px; margin-left:-10px !important; margin-left:-20px;}
.project_item {width:283px; height:285px; float:left; margin:0 0 12px 10px; padding-bottom:20px; border-bottom:#ccc 6px solid;}
.home .project_item {border-bottom:#ccc 1px solid;}
#content_right {width:283px; float:right;}
.news_item {width:283px; padding:0 0 15px 0; border-bottom:#ccc 1px solid;}
.news .news_item {width:576px; padding:0 0 10px 0; border-bottom:#ccc 1px solid; margin-bottom:10px;}
.stroke {width:869px; height:6px; clear:both; background:#535353 url(/images/layout/stroke_sep.gif) 576px 0 no-repeat; line-height:6px; font-size:4px;}
.lines {width:869px; height:1px; clear:both; background:#ccc url(/images/layout/stroke_sep.gif) 576px 0 no-repeat; line-height:1px; font-size:1px;}
#footer {width:869px; margin:20px auto; background-color:#fff; padding:15px 17px 10px 17px;}
#footer_left {width:576px; height:185px; float:left; background:#fff url(/images/layout/footer_grey.jpg) repeat-x; padding-top:5px;}
#keywords {width:249px; float:left; padding:12px 17px 12px 17px;}
#social_network {width:249px; float:right; padding:12px 17px 12px 17px;}
#footer_right {width:249px; height:161px; float:right; background:#fff url(/images/layout/footer_black.jpg) repeat-x; padding:17px 17px 12px 17px;}
#filter {margin:0 0 10px 0; background-color:#f0f0f0;}
#player {width:576px;float:left; margin-bottom:10px;}
#detail_text {width:283px; margin-top:8px; float:right;}
#project_keywords {height:40px; background-color:#f0f0f0; margin-bottom:15px; width:869px;}
#address {width:283px; float:left; border-bottom:#ccc 1px solid; height:520px; margin-bottom:10px;}
#questions {width:283px; float:right; border-bottom:#ccc 1px solid; height:520px; margin-bottom:10px;}
#mailing {width:283px; float:left; padding-bottom:20px; margin-bottom:10px;}
.services_projects, .category {background-color:#ededed; padding:8px 10px 3px 10px; width:556px; margin:0 0 10px 0;}
.social_media {width:556px; height:15px; margin-bottom:10px; background-color:#ddd; padding:10px 10px;}

/* Titles */
#content h2 {font-size:24px; color:#00b0d8; margin:25px 0 12px 0; padding:0 0 5px 0; line-height:24px; border-bottom:#ccc 1px solid; text-transform:uppercase; font-weight:bold}
#content h2 span {font-size:18px;}
#content .project_item h3 {font-size:18px; color:#00b0d8; margin:10px 0 5px 0; line-height:18px; text-transform:uppercase;}
#footer h2 {font-size:16px; color:#fff; margin:0 0 12px 0; line-height:16px; text-transform:uppercase;}
.news_item h3 {font-size:12px; color:#666; margin:20px 0 5px 0; line-height:12px;}
#content_left h3.headline {font-size:20px; color:#8f8f8f; line-height:30px; margin:0; border:none;}
#content_left h3.about_us {font-size:30px; color:#4a4a4a; line-height:30px; margin:0; border:none;}
#content_left h4.baseline {display:block; width:100%; height:101px; font-size:24px; color:#fff; line-height:36px; margin:20px 0 20px 0; background:url(/images/layout/baseline.jpg) no-repeat; ;}
#filter h2 {font-size:14px; color:#000000; line-height:40px; height:40px; background:#e2e2e2 url(/images/layout/filter_arrow.gif) right 50% no-repeat; padding:0 30px 0 10px; text-transform:none; display:block; float:left; margin:0; border:none;}
#detail_text h2 {border:none; margin:0 0 8px 0; padding:0;}
#detail_text h3 {font-size:16px; color:#8b8b8b; border-bottom:#ccc 1px solid; margin:10px 0 10px 0; padding-bottom:5px; font-weight:200;}
#content_left h3 {font-size:18px; color:#4a4a4a; margin:20px 0 -5px 0; padding:0 0 4px 0; border-bottom:#ddd 1px solid;}
.news #content_left .news_item h3 {font-size:14px; color:#666; margin:10px 0 0px 0; line-height:18px; border:none;}
#content_left h4 {font-size:16px; color:#4a4a4a; margin:20px 0 -5px 0; padding:0 0 4px 0;}

/* Paragraphs */
.news_item p, .project_item p {font-size:11px; color:#666; margin:0; line-height:16px;}
#footer p {font-size:12px; color:#808080; margin:17px 0 0px 0; line-height:13px; text-transform:uppercase;}
#footer #keywords p {text-transform:inherit;}
#footer #footer_right p {color:#aaa; line-height:15px;}
#content_left p, #contact_widget p {font-size:12px; color:#858585; line-height:22px;}
#content #detail_text p {font-size:11px; line-height:18px; color:#868686; margin:4px 0 20px 0;}
#project_keywords p {margin:0; font-size:12px; color:#666; line-height:40px; padding:0 0 0 10px; display:block; height:40px; width:859px; background: url(/images/layout/project_keywords_arrow.gif) 730px 50% no-repeat;}
#address p, #questions p, #mailing p {line-height:18px; font-size:12px; color:#868686; margin:6px 0 12px 0;}
#questions p, #mailing p {height:55px; display:block;}
#content_left .services_projects p, #content_left .category p, #content_left .social_media p {display:block;  margin:0; line-height:16px; padding:0 0 5px 5px; float:left;}
.news #content_left .news_item p {font-size:12px; color:#858585; line-height:20px; margin:0;}
#content p.noresults {font-size:12px; line-height:20px; color:#858585; margin:6px 0 14px 10px;}
#content p.filter {font-size:21px; color:#666; margin:25px 0 12px 0; padding:0 0 5px 0; line-height:24px; border-bottom:#ccc 1px solid; font-weight:bold}
#questions p.ok {color:#0ca0c1;}
#questions p.sorry {color:#cb2726;}
p.testimonial_text {color: #868686; font-size: 12px; font-style: italic; line-height: 20px;}
p.testimonial_author { font-size: 11px; margin-bottom: 0; padding-bottom:0; text-align: right;}
#inspired p {font-size:12px; color:#858585; line-height:22px;}
#info p {font-size:12px; margin:15px 15px 0 0; color:#858585; background:url(/images/layout/lock.gif) 512px top no-repeat;}

/* Lists */
#menu ul {margin:0; padding:0; list-style:none;}
#menu li {margin:0; padding:0; display:block; width:145px; height:44px; float:left; background:url(/images/layout/menu_sep.jpg) right top no-repeat;}
#menu li.contact {width:144px; background:none;}
/* #keywords ul {list-style:none; margin:0 0 0 -5px; padding:0;}*/
#keywords p span {margin:0 0 8px 5px; padding:0 10px 0 0; display:block; float:left; font-size:12px; color:#fff; background:url(/images/layout/keywords_sep.gif) right 50% no-repeat;}
#social_network ul {list-style:none; margin:0; padding:0;}
#social_network li {margin:0 0 10px 0; padding:0 0 0 30px; font-size:12px; color:#fff; display:block; height:17px; line-height:18px;}
#social_network li.facebook {background:url(/images/layout/ico_facebook.gif) left 50% no-repeat;}
#social_network li.twitter {background:url(/images/layout/ico_twitter.gif) left 50% no-repeat;}
#social_network li.vimeo {background:url(/images/layout/ico_vimeo.gif) left 50% no-repeat;}
#social_network li.flickr {background:url(/images/layout/ico_flickr.gif) left 50% no-repeat;}
#social_network li.youtube {background:url(/images/layout/ico_youtube.gif) left 50% no-repeat;}
#filter ul {margin:0; padding:5px 0 0 0; list-style:none; display:block; height:35px; background-color:#f0f0f0;}
#filter li {margin:0; padding:0 0 0 10px; display:block; width:123px; height:14px; float:left; font-size:11px; line-height:14px;}
#detail_text ul {margin:0; padding:0; /*list-style:none;list-style-position:outside;*/ }
#detail_text li {font-size:11px; line-height:16px; margin:0; padding:0;overflow:hidden;display:block;}
.widget {clear: right;}
.widget ul {margin:0 0 10px 0; padding:0; list-style:none;}
.widget li {margin:0 0 3px 0; padding:0; font-size:11px; color:#858585; clear:both; border-bottom:#ddd 1px solid; padding:2px 0 3px 10px;}
.widget #inspired li {border:none;}
.widget li ul {padding:10px 0 0 0; margin-top:3px; border-top:#ddd 1px solid;}
.widget li ul li {border:none; background:url(/images/layout/arrow_blue.gif) left 6px no-repeat; padding:0 0 0 12px; margin:0 0 6px 0;}
#demoreel.widget {display:block; width:100%; height:85px; font-size:18px; color:#fff; line-height:30px; margin:20px 0 20px 0; background:url(/images/layout/baseline.jpg) no-repeat} 
#demoreel.widget h4 a{display:block; height:71px; width:190px; text-decoration:none; font-size:18px; margin-left:89px;padding-top:15px; color:#fff; font-weight:normal}

#content_left .services_projects ul, #content_left .category ul {list-style:none; margin:0 0 4px 0; padding:0; display:block; width:435px; float:left;}
#content_left .services_projects li, #content_left .category li {margin:0 0 2px 5px; padding:0 10px 0 0; display:block; float:left; font-size:12px; color:#fff; background:url(/images/layout/services_projects_sep.gif) right 50% no-repeat;}
#archive ul {margin:0 0 10px 0; padding:0; list-style:none;}
#archive li {margin:0 0 3px 0; padding:0; font-size:11px; color:#858585; clear:both; border-bottom:#ddd 1px solid; padding:2px 0 3px 10px;}
#category ul {list-style:none; margin:0 0 0 -5px; padding:0;}
#category li {margin:0 0 8px 5px; padding:0 10px 0 0; display:block; float:left; font-size:12px; color:#fff; background:url(/images/layout/services_projects_sep.gif) right 50% no-repeat;}
#content_left .social_media ul {margin:0 0 0 7px; padding:0; list-style:none; display:block; width:425px; float:left;}
#content_left .social_media li {margin:0 15px 3px 0; padding:0; font-size:12px; color:#858585; display:block; float:left; width:16px; height:16px; line-height:16px;}
#content_left ul {color:#858585; font-size:12px; line-height:22px;}
#content_left h4.title {color:#00B0D8}
/* Links */
#menu li a {display:block; width:124px; height:34px; background:url(/images/layout/menu_bg.jpg) repeat-x; font-size:13px; color:#fff; text-decoration:none; padding:10px 10px 0 10px; margin:0; line-height:13px; text-transform:uppercase;}
#menu li a span {font-size:7px; display:block; line-height:9px;}
#menu li a:hover {background:#202020 none;}
.home #menu li.home a, .portfolio #menu li.portfolio a, .about #menu li.about a, .services #menu li.services a, .news #menu li.news a, .contact #menu li.contact a {background:#202020 url(/images/layout/menu_active.gif) 10px top no-repeat; color:#dc2827;}
.home #menu li.home a span, .portfolio #menu li.portfolio a span, .about #menu li.about a span, .services #menu li.services a span, .news #menu li.news a span, .contact #menu li.contact a span {color:#fff;}
#footer p.glue {float:right; margin-top:-14px;}
#footer p.glue a {display:block; width:104px; height:15px; text-decoration:none; background:url(/images/layout/glue.gif) no-repeat; font-size:11px;}
.project_item h3 a, .project_item p a, .news_item p a, #footer_right a, .news_item h3 a {color:#00b0d8; text-decoration:none;}
#footer_right a:hover {text-decoration:underline;}
#keywords p a, #social_network li a {color:#fff; text-decoration:none;}
#keywords p a:hover, #social_network li a:hover {text-decoration:underline;}
.news_item h3 a {font-weight:bold;}
p.btnMore a {font-size:12px; color:#fff; padding:4px 15px 6px 10px; background:#00b0d8 url(/images/layout/btnMore.gif) right 50% no-repeat; text-decoration:none;}
p.btnMoreHome a {font-size:12px; color:#fff; padding:4px 15px 6px 10px; background:#00b0d8 url(/images/layout/btnMore.gif) right 50% no-repeat; text-decoration:none;}

#content_left p.btnLess a {font-size:12px; color:#fff; padding:4px 10px 6px 15px; background:#00b0d8 url(/images/layout/btnLess.gif) left 50% no-repeat; text-decoration:none; }
h3 a {text-decoration:none;}
.widget li a, #filter li a, #detail_text p a, #project_keywords p a, #content_left h3.headline a, #address p a, #content_left p a, .services_projects li a, #category li a, .category li a {color:#00B0D8; text-decoration:none;}
#filter li a:hover, #project_keywords p a:hover, #detail_text p a:hover, .news_item h3 a:hover, #content_left h3.headline a:hover, #address p a:hover, #content_left p a:hover, .services_projects li a:hover, .widget li a:hover, #category li a:hover, .category li a:hover {text-decoration:underline;}
#project_keywords p span.word a {font-size:11px;color:#656565; text-decoration:none;/* display:block; padding:13px 30px 0 31px;*/}
#project_keywords p span a:hover, .project_item h3 a:hover {text-decoration:none; color:#dc2827;}
#content_left p.btnMore a, #content_left p.btnLess a {color:#fff;}, #content_left p.btnMoreHome a {color:#fff;}
#content_left p.btnMore a:hover, #content_left p.btnLess a:hover {text-decoration:none;}
.news #content_left .news_item h3 a {font-size:18px;}
#category a {color:#00b0d8; text-decoration:none; line-height:24px; font-weight:200; font-size:12px;}
#category a:hover {text-decoration:underline;}
.social_media li a {display:block; width:16px; height:16px; text-decoration:none; color:#00b0d8;}
.social_media li a.delicious {background:url(/images/layout/bookmarks/delicious.gif) left top no-repeat;}
.social_media li a.digg {background:url(/images/layout/bookmarks/digg.gif) left top no-repeat;}
.social_media li a.facebook {background:url(/images/layout/bookmarks/facebook.gif) left top no-repeat;}
.social_media li a.google {background:url(/images/layout/bookmarks/google.gif) left top no-repeat;}
.social_media li a.linkedin {background:url(/images/layout/bookmarks/linkedin.gif) left top no-repeat;}
.social_media li a.nujij {background:url(/images/layout/bookmarks/nujij.gif) left top no-repeat;}
.social_media li a.stumbleupon {background:url(/images/layout/bookmarks/stumbleupon.gif) left top no-repeat;}
.social_media li a.delicious:hover {background:url(/images/layout/bookmarks/delicious.gif) left bottom no-repeat;}
.social_media li a.digg:hover {background:url(/images/layout/bookmarks/digg.gif) left bottom no-repeat;}
.social_media li a.facebook:hover {background:url(/images/layout/bookmarks/facebook.gif) left bottom no-repeat;}
.social_media li a.google:hover {background:url(/images/layout/bookmarks/google.gif) left bottom no-repeat;}
.social_media li a.linkedin:hover {background:url(/images/layout/bookmarks/linkedin.gif) left bottom no-repeat;}
.social_media li a.nujij:hover {background:url(/images/layout/bookmarks/nujij.gif) left bottom no-repeat;}
.social_media li a.stumbleupon:hover {background:url(/images/layout/bookmarks/stumbleupon.gif) left bottom no-repeat;}
#content_left h4.baseline a{display:block; height:71px; width:464px; text-decoration:none; font-size:32px; margin-left:85px;padding-top:10px; color:#fff; font-weight:normal}
#flickr a{margin:0 4px 4px 0;}
#info p a {color:#858585;}

/* Classes */
.clear {clear:both;}
p.btnLess {display:block; float:left;  height:27px; width:108px; line-height:27px}
p.btnMore {float:right; text-align:right; height:27px; line-height:27px}
p.btnMoreHome {float:left; text-align:right; height:27px; line-height:27px}
.lastrow {border-bottom:#ccc 1px solid;}
.img {width:283px; height:189px; overflow:hidden;}
#content_left .services_projects li.last, #keywords span.last, #category li.last, #content_left .category li.last {background:none;}
#content_left .intro {font-size:14px;}
/*#contact_widget p.btnMore a {float:left;}*/

/* Forms */
#form_questions, #mailinglist_form, #login_form {margin:0; padding:0;}
#login_form {width:283px; margin:0 auto; padding:0 0 20px 0;}
#form_questions p, #mailinglist_form p {margin:0 0 8px 0; font-size:12px; height:auto;}
#form_questions label.hidden, #mailinglist_form label.hidden {display:none;}
#form_questions input, #mailinglist_form input,#form_questions select, #login_form input {display:block; width:263px; height:24px; border:0; background-color:#e9e9e9; padding:8px 10px 0; color:#0ca0c1; font-size:12px;}
#login_form input {line-height:32px; height:32px; padding:0 10px;}
#form_questions select {width:283px; height:30px;padding: 5px 10px;}
#form_questions option {padding: 5px 10px;}
#form_questions textarea, #mailinglist_form textarea {display:block; width:263px; height:120px; border:0; background-color:#e9e9e9; padding:8px 10px 8px; color:#0ca0c1; font-family:"Lucida Sans Unicode","Lucida Grande",Arial, sans-serif; font-size:12px;} 
#form_questions input.submit, #mailinglist_form input.submit, #login_form input.submitbutton {display:block; float:right; height:26px; background:#00b0d8 url(/images/layout/btnMore.gif) right 50% no-repeat; padding:0 10px 4px 6px; cursor:pointer; width:auto; color:#fff; font-size:12px; font-family:"Lucida Sans Unicode","Lucida Grande",Arial, sans-serif;}
#login_form p.msg {clear:both;}
#form_questions input.hidden, #mailinglist_form input.hidden {display:none;}
#mailinglist_form .hiddenFields {display:none;}
#form_questions p span.error, #mailinglist_form p span.error {display:none !important;}
#form_questions p input.error, #mailinglist_form p input.error, #form_questions p textarea.error, #mailinglist_form p textarea.error {border-left:#cb2726 3px solid; padding-left:7px; color:#cb2726;}
#form_questions label.extra {float:left;background-color: #E9E9E9;border: 0px; height:24px;color: #0CA0C1;padding:4px 10px; }
#form_questions span.input {margin: 0 0 3px 110px;width:166px;display:block;background-color: #E9E9E9;border: 0px;color: #0CA0C1;height:24px; padding:4px;}
#form_questions span.input input {display:inline; width: auto;height:auto;margin:;}
#form_questions span.input label {clear:left;display:inline;}

/* Misc */
#content_left h3.headline strong {color:#00b0d8;}
#content strong {color:#4a4a4a;}
#project_keywords p span.word {float:left; display:block; height:40px; font-size:14px; line-height:40px; width:725px}
#project_keywords p span.overview {float:right; display:block; background-color:#e2e2e2; height:40px; font-size:14px; line-height:40px; width:121px; text-align:center;}
#detail_text li span.title {display:block; float:left; width:140px; font-weight:600; color:#868686; margin:0; padding:0}
#detail_text li span.description {display:block; float:right; width:140px; font-weight:200; color:#868686; margin:0; padding:0}
.widget li span {display:block; width:12px; float:left; color:#00b0d8;}
#archive li span {display:block; width:12px; float:left; color:#666;}
.portfolio_addthis {width:300px;margin-top: 15px;}
.news_addthis {margin-left: 120px;}
#artists img {margin:5px 15px 10px 0;}

/* Clients */
.clients #user_downloads ul {padding-left:15px; line-height: 15px;}
.clients #user_downloads li {list-style-type: none;margin:20px 0;}
.clients #user_downloads li a {margin-left:25px;font-size:15px;line-height:15px;color:#00B0D8;text-decoration:none;}
.clients #user_downloads li.zip {background:url('/images/icons/zip.png') no-repeat scroll left top transparent}
.clients #user_downloads li p {padding-left:25px;margin-top:0;}
.clients #user_downloads li.rar {background:url('/images/icons/zip.png') no-repeat scroll left top transparent}
.clients #user_downloads li.pdf {background:url('/images/icons/pdf.gif') no-repeat scroll left top transparent}
.clients #user_downloads li.video {background:url('/images/icons/video.png') no-repeat scroll left top transparent}
.clients #user_downloads li.image {background:url('/images/icons/image.png') no-repeat scroll left top transparent}