@import url('reset.css');
@import url('forms.css');

/*	

Optima Graphic Design v1.0

Stylesheet contents 
-----------------
   1) Body
   2) General typography
   3) Headings
   4) Links
   5) Images
   6) Layout
   7) Header
   8) Nav
   9) Sub Nav
  10) Footer
  11) Home
  12) Blog
  13) Contact
  14) Vacancies
  15) 404
  16) Modules
  17) About us
  18) General pages
  19) Hold music modal
-----------------

Main Colours 
-----------------
	Purple:	 		#4b354e
	Mid Purple:		#6e5369
	Pale purple:	#ece8eb
	BG purple:		#f7f6f7
	Orange:			#df6e22
	Green:			#5f9e00
-----------------
   
*/




/* 1) Body
------------------------------------------------ */
html {
	min-height: 100%;
	height: auto;
}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-family: "ff-enzo-web-1","ff-enzo-web-2",arial;
	font-weight: 500;
	font-size: 12px; 
	line-height: 18px; 
	background: #f9f8f9 url(../images/templates/stripes.jpg) repeat-x scroll center bottom;
	color: #4b354e; }




/* 2) General typography
------------------------------------------------ */

p, ul, dl, ol { 
	margin-bottom: 12px; }
	
p strong {
	color: #6E5369; }
	
p.teaser {
	font-size: 17px;
	line-height: 24px; }
	
#intro p {
	font-size: 17px;
	font-weight: 500;
	width: 954px;
	line-height: 24px;
	color: #6e5369;
	margin-bottom: 6px; }
	
p.intro_para {
	font-size: 16px;
	line-height: 24px;
	color: #6e5369; }
	
#main_content p, #col2 p {
	font-size: 14px;
	line-height: 21px; }
	
#main_content p.paginate {
	font-size: 12px;
	margin-bottom: 24px;
	clear: both; }
	
#main_content p.teaser {
	font-size: 17px;
	line-height: 24px; }
	
#main_content #side_bar p {
	font-size: 12px; }
	
#intro p strong {
	font-weight: normal; }
	
#intro p a, #intro p strong {
	font-weight: 500; }
	
p.warning {
	color: #C00;
	border: 1px solid #C00;
	padding: 6px;
	background-color: #fff; }
	
ul { 
	list-style: none; }
	
ul li { 
	list-style: none;
	background: transparent url(../images/templates/bullet.gif) no-repeat 0 6px;
	padding-left: 18px;
	margin-bottom: 6px; }
	
ol { 
	list-style: decimal; }
	
ol li { 
	margin-left: 18px; 
	margin-bottom: 6px; }
	
#main_content ul li, #main_content ol li { 
	font-size: 14px;
	line-height: 21px; }

#main_content ul.nav_list li {
	clear: both;
	overflow: hidden;
	font-size: 12px; 
	line-height: 18px; }

.orange { 
	color: #DF6E22; }



/* 3) Headings
------------------------------------------------- */

h1 {
	overflow: hidden;
	float: left;
	height: 46px;
	width: 168px;
	z-index: 200; 
	position: relative; }

h1 span {
	margin-left: -9999px; }

h2 {
	padding-top: 38px;
	font-size: 13px;
	line-height: 16px;
	font-family: "apertura-1","apertura-2", arial;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: normal;
	margin-bottom: 7px; }
	
#col1 h2, #col2 h2 {
	font-size: 30px;
	font-family:"ff-enzo-web-1","ff-enzo-web-2",arial;
	font-weight: 300;
	line-height: 36px;
	text-transform: none;
	color: #444244;
	margin-top: 16px; 
	margin-bottom: 12px;
	padding-top: 0; }

h3 {
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
	color: #444244;
	margin-top: 16px; 
	margin-bottom: 12px; }
	
#main_content h3 {
	color: #444244;
	font-family: "ff-enzo-web-1","ff-enzo-web-2",arial;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 24px;
	text-transform: none; }
	
h3 a:link, h3 a:visited {
	color: #6E5369;
	text-decoration: none; }

h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color:#444244;
	margin-top: 24px;
	margin-bottom: 12px; }
	
.sub_content h3, #side_bar h4 {
	font-family: "apertura-1","apertura-2", arial;
	font-size: 13px;
	line-height: 24px;
	font-weight: 900;
	text-transform: uppercase;
	color: #6E5369;
	margin-top: 0;
	margin-bottom: 6px; }
	
.sub_content h3 {
	margin-top: 18px; }
	
.sub_content h3.sub_h3 {
	margin-top: 32px; }
	
#home .sub_content h3 {
	margin-top: 0; }
	
#about .sub_content #col2 h3 {	
	font-size: 20px;
	font-family:"ff-enzo-web-1","ff-enzo-web-2",arial;
	font-weight: 300;
	line-height: 24px;
	text-transform: none;
	color: #444244;
	margin-top: 24px;
	margin-bottom: 12px; }
	
#side_bar h4 {
	margin-top: 27px;
	clear: both; }
	
	#services h4.flickr_header {
		font-family: "apertura-1","apertura-2",arial;
		margin-top: 30px;
		color: #6E5369;
		text-decoration: none;
		text-transform: uppercase; 
		font-size: 13px;
	    font-weight: 900;
	margin-bottom: 8px;
	    line-height: 24px;}

h5 {
	font-size: 13px;
	font-weight: normal;
	margin-top: 24px; }
	
form h5 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	margin-top: 30px; }

h6 {
	font-size: 13px;
	font-weight: normal;
	margin-top: 24px; }




/* 4) Links
------------------------------------------------- */

a:link, a:visited {
	color: #4b354e;
	text-decoration: underline; }
	
a:hover, a:active, a:focus {
	text-decoration: none; }
	
#intro p a:link, #intro p a:visited {
	color: #AFA0AC;
	border-bottom: 1px dotted #AFA0AC;
	text-decoration: none; }
	
#intro p a:hover, #intro p a:active, #intro p a:focus {
	border-bottom: 1px solid #AFA0AC; }
	
.rss_header a, .twitter_header a, .flickr_header a, .onhold_header {
	display: block;
	text-decoration: none;
	border-bottom: none;
	color: #6E5369;
	padding-left: 26px; }
		
.rss_header a {
	background: transparent url(../images/templates/icon_rss.png) 0 35% no-repeat; }
	
.twitter_header a {
	background: transparent url(../images/templates/icon_twitter.png) 0 35% no-repeat; }

.flickr_header a {
	background: transparent url(../images/templates/icon_flickr.png) 0 35% no-repeat; }
	
#col3 .onhold_header a {
	color: #AFA0AC;
	border-bottom: 1px dotted #AFA0AC;
	font-family: "ff-enzo-web-1","ff-enzo-web-2",arial;
	text-transform:capitalize;
	font-style: italic;
	font-weight:normal;
	font-size: 13px;
	margin-left: 50px; }
	
#col3 .onhold_header a:hover {
	color: #6E5369;
	border-bottom: 1px dotted #6E5369;}	

.onhold_header {
	background: transparent url(../images/templates/icon_onhold.png) 0 35% no-repeat;
	clear: both; }

#main_content p.rss_link {
	margin-top: 36px;
	line-height: 24px; }
	
p.rss_link a:link, p.rss_link a:visited {
	font-family: "apertura-1","apertura-2", arial;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 26px;
	display: block;
	background:transparent url(../images/templates/icon_rss.png) no-repeat 0 35%;
	color: #998796; }
	
a.twitter_link {
	color: #01b4d6;
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px #01b4d6 dotted; }
	
a.twitter_link:hover, a.twitter_link:active, a.twitter_link:focus {
	color: #0197b3; }




/* 5) Images
------------------------------------------------- */

img {
	border: none;
	display: block; }

.sub_content #col1 img {
	padding-top: 4px;
	float: left; }

#image_cycle {
	position: relative;
	margin: 22px 0 18px 0;
	padding: 11px;
	background-color: #f7f6f7;
	border: 1px solid #ebe9eb;
	overflow: hidden;
	width: 626px;
	height: 346px; }
	
#image_cycle img {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 11px;
	margin-left: 11px; }




/* 6) Layout
------------------------------------------------- */

#header, #intro, #main_content, .sub_content, #footer, #main_careers {
	width: 954px;
	margin: 0 auto;
	padding: 0 12px; }
	
#header_wrapper {
	background: transparent url(../images/templates/header_bg.png) 0 0 repeat-x;
	height: 80px;
	padding-top: 23px; }
	
#blog #header_wrapper, #portfolio #header_wrapper {
	background-color: #fff; }
	
#intro {
	padding-top: 30px; }
	
.sub_content {
	padding-top: 18px;
	clear: both; }
	
#side_bar {
	width: 225px;
	padding-left: 17px;
	float: right; }
	
#main_content_wrapper {
	background-color: #fff;
	height: 330px; 
	border: 1px #f0edef solid;
	border-left: none;
	border-right: none; }
	
#blog #main_content_wrapper, #portfolio #main_content_wrapper {
	background-color: transparent; }
	
#home #showcase {
	height: 610px;
	height: 494px;
	margin-top: -220px;
	margin-top: 0;
	position: absolute;
	top: 0;
	width: 954px;
	overflow: hidden;
	z-index: 1; }

#home #showcase p {
	display: none; }
	
#home #showcase img {
	margin-top: 104px; }
	
.flash-replaced .alt {
	display: none; }
	
.flash-update p {
	display: none; }
	
#col0 {	
	width: 225px;
	margin-right: 18px;
	margin-bottom: 24px;
	float: left; }

	
#col1 {
	width: 468px;
	margin-right: 18px;
	margin-bottom: 24px;
	float: left; }

#col2 {
	width: 225px;
	margin-right: 18px;
	margin-bottom: 24px;
	float: left; }

#col3 {
	width: 225px;
	margin-bottom: 24px;
	float: left; }
	
#footer_wrapper {
	clear: both; }
	
#footer {
	padding-top: 24px;
	padding-bottom: 36px;
	overflow: hidden; }

#skip_to {
	position: absolute;
	left: -9999px; }

.break {
	clear: both;
	height: 4px; 
    font-size: 4px;
    line-height: 4px;
	margin-bottom: 12px;
	background: transparent url(../images/templates/2col_break.png) 100% 0 no-repeat; }
	
.clear-it {
	clear: both; }
	
#main_content .break {
	background-position: 0 0;
	width: 650px; }
	
#main_content #side_bar .break {
	background-position: 100% 0;
	width: auto; }

.hidden {
	display: none; }

.clear_it {
	clear: both;
	height: 0; 
    margin: 0;
    font-size: 1px;
    line-height: 0; }
	
.clear_left {
	clear: left; }
	
.nomargbottom {
	margin-bottom: 0; }




/* 7) Portfolio
------------------------------------------------- */

#portfolio #portfolio_col img{
	background-color: #F7F6F7;
	border: 1px solid #EBE9EB;
	overflow: hidden;
	padding: 7px;
	position: relative;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; }
	
#portfolio #portfolio_col img.large_image {
	margin-bottom: 2px; }
	
#portfolio #portfolio_col img.large_image:hover {
	opacity: 1;}	


	

#portfolio .project_desc {
	color: #AFA0AC;
	font-size: 12px;
	overflow: hidden;
	padding: 6px 12px 6px 24px;
	width: 626px;
	font-style: italic; 
	background: transparent url(../images/templates/up-arrow.jpg) 6px 11px no-repeat; }

		
#portfolio #side_bar p.port_intro {
	font-size:14px;
	line-height:21px;
	margin-top: 67px; }	

#portfolio #side_bar p {
	font-size:14px;
	line-height:21px; }

#portfolio h2 {
	color: #00ADED;
}
	
#portfolio .project_small {
	float: left;
	width: 220px;
	margin: 8px 12px 9px 0; }

#portfolio #portfolio_col{
	width: 700px;
	float: left; }
	
a.project_title {
	margin-top: 5px;
	margin-left: 8px;
	display: block;
	text-decoration: none; }
	
#portfolio .client_quote {
	background:none repeat scroll 0 0 #F8F7F7;
	color: #AFA0AC;
	border:1px solid #EBE8EA;
	font-size:13px;
	margin:0 0 12px;
	padding:18px 18px 0;
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */

		  background-color: #F8F7F7;
		  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1); /* FF3.6 */
		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f1f1f1)); /* Saf4+, Chrome */
		            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f1f1f1'); /* IE6,IE7 */
		        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f1f1f1')"; /* IE8 */ }
		
.client_name {
	color: #8A7488;
	font-weight: bold;
	font-style: italic; }
	
.client_quote span {
	color: #8A7488;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 2px;
}

/* 8) Nav
------------------------------------------------- */

ul#nav {
	margin-bottom: 0;
	margin-top: 21px;
	float: right;
	z-index: 200; 
	position: relative; }

ul#nav li {
	font-size: 15px;
	font-weight: 500;
	display: inline;
	background: none;
	padding-left: 0;
	margin-bottom: 0; }

ul#nav li a:link, ul#nav li a:visited {
	color: #dcd3da;
	border-bottom: none;
	text-decoration: none;
	margin-left: 32px; }

ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {
	text-decoration: none;
	color: #fff; }




/* 9) Sub Nav
------------------------------------------------- */
	
ul.sub_nav li {
	background-image: none;
	font-size: 15px;
	padding-left: 0;
	margin-bottom: 9px; }
	
#services ul.sub_nav li {
	font-size: 14px; }

	
ul.sub_nav li a:link, ul.sub_nav li a:visited {
	display: block;
	line-height: 35px;
	text-decoration: none;
	color: #A28C9A;
	padding-left: 35px;
	background: transparent url(../images/templates/subnav.png) 0 0 no-repeat; }
	
ul.sub_nav li a:hover, ul.sub_nav li a:active, ul.sub_nav li a:focus {	
	background-position: 0 -35px;
	color: #4B354E; }
	
ul.sub_nav li a.subnav_loc {
	background-position: 0 -70px;
	color: #4B354E;
	cursor: default; }




/* 10) Footer
------------------------------------------------- */

#footer ul li {
	display: inline;
	margin-right: 3px;
	padding-left: 6px;
	background: none;
	border-left: 1px #bab1ba solid; }

#footer ul li:first-child {
	border-left: none;
	padding-left: 0; }

#footer ul li a:link, #footer ul li a:visited {
	color: #6e5369;
	text-decoration: none;
	border: none; }

#footer ul li a:hover, #footer ul li a:active, #footer ul li a:active {
	border-bottom: 1px dotted #6e5369; }

#footer p {
	font-size: 10px;
	margin-bottom: 0;
	float: left;
	width: 700px;}

#footer p, #footer p a:link, #footer p a:visited {
	color: #AFA0AC;
	border: none; }
	
#footer p a:hover, #footer p a:active, #footer p a:focus {
	text-decoration: underline;
	color: #6e5369; }
	
#footer #associated_logos li {
	float: right;
	padding: 0;
	margin: 0;
	margin-right: 0px;
	margin-left: 9px;
	margin-bottom: 0px;
	text-decoration: none;
	border: none; }

#footer #associated_logos #designweek {
	margin-bottom: 10px;}
	
#footer #associated_logos li a {
	text-decoration: none; }

#footer #associated_logos li a:hover, #footer #associated_logos li a:active, #footer #associated_logos li a:active {
	background:none;
	color:none; }

#footer .col1 {
	width: 600px;
	float: left; }
	
#footer .col2 {
	float: right;
	margin-right: -3px;
	padding-top: 33px; }



/* 11) Home
------------------------------------------------- */
	
#home #col1 h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0; }
	
#home #col1 h4 a {
	color: #df6e22;
	text-decoration: none; }
	
#home #col1 h4 a:hover, #home #col1 h4 a:active, #home #col1 h4 a:focus {
	color: #4b354e; }
	
#home #col1 p, #home #col2 p {
	font-size: 13px;
	line-height: 20px;
	margin-top: 0; }
	
.blog_teaser p {
	margin-bottom: 0; }

#portfolio #main_content #portfolio_col p.post_info {
	width: 642px; }	
	
p.post_info, .blog_teaser p.post_info {
	color: #AFA0AC;
	font-style: italic;
	margin-top: 18px;
	margin-bottom: 12px;
	overflow: hidden; }
	
p.post_info a:link, p.post_info a:visited {
	text-decoration: none;
	border-bottom: 1px #AFA0AC dotted;
	color: #AFA0AC; }
	
p.post_info a:hover, p.post_info a:active, p.post_info a:focus {
	color: #df6e22;
	border-bottom-color: #df6e22; }
	
p.post_info a.comments_num {
	color: #AFA0AC;
	font-weight: bold;
	font-style: normal;
	float: right;
	text-decoration: none;
	padding-left: 16px;
	border-bottom: none;
	background: transparent url(../images/templates/icon_comments.png) 0 50% no-repeat; }
	
#about_us p.post_info span, #services p.post_info span {
	float: none;
}	
	
p.post_info span {
	float: left; }

#services .services_lblog a{
	margin-top: 30px;
}
	
#home p.post_info span {
	float: left; 
	max-width: 350px;}	
	
#home #col1 .small_pic {
	width: 63px;
	margin-top: 3px;
	margin-right: 18px;
	margin-bottom: 9px;
	float: left; }
	
#home #col1 .blog_teaser {
	float: right;
	width: 387px; }
	
#home #col3 li {
	width: 63px;
	margin-top: 3px;
	margin-right: 18px;
	margin-bottom: 15px;
	margin-left: 0;
	list-style: none;
	float: left; }
	
#home #col3 li.row_end {
	margin-right: 0; }




/* 12) Blog
------------------------------------------------- */
#blog #share {
	width: 400px; 
	margin-bottom: -20px; 
	margin-top: 16px; }

#projects #share {
	background: none repeat scroll 0 0 #F8F7F7;
	border: 1px solid #EBE8EA;
	font-style: italic;
	margin: 10px 5px 20px 0;
	padding: 12px 0px 0px 9px;
	width: 255px; }
	
#blog #main_content #share p.h2_rep {
	float: left;
    margin-top: 4px;
    padding-top: 0px;
	margin-bottom: 0px;
    width: 50px; }
	
#share .addthis_button_facebook_like iframe {
	width: 50px !important; }
	
#share .addthis_button_tweet iframe {
	width: 100px !important; }
	
#share .addthis_button_google_plusone iframe, #share .addthis_button_google_plusone div#___plusone_0 {
	width: 64px !important; }
	
#share .addthis_button_compact {
	margin-top: 2px; }
	
#projects #share .break {
 	display: none; }
	
#blog, #portfolio {
	background: url(../images/templates/blog_bg.gif) top center repeat-y; }

#blog #main_content_wrapper, #portfolio #main_content_wrapper {
	height: auto;
	border-bottom: none; }
	
#blog #main_content .flickr_badge_image img {
	float: none;
	margin-left: 0;
	margin-top: 0; }
	
#flickr_badge_wrapper ul li img:hover, .sub_content #col1 img:hover {
	opacity: .5;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; }

#flickr_badge_wrapper ul li img, .sub_content #col1 img {
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; }
	
#blog #blog_col {
	width: 675px;
	float: left; }
	
#blog h3 a:link, #blog h3 a:visited {
	border-bottom: none; }
	
#blog a:hover, #blog a:active, #blog a:focus {
	color: #DF6E22;
	border-bottom-color: #DF6E22;}

#blog #main_content p .readmore {
	border-bottom: 1px dotted #DF6E22;
	color: #DF6E22;
	text-decoration: none;
	font-style: italic; }

#blog #main_content h2 {
	color: #DF6E22;
	font-size: 13px; }
	
#blog #main_content h2.blog_header, #portfolio #main_content h2.project_header {
	color: #444244;
	font-size: 30px;
	font-family:"ff-enzo-web-1","ff-enzo-web-2",arial;
	font-weight: 300;
	line-height: 36px;
	margin-bottom: 12px;
	margin-top: 16px;
	padding-top: 0;
	text-transform: none; }
	
#blog #main_content p.h2_rep, #portfolio #main_content p.h2_rep {
	color: #DF6E22;
	font-size: 13px;
	font-family: "apertura-1","apertura-2",arial;
	font-weight: 900;
	line-height: 16px;
	margin-bottom: 18px;
	padding-top: 36px;
	text-transform: uppercase; }
	
#portfolio #main_content p.h2_rep {
	color: #00ADED; }

#blog #main_content h2 span {
	color: #998796; }
	
#blog_teasers li {
	clear: both;
	overflow: hidden;
	margin-bottom: 24px;
	margin-left: 0;
	list-style: none; }
	
#blog_teasers li h3 a:link, #blog_teasers li h3 a:visited {
	border-bottom: none; }
	
#blog_teasers li h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 30px;
	line-height: 36px; }	
	
#blog #main_content #blog_teasers li img {
	float: left; 
	margin-left: 0;
	margin-top: 6px;
	margin-right: 18px; }	
	
#blog #blog_teasers li h3, #blog #blog_teasers li p {
	width: 530px;
	float: right; }
	
#blog #main_content p.post_info {
	font-size: 12px;
	width: 626px;
	margin-top: 14px;
	padding: 6px 12px;
	border: 1px #EDE8EB solid;
	border-left: none;
	border-right: none;
	overflow: hidden; }

#portfolio #main_content p.post_info {
	font-size: 12px;
	width: 200px;
	padding: 6px 0px;
	border: 1px #EDE8EB solid;
	border-left: none;
	border-right: none;
	overflow: hidden;
	margin-top: 37px;}
	
#blog #main_content p.post_info span {
	float: left; }
	
#blog #main_content #comments p.post_info span {
	float: none; }
	
#blog #main_content #blog_teasers li p.post_info {
	width: 506px;
	margin-top: 4px; }
	
#blog #main_content #side_bar p.post_info {
	width: auto;
	padding: 0;
	margin-top: 0;
	border: none; }
	
ul.nav_list li a:link, ul.nav_list li a:visited {
	color: #6E5369;
	text-decoration: none;
	float: left; }
	
ul#rel_articles li a:link, ul#rel_articles li a:visited,
ul#second_re li a:link, ul#second_re li a:visited,
ul.recent_articles li a:link, ul.recent_articles li a:visited {
	float: none; }
	
ul.nav_list li span {
	float: right;
	color: #AFA0AC; }
	
	
/*  Blog Single Entry
------------------------------------------------- */	

#blog #comments {
	margin-top: 12px; }

#blog #comments li {
	width: 618px;
	background: #F8F7F7 none repeat scroll 0 0;
	border: 1px solid #ebe8ea;
	font-size: 13px;
	margin: 0 0 12px 0;
	padding: 12px 15px 0 15px; }
	
#blog #comments li p {	
	font-style: italic;
	padding-bottom: 0;
	margin-bottom: 12px; }
	
#blog #main_content #comments li p.post_info {
	padding: 0;
	border: none; }
	
#blog #comments li .comment_name {
	color: #6E5369; }	
	
#blog #comment_form fieldset div .check_box {
	margin: 2px 0 12px 14px;
	width: 15px;
	padding: 0;
	border: none;
	width: auto;
	background-color: transparent; }
	
#blog input.submit_button {	
	background-image: url(../images/templates/button-orange.jpg);
	margin-bottom: 36px; }

#blog form label.unfixed {
	padding: 0;
	margin: 0;
	margin-left: 100px;
	width: 326px; }

#blog form #notify {
	background-color: transparent;
	width: auto;
	padding-top: 0;
	width: 15px;
	margin-left: 63px; }

#blog h4#comments_header {	
	color: #6E5369;
	background: transparent url(../images/templates/icon_comments.png) no-repeat scroll 96% 50%;
	font-family: "apertura-1","apertura-2",arial;
	font-size: 13px;
	font-weight: 900;
	line-height: 24px;
	margin-bottom: 6px;
	margin-top: 36px;
	text-transform: uppercase; }
	
#controls {
	margin-top: -64px;
	float: right;
	position: relative;
	margin-right: 54px;
	z-index: 100; }
	
#controls a:link, #controls a:visited {
	font-family: "apertura-1","apertura-2",arial;
	font-weight: 900;
	font-size: 10px;
	color: #B5A7B2;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	width: 19px;
	height: 18px;
	padding-top: 1px;
	margin-left: 6px;
	background: url(../images/templates/controls_bg.png) 0 0 no-repeat; }
	
#controls a:hover, #controls a.activeSlide {
	color: #fff; }
	
#second_re {
	margin-top: -6px;
}


/* 13) Contact
------------------------------------------------- */

#contact #main_content .readmore {
	color: #AFA0AC;
	font-style: italic; }

#contact #main_content h2 {
	color: #5f9e00; }
	
#contact #main_content h3 {	
	font-family: "apertura-1","apertura-2",arial;
	font-size: 58px;
	line-height: 51px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -4px;
	text-indent: -9999px;
	margin-top: 7px;
	background: transparent url(../images/templates/contact_lg_txt.gif) 0 0 no-repeat;
	width: 296px;
	height: 101px; }
	
#contact .sub_content #col1 h4 {
	color: #5F9E00; 
	margin-top: 0;
	font-family: "apertura-1","apertura-2",arial;
	font-size: 13px;
	font-weight: 900;
	line-height: 24px;
	margin-bottom: 6px;
	text-transform: uppercase; }
	
#contact .sub_content #col1 #form fieldset h4.checkboxes {
	margin-top: 9px; }

#contact #col3 p, #contact #col4 p {
	font-size: 11px; }
	
#contact #col1 p {
	font-size: 14px;
	line-height: 20px;
}
	
#contact #main_content p span { 
	color: #5f9e00; }
	
#contact #col2 p span { 
	color: #5f9e00; }

#contact #col3 li.row_end {
	margin-right: 0; }
	
#contact .sub_content h3 a {
	display: block;
	padding-left: 26px;
	text-decoration: none;
	color: #444244; }
	
#contact .sub_content #col2 h3 a {
	padding-left: 0;}
	
#contact #col1 h4 {
	font-size: 13px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0; }

#contact #col1 {
	width: 468px;
	margin-right: 18px;
	margin-bottom: 24px;
	float: left; }
	
#contact #col2 {
	width: 468px;
	margin-right: 0px;
	margin-bottom: 24px;
	float: left; }

#contact #map {
	float: right;
	width: 468px;
	height: 282px;
	margin-left: 36px;
	margin-top: 24px; }
	
#contact #main_content .break {
	width: 468px;
	clear: none; }
	
		

/* 15) 404
------------------------------------------------- */

.img_float_right {
	float: right;
	padding-top: none;
	margin-top: none; }
		
#error #topcol1 {
		width: 468px;
		margin-right: 18px;
		margin-bottom: 24px;
		float: left; }

#error #topcol2 {
		width: 468px;
		margin-right: 0px;
		margin-bottom: 24px;
		float: left; }
	
#error #col1 {
	width: 225px;}

#error #col2 {
	width: 225px;}
	
#error #col3 {
	width: 225px;
	margin-right: 18px;}
		
#error #col4 {
	width: 225px;
	float: left;}
	
#error .post_info {
	margin-top: 0; }
	
#error ul.nav_list li a:link, #error ul.nav_list li a:visited {
	float: none; }

	
/* 16) Modules
------------------------------------------------- */

#flickr_badge_wrapper {
	float: left; 
	padding-top: 5px; 
	margin-right: -7px;
	margin-bottom: 22px; }

#flickr_badge_wrapper ul li {
	width: 70px !important;
	height: 70px;
	float: left;
	background: none;
	padding-left: 0;
	margin: 0 7px 7px 0 !important; }

#flickr_badge_wrapper ul li img {
	width: 70px;
	height: 70px;	
	line-height: 0; }
	
#onhold_wrapper {
	text-align: left;
	width: 225px;
	height: 80px;
	padding-bottom: 24px;
	background: url(../images/templates/on_hold.jpg);
	background-repeat: no-repeat; }

div.clean {
	background: none; 
	margin-bottom: 0;}

.sub_content #col3 .new_onhold {
		background: url(../images/templates/on_hold_new.jpg);
		height: auto;
		background-repeat: no-repeat;
		padding-bottom: 0px; }		
		
.onhold_footer {
	background: url(../images/templates/onhold_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom right; }
	
#onhold_wrapper #new_onhold_inner p {
	width: auto;
	padding: 0 10px 20px 10px; }
	
#request_song {
	margin-left: 97px;
	color: #AFA0AC;
	border-bottom: 1px dotted #AFA0AC;
	text-decoration: none;
	font-style: italic; }
	
#onhold_inner {
	width: 150px;
	float: right;
	margin-right: 10px; }

#onhold_wrapper p {
	text-align: center;
	width: 150px;
	margin: 0; }
	
#new_onhold_inner {
	width: 179px;
	padding-top: 20px;
	margin-left: 44px; }


#onhold_wrapper #new_onhold_inner #song_title {
	padding-bottom: 0px;
}

#song_title {
	font-size: 16px;
	color: #633F57; }
	
#onhold_wrapper p#artist {
	text-align: center;
	width: 150px;
	margin: 0;
	color: #AFA0AC; }	
	
.new_onhold #new_onhold_inner p#artist {
	font-size: 14px;
	width: auto;
	font-style: italic; 
	margin-top: 2px;
	padding: 3px 10px 7px 10px; }

		
#twitter_update_list li {	
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 16px;
	padding-left: 0;
	margin-bottom: 12px;
	background:url("../images/templates/2col_break.png") no-repeat 100% 100% transparent; }
	
#blog #twitter_update_list li,
#error #twitter_update_list li {
	font-size: 12px;
	line-height: 18px;
	color: #6E5369; }
	
#twitter_update_list li a {
	display: block;
	color: #AFA0AC;
	font-style: italic;
	text-decoration: none;
	font-size: 100% !important;
	font-size: 13px !important;
	line-height: 20px; }
	
#blog #twitter_update_list li a, 
#error #twitter_update_list li a {
	font-size: 12px !important;
	line-height: 18px; }
	
#twitter_update_list li span a {
	display: inline;
	color: #4B354E;
	text-decoration: underline; }
	
#blog #twitter_update_list li span a,
#error #twitter_update_list li span a {
	color: #6E5369; }
	
#twitter_update_list li span a:hover, #twitter_update_list li span a:active, #twitter_update_list li span a:focus {
	text-decoration: none; }



/* 17) About us
------------------------------------------------- */

#about #main_content {
	width: 100%;
	margin: 0;
	padding: 0; }	

#about #showcase,
#about #meet_the_team {
	height: 610px;
	height: 494px;
	margin-top: -220px;
	margin-top: 0;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1; }
	
#about #showcase {
	height: 436px; }
	
#about #col1, #services #col1 {
	width: 225px;}
	
#about #col2, #services #col2 {
	width: 468px; }
	
#about #col1 p {
	font-size: 14px;
	line-height: 20px; }
	
#about #col1 p.intro_para {
	font-size: 17px;
	line-height: 24px; }
	
#about #col1 p a {
	border-bottom: 1px dotted #B70059;
	color: #B70059;
	font-style: italic;
	text-decoration: none; }
	
#about #col1 p a:hover, #about #col1 p a:hover, #about #col1 p a:active {
	color: #4b354e; }
	
#about .sub_content .nav_list li {
	font-size: 13px; } 
	
#about .sub_content .nav_list li a:hover, #about .sub_content .nav_list li a:active, #about .sub_content .nav_list li a:focus {
	color: #B70059; }
	
#about .blog_teaser p, #services .blog_teaser p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0; 
	margin-top: 0;}
	
#about .blog_teaser p.post_info {
	margin-top: 0; }
		
#about .blog_teaser p img, #services .blog_teaser p img {
	float: left;
	margin-top: 6px;
	margin-right: 9px; }
	
#about .blog_teaser h4, #services .blog_teaser h4 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 0; }
	
#about .blog_teaser h4 a, #services .blog_teaser h4 a {
	color: #DF6E22;
	text-decoration: none; }
	
#about .blog_teaser h4 a:hover, #about .blog_teaser h4 a:active, #about .blog_teaser h4 a:focus {
	color: #4b354e; }
	
#about #topcol1, #services #topcol1  {
	width: 468px;
	margin-right: 18px;
	margin-bottom: 24px;
	float: left; }
	
#services #topcol1 {
	width: 278px }

#about #topcol2, #services #topcol2 {
	width: 468px;
	margin-right: 0px;
	margin-bottom: 24px;
	float: left; }
	
#services #topcol2 img {
	margin-top: 44px; }
	
 #services #topcol2 { 
	width: 658px;
	margin-bottom: 0px; }

#about #topcol1 h2 {
	color: #D1005F; }
	
#services #topcol1 h2  {
	color: #DF006E;
}

#services #col2 h4 {
	color: #6E5369;
    font-family: "apertura-1","apertura-2",arial;
    font-size: 13px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 16px;
    text-transform: uppercase; }

#services #col2 h3 {
	color: #6E5369;
	font-family: "ff-enzo-web-1","ff-enzo-web-2",arial;
    font-size: 21px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 12px;
    margin-top: 16px;
 	text-transform: none;}
	
#about #topcol1 h3 {	
	font-family: "apertura-1","apertura-2",arial;
	font-size: 58px;
	line-height: 51px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -4px;
	text-indent: -9999px;
	margin-top: 7px;
	background: transparent url(../images/templates/careers_lg_txt.gif) 0 0 no-repeat;
	width: 476px;
	height: 101px; }
	
#services #topcol1 h3 {	
	font-family: "apertura-1","apertura-2",arial;
	font-size: 58px;
	line-height: 51px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -4px;
	text-indent: -9999px;
	margin-top: 7px;
	background: transparent url(../images/templates/servicetitle.gif) 0 0 no-repeat;
	height: 101px; }

#about #col1 h2, #services #col1 h2  {
	font-size: 24px;
	font-weight: 300;
	line-height: 28px;
	color: #444244;
	margin-top: 16px; 
	margin-bottom: 12px;
	font-family: ff-enzo-web-1, ff-enzo-web-2, arial;
	text-transform:none; }
	
#about #main_careers #topcol2 img {
	margin: 45px 0 0 45px; }
	
	
#about #meet_the_team img {
	margin: auto;
	margin-top: 104px; }
	
#about #showcase img {
	margin: auto;
	margin-top: 104px; }

.we_employ {
	width: 234px;
	float: left;
	margin-top: 
	0px; }
	

#about_1col #main_content_wrapper {
	height: auto;
	overflow: hidden;}
	
#team_modal h3 {	
	font-family: "apertura-1","apertura-2",arial;
	font-size: 58px;
	line-height: 51px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -4px;
	text-indent: -9999px;
	margin-top: 20px;
	background: transparent url(../images/templates/account_management.gif) 0 0 no-repeat;
	height: 33px; }
	
#the_studio h3 {
	background: transparent url(../images/templates/the_studio.gif) 0 0 no-repeat; }
	
#the_support h3 {
	background: transparent url(../images/templates/the-support.gif) 0 0 no-repeat; }
	
#team_modal img {
	float: left;
	margin: 0 10px 0 0; }
	
#team_modal li	{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: 0;
	overflow: hidden;
	background: url("../images/templates/2col_break.png") no-repeat scroll 100% 100% transparent; }
	
#team_modal h4 {
	padding-top: 0px;
	font-size: 13px;
	font-family: "apertura-1","apertura-2", arial;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: normal;
	margin-bottom: 7px; 
	margin-top: 0px;
	display: inline; }

#team_modal .job {
	display: inline;}
	
#team_modal p {
	margin-bottom: 1px;
	font-size: 13px;
	line-height: 19px; }

#team_modal strong {
	margin-bottom: 0;
	color: #444244; 
	clear: both;}
	
#team_modal .ajax_email {
	float: right; }
	
#team_modal span {
	float: right; }
		
#account_managers a, #the_studio a, #the_support a{
	text-decoration: none;
	border-bottom: 1px #5B7D1B dotted;
	color: #5B7D1B;
	font-style: italic; }

#account_managers a:hover, #account_managers a:active, #account_managers a:focus {
	color: #2F3F0C;
	border-bottom-color: #2F3F0C; }

#the_studio a:hover, #the_studio a:active, #the_studio a:focus {
	color: #7C0943;
	border-bottom-color: #7C0943; }
	
#account_managers h4, #account_managers .job {
 	color: #5B7D1B; }

#the_studio h4, #the_studio .job {
	color: #D80064; }
	
#the_support  h4, #the_support  .job {
	color: #003F82; }
	
#the_studio a {
	border-bottom: 1px #D80064 dotted;
	color: #D80064; }
	
#the_support a {
	border-bottom: 1px #003F82 dotted;
	color: #003F82; }

#the_support a:hover, #the_support a:active, #the_support a:focus {
	color: #00213F;
	border-bottom-color: #00213F; }

#the_support, #the_studio, #account_managers {
	margin: 0 20px 0px 17px;
	background-color: #fff;}

#the_studio {
	width: 954px;}

#the_studio li {
	width: 448px;
	margin-right: 40px;
	float: left;
	display: inline; }

#the_studio li.no-margin{
	margin-right:0; }

#account_managers, #the_support {
	width: 468px; }	
	
#account_managers li, #the_support li {
	clear: both; }
	
#about #col2 ul li {
	font-size: 14px;
	line-height: 21px; }
	
/* 18) Projects
------------------------------------------------- */	
#projects .two_col_l ul li{
	font-size: 13px;
	line-height: 18px; }	


#projects #col1 h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0; }

#projects #col1 h4 a {
	color: #df6e22;
	text-decoration: none; }

#projects #col1 h4 a:hover, #projects #col1 h4 a:active, #projects #col1 h4 a:focus {
	color: #4b354e; }

#projects #col1 p, #projects #col2 p {
	font-size: 13px;
	line-height: 20px;
	margin-top: 0; }
	
#projects .nav_list li{
	float: left;
	list-style: none;
	background: transparent url(../images/templates/bullet.gif) no-repeat 0 4px;
	padding-left: 18px;
	margin-bottom: 6px;
	padding-right: 8px;}

#projects #col2 a, #projects #col2 a:active, #projects #col2 a:focus {
	color: #00C2E5;
	border-bottom-color: #00C2E5;
	border-bottom: 1px dotted #00C2E5;
	text-decoration: none; }

#projects #col2 h4 {
	margin-bottom: 5px;
	margin-top: 8px;
	font-size: 13px;}

#projects #col2 a:hover {
	color: #0b93ab;
	border-bottom-color: #0b93ab;
	border-bottom: 1px dotted #0b93ab;
	text-decoration: none; }
	
#projects #col3 h4 a { 
	margin-top: 0px;
	text-decoration: none;
	line-height: 20px;
	color: #00C2E5;	}
	
#projects #col3 h4 a:hover, #projects #col3 h4 a:active, #projects #col3 h4 a:focus {
	color: #0b93ab;
	text-decoration: none; }

#projects #col3 p{ 
font-size: 13px;	}
	
#projects #col3 h4{ 
	margin-top: 0px;
	margin-bottom: 5px; }
	
#projects #col3 .post_info {
	width: 200px;
	margin-top: 3px; }
		



/* 18) Services Pages
------------------------------------------------- */

#services .related_portfolio img {
	background-color: #F7F6F7;
    border: 1px solid #EBE9EB;
    opacity: 1;
    overflow: hidden;
    padding: 7px;
    position: relative; }

#services .related_portfolio h4 a, #services .related_portfolio h4 {
	font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    color: #DF6E22;
 	text-decoration: none; }
		
		
/* 18) General Pages
------------------------------------------------- */

#general {
	background: url("../images/templates/blog_bg.gif") repeat-y scroll center top transparent; }

#general #main_content_wrapper {
	border-bottom: medium none;
	height: auto;
	background-color: transparent; }
	
#general #main_content h2 {
	color: #444244;
	font-family: "ff-enzo-web-1","ff-enzo-web-2",arial;
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
	margin-bottom: 12px;
	margin-top: 16px;
	padding-top: 0;
	text-transform: none; }
	
#general #blog_col {
	float: left;
	width: 675px; }




/* 19) Hold music modal
------------------------------------------------- */

/* Overlay */
#contact-overlay {
	background-color: #fff; 
	cursor: wait; }

/* Container */
#contact-container {
	width:651px; 
	padding: 95px 0 0 100px;
	font-size:16px; 
	text-align:left; 
	overflow: hidden; 
	height: 651px; 
	background:url(../images/templates/modal_img/contact/form-all.png) no-repeat; }
	
#contact-container .contact-content {
	background-color: transparent; 
	color: #ddd; 
	height: 40px; }

#contact-container h2 {
	margin:0; 
	padding: 8px 0 0 0; 
	color: #6E5369;
	font-family: ff-enzo-web-1, ff-enzo-web-2, arial;
	font-size: 32px;
	line-height: 16px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 18px; 
	text-align: left; }

#contact-container label {
	color: #6E5369; }
	
#contact-container p {
	color: #6E5369;
	font-size: 13px;
	width: 500px; }
	
#contact-container label {
	clear: both; }

#contact-container textarea {
	height: 50px; }
	
input#contact-cc {
	width: 20px;
	margin-top: 2px;
	margin-right: 12px;
	padding: 0;
	border: none;
	width: auto;
	background-color: transparent; }
	
#contact-container .contact-cc {
	text-align: left;
	color: #6E5369;
	font-size: 12px; }
	
.contact-message {
	color: #6E5369; }
	
#contact-container .contact-loading {position:absolute; background-color: transparent; background-position: 100% 70%; background:url(../images/templates/modal_img/contact/ajax-loader.gif) no-repeat; z-index:8000; height:55px; width:154px;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:0.9em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../images/templates/modal_img/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../images/templates/modal_img/contact/cancel.png) no-repeat;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container br {clear:both;}

#contact-container a.modal-close, #contact-container a.modal-close:link, #contact-container a.modal-close:active, #contact-container a.modal-close:visited {
	position: absolute;
	color: transparent;
	width: 56px;
	height: 64px;
	right: 55px;
	top: 0px;
	background: url(../images/templates/modal_img/contact/close.png) no-repeat; }