/* ----- General Declarations ----- */
p, h1, h2, h3, h4, h5, h6 {margin:0 0 0.8em 0;}
a img {outline:none; border:none;}

body {margin:0px; padding:0px 0px 120px 0px; font-family:"open sans", sans-serif; font-size:16px; color:#ffffff; background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-color:#000000; background-image:url(img/background/page-default-dark.jpg);}

.small {font-size:0.7em;}
.bold {font-weight:bold;}
.clear {clear:both; height:0; display:block;}
.center {text-align:center;}
.hidden {display:none;}
.error {color:#cc4444; font-size:14px;}
.grey {color:#888888;}

h2.subtitle {margin:30px 0 8px 0;}

.aspect_ratio {width:90%; padding-top:56.25%; position:relative; margin:20px auto; background:#000000;}
.fit_video {position:absolute; top:0; left:0; height:100%; width:100%; border:none;}
#message_box {width:550px; margin:150px auto 0 auto; padding:50px 100px; background:url(img/background/content.png) repeat; text-align:center;}
#message_title {font-weight:bold; font-size:20px;}
#message_box a {color:#aaaaaa; text-decoration:none;}
#message_box a:hover {color:#ffffff;}
a.plain {text-decoration:none; color:inherit;}

/* ----- Page Structure ----- */
/*
	Try and fix mobile versions with dodgy z-index bug
#container {position:relative; z-index:1;}
*/

#splash_video_container {z-index:100; width:100%; height:100%; position:fixed; background:#ffffff; display:none; text-align:center;}
#splash_video {position:relative; top:50%; margin-top:-300px; width:800px; height:600px;}
#splash_video_skip {position:absolute; bottom:20px; right:100px; color:#000000; cursor:pointer;}

#mobile_menu_container {display:none;}

#bottom_navigation {font-family:"Arial Black", Gadget, sans-serif; font-size:28px; font-weight:900; margin:0px; text-align:center; position:fixed; bottom:0; left:0; width:100%; background:url(img/background/menu.png) repeat; padding:15px 0; z-index:2; list-style:none;}
#bottom_navigation li {display:inline-block;}
#bottom_navigation a {color:#ffffff; padding:10px; text-decoration:none; margin:0 20px;}
#bottom_navigation a:hover {color:#bbbbbb;}

#left_panel {position:fixed; top:40px; margin:0; width:320px; text-align:center;}
#page_title {font-family:"Arial Black", Gadget, sans-serif; font-size:44px; font-weight:900; margin:40px 10px 40px 10px; background:url(img/background/nav.png) repeat; padding:5px 20px; text-align:center; display:block;}
#page_menu {font-family:"Arial Black", Gadget, sans-serif; font-weight:900; padding:0px; list-style:none; text-align:left;}
#page_menu li.current_page {font-size:24px; background:url(img/background/nav-white.png) repeat; color:#000000; padding:10px 10px 10px 40px; display:inline-block; margin-bottom:10px; width:260px;}
#page_menu li a {text-decoration:none; color:#ffffff; font-size:24px; background:url(img/background/menu.png) repeat; padding:10px 10px 10px 20px; display:inline-block; margin-bottom:10px; width:260px;}
#page_menu li a:hover {background:url(img/background/nav-white.png) repeat; color:#000000; padding:10px 10px 10px 40px;}
#page_menu li.current_page a {text-decoration:none; background:none; color:#000000; padding:0; margin-bottom:0; width:inherit;}
#page_menu li.current_page a:hover {background:none; color:#000000; padding:0;}

#right_panel {position:fixed; top:60px; right:20px;}
#right_panel_home_link {background:url(img/logo-ia-productions-small.png) no-repeat; width:80px; height:79px; display:block; text-indent:-200px; overflow:hidden;}
#right_panel_home_link:hover {background-image:url(img/logo-ia-productions-small-highlight.png);}

#centre_panel {margin:80px 120px 0 320px; padding:20px 30px; background:url(img/background/content.png) repeat; overflow:hidden;}
#centre_panel_no_background {margin:80px 120px 0 320px; padding:0;}
#centre_panel_fit {display:inline-block; background:url(img/background/content.png) repeat; padding:10px 0 0 10px;}
#centre_panel_past_project {padding:20px 30px; background:url(img/background/content.png) repeat;}

.ipad_landscape_info {display:none;}
.ipad_portrait_info {display:none;}
.mobile_info {display:none;}

/* ----- Homepage ----- */
#home_logo {float:left; padding:15px; margin:35px 0 0 5px;}

#home_menu {font-family:"Arial Black", Gadget, sans-serif; font-weight:900; float:left; clear:left; margin:30px 0px 0px 0px; padding:0px; list-style-type:none;}
#home_menu a {text-decoration:none; color:#ffffff; font-size:28px; background:url(img/background/menu.png) repeat; padding:8px 10px 8px 20px; display:inline-block; margin-bottom:10px; width:180px;}
#home_menu a:hover {background:url(img/background/nav-white.png) repeat; color:#000000; padding-left:40px;}
#home_banner {font-family:"Arial Black", Gadget, sans-serif; position:absolute; top:0; left:0; right:0; background:url(img/background/menu.png) repeat; font-size:20px; margin:0; padding:5px 10px; overflow:hidden;}
#home_banner p {text-align:center; margin-bottom:0; padding:0 100px;}

	/* Mobile versions need z-index:0 and then container div at the moment */
#background_fade {z-index:-1;  position:fixed; left:0; right:0; top:0; bottom:0; background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#home_background_controls {position:absolute; bottom:30px; right:30px;}
#home_background_previous {margin-right:40px;}

/* ----- About Pages ----- */
#about_profile_photo {float:left; margin:0px 15px 10px 0px; width:26%;}
#role {display:inline-block; margin-left:10px; font-size:18px; font-style:italic; position:relative; bottom:1px;}

/* ----- Portfolio Pages ----- */
#showreel_panel {position:absolute; top:80px; right:120px; bottom:120px; left:320px; background-color:black;}
#showreel_panel iframe {position:absolute; z-index:1; width:100%; height:100%; border:none; top:0; left:0;}
#showreel_loading {text-align:center; position:absolute; top:50%; margin-top:-27px; left:50%; margin-left:-58px;}

#slider_visualisation, #slider_preproduction, #slider_eventday, #gallery {margin:0; padding:0;}

#overlay {background:black; z-index:3; width:100%; height:100%; position:fixed; top:0;}
#overlay_box {position:absolute; top:50px; right:50px; bottom:50px; left:50px; z-index:10; text-align:center;}
#overlay_close {float:right; border:1px solid #000000; padding:0 3px; color:#3d3d3d; background:#ffffff; text-decoration:none;}

.gallery_image {max-width:100%; height:inherit; max-height:100%; display:inline-block;}

.portfolio_panel p {margin-bottom:6px; line-height:1.15em;}

.portfolio_item {text-align:left; position:relative; color:#ffffff; text-decoration:none;}
.portfolio_detail {display:none; padding:8px 15px; z-index:1; position:absolute; top:0; left:0; background:url(img/background/logo-watermark.png); width:270px; height:204px;}
.portfolio_item:hover .portfolio_detail {display:block;}
.portfolio_title {font-family:"Arial Black", Gadget, sans-serif; font-size:18px; font-weight:900; margin-bottom:8px;}
.portfolio_text {font-size:14px;}

#past_projects_navigation {margin-top:10px; overflow:hidden;}
#past_projects_navigation a {background:url(img/background/content.png) repeat; padding:5px 10px 5px 8px; color:#888888; text-decoration:none;}
#past_projects_navigation a:hover {color:#ffffff;}
#past_projects_navigation_prev {float:left;}
#past_projects_navigation_prev img {float:left; margin:7px 12px 0 0;}
#past_projects_navigation_prev .line_1 {}
#past_projects_navigation_prev .line_2 {font-size:12px; display:block; padding-left:26px;}
#past_projects_navigation_next {float:right; text-align:right;}
#past_projects_navigation_next img {float:right; margin:7px 0 0 12px;}
#past_projects_navigation_next .line_1 {}
#past_projects_navigation_next .line_2 {font-size:12px; display:block; padding-right:26px;}

.services_item, .portfolio_item {margin:0px 10px 10px 0; display:inline-block; width:300px; height:220px;}

/* ----- Services ----- */
#services_side {text-align:left; margin:0 10px 0 20px;}

.services_item {text-align:left; position:relative;}
.services_detail {display:none; padding:8px 15px; z-index:1; position:absolute; top:0; left:0; background:url(img/background/logo-watermark.png); width:270px; height:204px;}
.services_item:hover .services_detail {display:block;}
.services_title {font-family:"Arial Black", Gadget, sans-serif; font-size:18px; font-weight:900; margin-bottom:5px;}
.services_text {font-size:14px;}

/* ----- Clients Pages ----- */
#client-list {list-style:none; padding:0; text-align:center;}
#client-list li {display:inline-block; margin:0px 10px 20px 10px; border:1px solid #6a6b6e; background:url(img/background/content.png) repeat; width:218px; height:217px;}

.testimonial {background:url(img/background/content.png) repeat; width:460px; position:relative; display:inline-block; vertical-align:top; margin:0 10px 40px 10px; text-align:left;}
.testimonial-body {margin:15px 55px;}
.testimonial-quote-left {position:absolute; top:15px; left:15px; background:url(img/quote-left.png) no-repeat; width:30px; height:25px;}
.testimonial-quote-right {position:absolute; bottom:15px; right:15px; background:url(img/quote-right.png) no-repeat; width:30px; height:25px;}
.testimonial-client {font-size:14px; font-weight:normal;}

/* ----- Artistes ----- */
#artistes_form label {display:none;}

#artistes-list {list-style:none; padding:0; text-align:center; margin:0;}
#artistes-list li {display:inline-block; margin:2px 12px 12px 2px; border:1px solid #6a6b6e; background:url(img/background/content.png) repeat; width:218px; height:217px;}

.artistes_link {position:relative; display:block; color:#ffffff;}
.artistes_title {position:absolute; top:0; left:0; width:218px; height:207px; background:url(img/background/logo-watermark.png) no-repeat center; display:none; font-size:30px; padding-top:10px;}
.artistes_link:hover .artistes_title {display:block;}

.act_top_image {max-width:90%;}
.act_category_link {float:right;}

/* ----- Contact ----- */
#contact_details {font-size:16px; background:url(img/background/content.png) repeat; margin:0 10px 0 10px; padding:10px 15px; text-align:left;}
#contact_details h4 {font-size:20px; margin-bottom:1px;}
#contact_details p {font-size:18px; margin:0 0 15px 10px;}
#contact_details a {color:#ffffff; text-decoration:none;}
#contact_details a:hover {text-decoration:underline;}

#contact_twitter {float:right; background:url(img/background/content.png) repeat; width:300px; padding:0 15px 10px 15px;}
.tweet {border-bottom:1px dotted #ffffff; padding:10px 0;}
.tweet img {float:left; margin:0 10px 5px 0;}
.tweet p {margin:0;}
.tweet a {color:#ffffff; text-decoration:none;}
.tweet a:hover {text-decoration:underline;}

#contact_form {background:url(img/background/content.png) repeat; padding:10px 15px; margin-right:340px;}
#contact_form label {display:none;}
#contact_form p {padding:0 10px;  position:relative;}
.input_note {position:absolute; top:6px; right:6px; font-size:12px; color:#888888;}

.text_input {width:100%; padding:10px; margin-left:-10px;  border:1px solid #6a6b6e; font-weight:bold; font-size:18px; color:#ffffff; background:none;}
.submit {margin-left:-10px; display:inline-block; color:#ffffff; border:2px solid #6a6b6e; background:#000000; padding:10px 25px; text-decoration:none; font-weight:bold; font-size:20px; cursor:pointer;}
.submit:hover {background:#333333; color:#ffffff;}
#contact_message {height:160px; max-width:100%; font-family:'open sans', sans-serif; overflow-y:auto;}
#contact_cc {position:relative; bottom:2px;}

/* ----- Navigation Page ----- */
#navigation_menu {width:100%; padding:0; margin:0; list-style:none; border-bottom:1px dotted #888888;}
#navigation_menu ul {width:100%; padding:0; list-style:none;}
#navigation_menu a {text-decoration:none; color:#ffffff; font-size:18px; background:url(img/background/nav.png) repeat; padding:5px 5px 5px 20px; display:block; border-top:1px dotted #888888;}
#navigation_menu .sub a {color:#ffffff; background:url(img/background/nav.png) repeat; padding:5px 5px 5px 50px; border-top:1px dotted #333333;}

/* ----- Large Broswer ----- */
@media only screen 
and (max-width : 1416px) {
#centre_panel_fit {padding:6px 0 0 6px;}

.services_item, .portfolio_item {margin:0px 6px 6px 0; width:270px; height:198px;}
.services_item img, .portfolio_item img {width:270px; height:198px;}

.services_detail {width:240px; height:182px; background-position:center;}
.services_title {font-size:15px;}
.services_text {font-size:12px;}

.portfolio_detail {width:240px; height:182px; background-position:center;}

.testimonial {width:410px;}
}


/* ----- Medium Broswer ----- */
@media only screen 
and (max-width : 1280px) {
#bottom_navigation {font-size:22px;}
#bottom_navigation a {margin:0 15px;}

#left_panel {width:300px;}
#page_menu li.current_page {width:240px;}
#page_menu li a {width:240px;}
#centre_panel {margin:80px 120px 0 300px;}
#centre_panel_no_background {margin:80px 120px 0 300px;}

.testimonial {width:40%; font-size:14px;}
.testimonial-body {margin:12px 30px;}
.testimonial-quote-left {position:absolute; top:8px; left:8px; background:url(img/quote-left.png) no-repeat; width:24px; height:20px; background-size:cover;}
.testimonial-quote-right {position:absolute; bottom:8px; right:8px; background:url(img/quote-right.png) no-repeat; width:24px; height:20px; background-size:cover;}
.testimonial-client {font-size:12px;}

#contact_twitter {float:right; background:url(img/background/content.png) repeat; width:250px; padding:0 10px 10px 10px;}
.tweet_body {font-size:14px;}
#contact_form {margin-right:280px;}
}

/* ----- Small Broswer ----- */
@media only screen 
and (max-width : 1024px) {
#message_box {width:440px; margin:120px auto 0 auto; padding:50px 60px; font-size:12px;}
#message_title {font-weight:bold; font-size:16px;}

#bottom_navigation {font-size:16px;}
#bottom_navigation a {margin:0 10px;}

#left_panel {position:absolute; left:0; top:40px; width:280px;}
#page_title {font-size:26px; margin:40px 10px 20px 10px;}
#page_menu li.current_page {font-size:18px; padding:8px 8px 8px 30px; width:232px;}
#page_menu li a {font-size:18px; padding:8px 8px 8px 15px; width:232px;}
#page_menu li a:hover {padding:8px 8px 8px 30px;}

#right_panel {display:none;}

#centre_panel {margin:80px 20px 0 280px;}
#centre_panel_no_background {margin:80px 20px 0 280px;}

#services_side {margin:0 10px 0 15px; font-size:14px;}

.testimonial {width:95%; font-size:14px;}
}

/* ----- Tiny Broswer ----- */
@media only screen 
and (max-width : 968px) {
#contact_twitter {float:right; background:url(img/background/content.png) repeat; width:180px; padding:0 10px 10px 10px;}
.tweet_body {font-size:12px;}
#contact_form {margin-right:210px;}
#home_banner {font-size:16px;}
}

@media only screen 
and (max-width : 768px) {
#message_box {width:auto; margin:80px 10px 0 10px; padding:20px 20px; font-size:12px;}
#message_title {font-weight:bold; font-size:16px;}

#bottom_navigation {font-size:12px;}
#bottom_navigation a {margin:0 5px;}

#contact_twitter {display:none;}
#contact_form {margin-right:0;}
}

/* ----- Tablet (Landscape) ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.ipad_landscape_info {display:block; font-size:12px; margin-top:-24px;}

/* Mobile versions need bug fixing */
#background_fade {display:none;}

#centre_panel_fit {display:block; background:none; padding:0;}
.tablet_background {display:inline-block !important; background:url(img/background/content.png) repeat !important; padding:8px 4px 0 12px !important;}

.portfolio_item {text-align:left; margin:0 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:10px;}
.portfolio_item img {float:right; margin-left:20px;}
.portfolio_detail {display:block; padding:8px 8px; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}

.services_item {text-align:left; margin:0 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:10px;}
.services_item img {float:right; margin-left:20px;}
.services_detail {display:block; padding:8px 8px; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}
.services_title {font-size:18px;}
.services_text {font-size:14px;}

.artistes_title {background:url(img/background/content.png) repeat; display:block;}
}

/* ----- Tablet (Portrait) ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
body {padding-bottom:60px;}
.ipad_portrait_info {display:block; font-size:12px;}

#mobile_menu_container {display:block;}
#mobile_menu_link {width:100%; padding:10px 0px 10px 20px; background:url(img/background/menu.png) repeat; position:fixed; top:0; left:0; right:0; z-index:10; display:block; text-decoration:none; color:#aaaaaa;}
#mobile_menu_icon {display:inline-block; vertical-align:middle;}
#mobile_menu_identifier {display:inline-block; margin-left:8px; vertical-align:middle;}
#mobile_menu {position:fixed; background:url(img/background/menu.png) repeat; left:-220px; top:33px; list-style-type:none; padding:0; width:200px; border-bottom:1px dotted #ffffff; z-index:10;}
#mobile_menu a {text-decoration: none; color:#ffffff; font-size:20px; padding:8px 0px 8px 20px; display:inline-block; width:180px; border-top:1px dotted #ffffff;}
.mobile_submenu {list-style-type:none; padding:0; width:200px; display:none;}
#mobile_menu .mobile_submenu a {padding:5px 0px 5px 40px; border-top:1px dotted #555555; border-bottom:none; width:160px; display:block;}

#bottom_navigation {display:none;}

/* Mobile versions need bug fixing */
#background_fade {display:none;}

#left_panel {position:static; top:inherit; margin:0; width:inherit; text-align:left; margin-top:40px;}
#page_title {margin:66px 25px 16px 25px;}
#page_menu {display:none;}

#right_panel {display:none;}
#centre_panel {margin:16px 25px 0 25px;}
#centre_panel_no_background {margin:16px 25px 0 25px;}
#centre_panel_fit {display:block; background:none; padding:0;}
.tablet_background {background:url(img/background/content.png) repeat !important; padding:8px 4px 0 4px !important;}

#home_logo {margin-top:60px;}
#home_banner {top:auto; bottom:0;}

#showreel_panel {padding-top:56.25%; position:relative; margin:16px 25px; background:#000000; top:inherit; right:inherit; bottom:inherit; left:inherit;}
.portfolio_item {text-align:left; margin:0px 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:10px;}
.portfolio_item img {float:right; margin-left:20px;}
.portfolio_detail {display:block; padding:8px 15px; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}

#services_side {margin:0 30px 20px 30px;}
.services_item {text-align:left; margin:0px 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:10px;}
.services_item img {float:right; margin-left:20px;}
.services_detail {display:block; padding:8px 15px; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}
.services_title {font-size:18px;}
.services_text {font-size:14px;}

#client-list li {margin:0px 8px 18px 8px; width:218px; height:217px;}
.testimonial {margin:0 0 20px 0; width:inherit;}

#artistes-list li {margin:0px 5px 15px 5px; width:218px; height:217px;}
.artistes_title {background:url(img/background/content.png) repeat; display:block;}
}

/* ----- Mobile (Landscape) ----- */
@media only screen 
and (max-width : 600px) {
html {-webkit-text-size-adjust: none;}
body {padding-bottom:10px; min-height:375px; font-size:14px;}
.mobile_info {display:block; font-size:12px;}

#mobile_menu_container {display:block;}
#mobile_menu_link {padding:10px 0px 10px 20px; background:url(img/background/menu.png) repeat; position:absolute; top:0; left:0; right:0; z-index:10; display:block; text-decoration:none; color:#aaaaaa;}
#mobile_menu_icon {display:inline-block; vertical-align:middle;}
#mobile_menu_identifier {display:inline-block; margin-left:8px; vertical-align:middle;}
#mobile_menu {position:absolute; background:url(img/background/menu.png) repeat; left:0; top:37px; list-style-type:none; padding:0; width:100%; border-bottom:1px dotted #ffffff; z-index:10; display:none;}
#mobile_menu a {text-decoration:none; color:#ffffff; font-size:20px; padding:8px 0px 8px 20px; display:block; border-top:1px dotted #ffffff;}
.mobile_submenu {list-style-type:none; padding:0; display:none;}
#mobile_menu .mobile_submenu a {padding:5px 0px 5px 40px; border-top:1px dotted #555555; width:inherit; display:block;}

#bottom_navigation {display:none;}

#left_panel {position:static; top:inherit; margin:0; width:inherit; text-align:left; margin-top:30px;}
#page_title {margin:66px 10px 10px 10px;}
#page_menu {display:none;}

#right_panel {display:none;}
#centre_panel {margin:10px 10px 0 10px; padding:10px 12px;}
#centre_panel_no_background {margin:10px 10px 0 10px;}
#centre_panel_fit {display:block; background:none; padding:0;}
#centre_panel_past_project {padding:10px 12px;}
.mobile_background {background:url(img/background/content.png) repeat !important; padding:8px 4px 0 4px !important;}

#home_menu {display:none;}
#home_logo {float:none; margin:60px auto 0 auto; display:block;}
#home_banner {top:auto; bottom:0;}

/* Mobile versions need bug fixing */
#background_fade {display:none;}
#home_background_controls {display:none;}

#showreel_panel {padding-top:56.25%; position:relative; margin:16px 10px 0 10px; background:#000000; top:inherit; right:inherit; bottom:inherit; left:inherit;}
.portfolio_item {text-align:left; margin:0px 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:8px; height:inherit; overflow:hidden;}
.portfolio_item img {float:right; margin-left:10px; width:200px; height:147px;}
.portfolio_detail {display:block; padding:0; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}
.portfolio_text {margin-bottom:0;}

#services_side {margin:0 15px 20px 15px;}
.services_item {text-align:left; margin:0px 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:8px; height:inherit; overflow:hidden;}
.services_item img {float:right; margin-left:10px; width:200px; height:147px;}
.services_detail {display:block; padding:0; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}
.services_text {margin-bottom:0;}

#client-list li {margin:0px 2px 8px 2px; width:144px; height:144px;}
#client-list li img {width:144px; height:144px;}
.testimonial {margin:0 0 20px 0; width:inherit;}

#artistes-list li {margin:0px 2px 8px 2px; width:140px; height:140px;}
#artistes-list li img {width:140px; height:140px;}
.artistes_title {width:140px; height:130px; font-size:18px; padding-top:10px; background:url(img/background/content.png) repeat; display:block;}

.act_top_image {max-width:80%;}
}

/* ----- Mobile (Portrait) ----- */
@media only screen 
and (max-width : 400px) {
.portfolio_item {text-align:left; margin:0 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:10px;}
.portfolio_item img {float:none; margin-left:0; margin-bottom:8px; width:280px; height:205px;}
.portfolio_detail {display:block; padding:0; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}

#services_side {margin:0 15px 20px 15px;}
.services_item {text-align:left; margin:0px 0 20px 0; position:relative; display:block; width:inherit; color:#ffffff; text-decoration:none; background:url(img/background/content.png) repeat; padding:10px;}
.services_item img {float:none; margin-left:0; margin-bottom:8px; width:280px; height:205px;}
.services_detail {display:block; padding:0; z-index:1; position:static; top:inherit; left:inherit; background:none; width:inherit; height:inherit;}

#past_projects_navigation_prev .line_2, #past_projects_navigation_next .line_2 {font-size:10px;}

#client-list li {margin:0px 2px 8px 2px; width:134px; height:134px;}
#client-list li img {width:134px; height:134px;}

#artistes-list li {margin:0px 2px 8px 2px; width:134px; height:134px;}
#artistes-list li img {width:134px; height:134px;}
.artistes_title {width:134px; height:124px; padding-top:10px;}
}