/* CSS Reset */

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Onwards! */

body {
	padding-top: 19px;
	padding-bottom: 19px;
}
.Blueish {
	background-color: #8a9dae;
}
.Greyish {
	background-color: #67685f;
}
.Brownish {
	background-color: #521f1c;
}
.Blackish {
	background-color: #211d20;
}
.Purpleish {
	background-color: #463650;
}
.Orangeish {
	background-color: #CC3300;
}
.Blueish2 {
	background-color: #0b1033;
}
.dots {
	/*color: #d3d9df;*/
	color: #364655;
}
.grey-text {
	color: #d3d9df;
}
strong {
	font-weight: bold;
}

h1 a {
	border-bottom: none;
}

h4, h4 a {
	color: #fff;
	font-size: 14px;
	font-family: "superclarendon-1", Verdana, Geneva, sans-serif;
	margin-bottom: 8px;
	margin-top: 6px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2em;
}

a {
	color: #fff;
}

/* General stuff */

div.clear-both {
	clear: both;
}
/* Header */

#header {
	height: 75px;
	/*background: url(../img/dot_white_horizontal.png) bottom repeat-x;*/
	border-bottom: dotted 3px #364655;
	width: 941px;
	margin: auto;
}
#header h1 {
	float: left;
	width: 259px;
	height: 67px;
}
#header #twitter-navigation {
	float: right;
	width: 682px;
}

p#contact-us {
	text-align: right;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#twitter-navigation ul#navigation {
	clear: right;
	float: right;
	margin-top: 36px;
}

ul#navigation li {
	float: left;
}

ul#navigation li a {
	font-family: Georgia, serif;
}

ul#navigation a {
	display: block;
	padding: 0 12px 0 9px;
	text-decoration: none;
	color: #fff;
	font-family: Georgia, serif;
	font-size: 16px;
	background: url(../img/dot_nav_sep.png) bottom right no-repeat;
	border-bottom: none;
}

ul#navigation a:hover {
	color: #d3d9df;
}

ul#navigation li.last a {
	padding-right: 0;
	background: none;
}
/* Homepage main image area */

#homepage_focus {
	width: 927px;
	margin: auto;
	padding: 30px 14px 12px 0;
	/*background: url(../img/dot_white_horizontal.png) bottom repeat-x;*/
	border-bottom: dotted 3px #364655;
}
#homepage_focus #the-brand-works {
	float: left;
	height: 276px;
	width: 369px;
}
#homepage_focus h1 {
	float: right;
	height: 293px;
	width: 440px;
}

/* Homepage content area */

#homepage_content {
	width: 941px;
	margin: auto;
	margin-top: 16px;
}

#homepage_content p {
	color: #fff;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#homepage_content h3,
#homepage_content h3 a,
#homepage_content h3 a:visited {
	color: #364655;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 8px;
}

#homepage_content #copy {
	float: left;
	width: 448px;
	padding-right: 16px;
	/*background: url(../img/dot_white_vertical.png) right repeat-y;*/
	border-right: dotted 3px #364655;
}

#homepage_content #twitter {
	float: right;
	width: 472px;
}

#twitter #twitter_bird {
	float: left;
	width: 110px;
	height: 67px;
	background: url(../img/twitter/twitter_bird.jpg) top left no-repeat;
}

#twitter #tweet {
	float: right;
	width: 277px;
	padding-left: 16px;
	padding-right: 44px;
	background: url(../img/twitter/end_speech.jpg) bottom right no-repeat;
}

p#follow_message a {
	margin-top: 16px;
	float: right;
	clear: both;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	border-bottom: none;
}

/* Content - right - homepage */

#blog-posts {
	float: left;
	width: 220px;
	border-right: dotted 3px #364655;
	padding: 0 10px 0 10px;
}

#blog-posts li {
	margin-bottom: 6px;
}

#blog-posts li a {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #313f52;
}

#follow-us {
	width: 219px;
	float: right;
	padding: 0 0 0 10px;
}

#follow-us p {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #313f52;
}

#follow-us input {
	border: 1px solid #fff;
	color: #fff;
	padding: 3px;
	background-color: #8a9dae;
	margin-top: 6px;
	width: 219px;
	margin-bottom: 6px;
}

#hp_rss,
#hp_twitter {
	width: 50%;
}

#hp_rss {
	float: left;
	width: 93px;
}

#hp_twitter {
	float: right;
	width: 69px;
}

#hp_rss img,
#hp_twitter img {
	float: left;
}

#hp_rss p,
#hp_twitter p {
	float: right;
	font-family: Verdana, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
}

/* Work */

#work-examples {
	clear: both;
	width: 941px;
	margin: auto;
	margin-top: 16px;
	padding-top: 16px;
	/*background: url(../img/dot_white_horizontal.png) top repeat-x;*/
	border-top: dotted 3px #364655;
}

#work-examples.homepage {
	border-bottom: dotted 3px #364655;
}

#more-work-title {
	margin-bottom: 16px;
}

#work-examples .item {
	float: left;
	margin-left: 23px;
	width: 218px;
	margin-bottom: 23px;
}

#work-examples .item p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #acaaaa;
	line-height: 1.3em;
}

#home-page #work-examples .item p {
	color: #fff;
}

#work-examples .first {
	margin-left: 0 !important;
}

/* General pages content area */

#content {
	width: 941px;
	margin: auto;
	padding-top: 13px;
	/*background: url(../img/dot_white_horizontal.png) bottom repeat-x;*/
	border-bottom: dotted 3px #364655;
	padding-bottom: 16px;
}
/* Sub navigation */

#sub-nav {
}

#sub-nav ul {
	margin-top: 14px;
	clear: left;
}

#sub-nav ul li {
	float: left;
	list-style: none;
	margin-left: 0;

}

#sub-nav ul li a:link,
#sub-nav ul li a:visited {
	font-size: 16px;
	font-family: Georgia, serif;
	font-weight: bold;
	text-decoration: none;
	color: #d3d9df;
}

#sub-nav li a:link .dots {
	color: #d3d9df;
	font-weight: normal !important;
}

#sub-nav li.current a {
	color: #fdcf52;
}

#sub-nav ul li.title a {
	color: #fff;
}

#sub-nav li a {
	display: block;
}
/* For demonstration purposes only */

img#marcombook {
	margin-top: 45px;
}
/* Work example overview page */

.first-row {
	margin-top: 31px;
}
.work-examples {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.work-examples li {
	float: left;
	display: block;
	margin-left: 15px;
}
.work-examples a {
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.work-examples .first {
	margin-left: 0;
}
.work-examples .opacity {
	opacity: 0.3;
	filter: alpha(opacity = 30);
}
.last-row {
	background-image: none;
}
div.work-seperator {
	clear: both;
}
/* Work Examples */

#work-example {
	clear: both;
	margin-top: 13px;
}

#work-example #work-example-text {
	float: left;
	width: 249px;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
#work-example-text p {
	margin-bottom: 8px;
	line-height: 1.3em;
}

#work-example-text h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 47px;
}
#work-example #work-example-image {
	margin-top: 21px;
	margin-left: 16px;
}

/* Javascript use for work-example */

.javascript {
	position: absolute;
}

.nudged-description {
	position: relative;
	padding: 2px;
	background:  #5e6b78;
	width: 294px;
	margin-top: 36px;
}

.hidden {
	display: none;
	visibility: hidden;
}

/*
 * Our work UI
 */
 
#our-work {
	float: left;
}
 
#category_navigation {
	float: right;
}

#category_selection {
	width: 190px;
	height: 42px;
	padding: 12px 0 0 10px;
	float: left;
	background: url(../img/our-work-ui/category_top_off.png) top left;}

#category_selection.on {
	background-image: url(../img/our-work-ui/category_top_background.png);
	height: 34px;
}

#category_selection.off {
	background-image: url(../img/our-work-ui/category_top_off.png);
	height: 42px;
}

#category_button {
	float: right;
}

ul#category_options {
	position: relative;
	left: -12px;
	top: 3px;
	padding-top: 10px;
	height: 106px;
	width: 204px;
	background: url(../img/our-work-ui/category_bottom_background.png) top left;
}

ul#category_options li {
	padding-left: 20px;
	height: 30px;
}

ul.hidden,
#category_options .hidden li {
	display: none;
	visibility: hidden;
}

/* Content container */

#content-container {
	margin-top: 10px;
	padding-top: 16px;
	border-top: 3px dotted #364655;
}

/* General use page */

#general_content,
#sitemap {
		width: 941px;
		margin: auto;
		margin-top: 16px;
		padding-bottom: 16px;
		/*background: url(../img/dot_white_horizontal.png) bottom repeat-x;*/
		border-bottom: dotted 3px #364655;
}

#general_content #copy {
	float: left;
	width: 450px;
}

#general_content h2,
#copy h2 {
	margin-top: 32px;
	margin-bottom: 8px;
	font-size: 18px;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#copy h2:first-child {
	margin-top: 8px;
}

#general_content p, #general_content li {
	color: #D3D9DF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
}

#general_content p {
	line-height: 1.3em;
	margin-bottom: 16px;
}

#general_content li {
	list-style: disc;
	margin-left: 22px;
}

#general_content #right_content {
	float: right;
	width: 461px;
}

/* Marcombook */

#marcombook {
	width: 939px;
	background: #fff;
	padding-bottom: 14px;
	border: 1px solid #8a9dae;
}

#marcombook a {
	text-decoration: none;
}

#marcombook p, #marcombook dl, #marcombook dt, #marcombook dd, #marcombook h3, #form label {
	color: #000;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

#marcombook p {
	line-height: 1.3em !important;
	padding-left: 14px;
}

#marcombook h2 {
	color: #000;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

#marcombook a, #marcombook li {
	color: #000;
}

#marcombook dt {
	float: left;
	width: 119px;
	color: #808080;
	margin-top: 6px;
	line-height: 1.3em !important;
}

#marcombook dd {
	float: right;
	width: 289px;
	margin-top: 6px;
	margin-right: 80px;
	line-height: 1.3em !important;
}

#marcombook dd.name {
	text-transform: capitalize;
}

#marcombook h3 {
	background: #eff2f7;
	font-weight: bold;
	padding: 4px 0 4px 14px;
	margin-bottom: 14px;
	margin-top: 14px;
}

#marcombook #topbar {
	width: 925px;
	height: 27px;
	background: url(../img/marcombook/marcombook_top-bg.jpg) repeat-x;
	margin-top: 10px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	padding-left: 14px;
	margin-top: 0;
	padding-top: 0;
}

#topbar img, #topbar h2 {
	margin-top: 0;
	padding-top: 0;
}

#marcombook #name-bar {
	background: #edeff4;
	height: 74px;
	width: 100%;
	border-bottom: 1px solid #d8dfea;
}

#name-bar h2 {
	margin: 0;
	position: relative;
	left: 223px;
	top: 25px;
}

#marcombook #left {
	position: relative;
	width: 195px;
	left: 14px;
	top: -49px;
	float: left;
}

#marcombook #body_area {
	float: right;
	width: 715px;
	position: relative;
	top: -23px;
}

#body_area #profile_content {
	width: 500px;
	float: left;
}

#body_area #right-extras {
	float: right;
	width: 187px;
	margin-top: 26px;
	margin-right: 14px;
}

#right-extras ul {
	font-size: 12px !important;
	margin-left: 14px;
	margin-bottom: 14px;
}

#right-extras p {
	padding-left: 0;
	margin-left: 0;
}

#right-extras img {
	margin-right: 14px;
}

#profile_content h3, #profile_content h4 {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	background: none;
	margin: 0;
	padding: 0;
}

#profile_content h4 {
	font-size: 12px;
	color: #000;
}

#profile_content p {
	padding-left: 0;
}

ul#profile-nav li {
	float: left;
	background: #d8dfea;
	margin: 0 1px 16px 0;
	list-style: none;
}

ul#profile-nav li a {
	display: block;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #3b5998;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	padding: 0 12px 0 12px;
	float: left;
}

ul#profile-nav li.current {
	background: #fff;
}

#on-my-mind {
	margin-top: 14px;
	padding: 14px;
	background: #edeff4;
}

#on-my-mind #thought {
	margin-top: 14px;
	background: #fff;
	padding: 14px;
}

#thought p {
	margin: 0;
	font-size: 13px;
}

/* Tabs */

#tabs {
	float: left;
	width: 488px;
}

#tabs #info_button, #tabs #lookalikes_button, #tabs #personal_button {
	margin-top: 8px;
	margin-bottom: 8px;
}

#tabs ul li {
	margin-left: 0;
	float: left;
	list-style: none;
}

#tabs ul li a {
	padding: 7px 14px 7px 14px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	text-decoration: none;
	font-size: 11px;
	background: #d8dfea;
	color: #3b5998;
	margin-right: 2px;
	border: 1px solid #D8DFEA;
	display: block;
	font-weight: bold;
}

#tabs ul li a:hover {
	color: #fff;
	background-color: #627aad;
}

#tabs ul li a.current,
#tabs ul li a.current:hover {
	color: #333;
	background-color: #fff;
	border: none;
}

#tabs div {
	clear: both;
	padding-top: 14px;
}

#tabs div.clear-both {
	padding-top: 0 !important;
}

#tabs div.hidden {
	display: none;
}

/* Right of profiles */

#marcombook #other {
		float: right;
		width: 186px;
		padding-top: 43px;
}

#other ul, #other p {
	padding-left: 14px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

#other ul {
	margin-left: 14px;
}

#marcombook #other li {
	list-style-type: disc;
	margin-bottom: 6px;
	color: #000;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

/* Contact page */

#contact-page {
	width: 941px;
	margin-top: 18px;
}

#contact-page #contact-details {
	float: left;
	width: 350px;
}

#contact-details h2 {
	margin: 0 0 9px 0;
}

#contact-details h3 {
	color: #fff;
	text-decoration: underline;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

#contact-details p {
	line-height: 1.3em;
}

#contact-details #bath-address {
	float: left;
	width: 50%;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	cursor: pointer;
}

#contact-details #london-address {
	float: right;
	width: 50%;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	cursor: pointer;
}

#contact-details .selected {
	opacity: 1 !important;
	filter: alpha(opacity = 100) !important;
}

#contact-page #maps {
	float: right;
	margin-right: 17px;
	width: 500px;
	height: 444px;
	padding: 57px 0 0 62px;
	background: url(/assets/templates/marcom/img/gps.jpg) no-repeat;
}

/* Contact form */



#contact-details form {
	float: left;
	width: 312px;
	margin-bottom: 18px;
}

#contact-details label {
	color: #fff;
	font-weight: bold;
	width: 100px;
	float: left;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

#send-message {
	float: right;
	width: 150px;
	margin-left: 8px;
	margin-top: 19px;
	margin-right: 30px;
}

div.form-field {
	clear: both;
	height: 8px;
	min-height: 30px;
}

#contact-details input, #contact-details textarea {
	float: right;
	margin-right: 25px;
	width: 172px;
}

#contact-details input {
	width: 168px;
}

#contact-details form #send {
	width: 66px;
	margin-top: 7px;
}

#contact-details form ul {
	margin-bottom: 14px;
}

/* Send success */

#postbox {
	width: 200px;
	margin-right: 14px;
	float: left;
}

#success_message {
	float: right;
	width: 286px;
}

/* Our work feature box */

.example-box {
	height: 300px;
	width: 929px;
	margin-bottom: 5px;
}

.example-box .what-we-did {
	float: left;
	width: 350px;
	margin: 264px 0 0 14px;
}

.hidden {
	display: none;
}

.what-we-did h2 {
	margin: 0;
	color: #000;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
}

ul.feature-work-types li {
	float: left;
	background: #8a9dae;
	padding: 5px;
	margin-right: 5px;
	margin-left: 0 !important;
	list-style: none !important;
}

.example-box .example-description {
	float: right;
	padding: 5px;
	width: 250px;
	background: #8a9dae;
	margin: 14px 14px 0 0;
}

#example-navigation {
	margin-bottom: 0;
}

#example-navigation .example-button {
	width: 228px;
	height: 50px;
	background: #fff;
	float: left;
	margin-left: 5px;
}

.example-button a {
	display: block;
	line-height: 50px;
	text-align: center;
}

#example-navigation .first {
	margin-left: 0;
}

/* Form sort thing */

#float-left {
	/* The our work graphic to allow the form to float correctly */
	float: left;
}

#work-type {
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 30px 250px 0 0;
}

#work-type select {
	margin-top: 7px;
}

/* More case studies */

#more-work {
	width: 100%;
}

#more-work li {
	float: left; 
	margin: 0 4px 4px 0;
	list-style: none;
	padding: 5px;
	background: #ee2924;
}

#more-work li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

/* Clients page */

h3.industry-name {
	font-size: 18px;
}

.industry li {
	list-style: none !important;
	margin-left: 0 !important;
	float: left;
	background: #ee2924;
	padding: 5px;
	margin-right: 5px;
}

.industry li a {
	text-decoration: none;
	color: #fff;
}

.client-work-example {
	margin-bottom: 14px;
}

.client-work-example .client-work-image {
	float: left;
	margin-right: 5px;
}

.client-work-example .description {
	float:  right;
	width: 264px;
}

/* In depth case study */

h1.case-study-header {
	margin-bottom: 0;
	padding-bottom: 0;
}

h2.in-depth-header {
	margin-top: 0 !important;
	padding-top: 0;
	margin-left: 269px;
}

#client-intro {
	width: 939px;
	padding-bottom: 16px;
	border-bottom: 1px dotted #364655;
	/*background: top repeat-x url(/assets/templates/marcom/img/dot_white_horizontal.png);*/
	border-top: dotted 3px #364655;
	padding-top: 16px;
}

#client-intro #project-intro-text {
	float: left;
	width: 701px;
}

#client-intro #back-to-casestudies {
	float: right;
	width: 228px;
}

#back-to-casestudies img {
	float: left;
	height: 28px;
	margin-left: 40px;
}

#back-to-casestudies p {
	float: right;
	line-height: 28px;
	height: 28px;
}

#client-intro p {
	font-size: 16px !important;
	font-family: Georgia, serif !important;
	margin-bottom: 0;
}

#middle-section {
	margin-top: 16px;
}

#middle-section #caption {
	width: 220px;
	float: left;
}

#caption h3 {
	color: #b6b40c;
	font-size: 24px;
	font-family: Georgia, serif;
	margin: 0;
	padding: 0;
}

#middle-section #work-image {
	width: 700px;
	float: right;
}

#the-project {
	width: 947px;
}

#the-project .section {
	width: 220px;
	margin-left: 20px;
	float: left;
}

.section h4 {
	font-size: 18px;
}

.section p {
	color: #999 !important;
}

#the-project .first {
	margin-left: 0;
}

/* sitemap */

#sitemap h2, #sitemap h2 a {
	color: #fff;
	font-size: 24px;
	font-family: "superclarendon-1", Georgia, serif;
}

#sitemap div.section {
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding: 16px;
	margin-top: 16px;
}

#sitemap #home {
	background-color: #8a9dae;
	width: 909px;
}

#sitemap a {
	display: block;
	text-decoration: none !important;
}

#sitemap #meet-us {
	float: left;
	width: 430px;
	background-color: #67685f;
}

#sitemap ul {
	margin-top: 2px;
}

#sitemap ul li {
	margin-left: 16px;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	margin-bottom: 2px;
}

#sitemap ul li ul li {
	font-size: 14px;
}

#sitemap #meet-our-clients {
	float: right;
	width: 430px;
	background-color: #CC3300;
}

#sitemap #see-our-work {
	width: 909px;
	background-color: #463650;
}

#sitemap #get-in-touch {
	width: 909px;
	background-color: #521f1c;
	clear: both;
}

/* Sitemap link */

#sitemap_link {
	width: 947px;
	text-align: right;
	margin: auto;
	clear: both;
}

#sitemap_link a {
	text-decoration: none;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	clear: both;
}

/* Work nav */

#work-nav {
	clear: both;
	float: right;
}

/* PNG Fix */

.marcom-logo, .page-header, .png-fix { 
	behavior: url(/assets/templates/marcom/iepngfix.htc); 
}

/* For Dan's super-ossim background */

canvas {
	position: absolute;
	z-index: -10;
	top: 0;
}

/* Light box */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* Meet our clients */
ul#client_practice {
	clear: both;
	margin-top: 16px;
}
ul#client_sector li,
ul#client_practice li {
	font-family: "superclarendon-1", arial, sans-serif;
	font-size: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 225px;
	float: left;
}

ul#client_sector li ul li,
ul#client_practice li ul li {
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
}
/* All clients */
#client-list div.col {
	float: left;
	width: 25%;
}
#client-list div.col ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
#client-list div.col ul {
	margin-bottom: 16px;
}
#client-list div.col h3 {
	margin-bottom: 16px;
	font-family: "superclarendon-1", arial, sans-serif;
}

#home-page #homepage_content {
	border-bottom: dotted 3px #364655;
	padding-bottom: 15px;
}

#home-page #homepage_content {
	border-bottom: dotted 3px #364655;
	padding-bottom: 15px;
}



/** our clients say ************/
#client-say-container {
	width: 941px;
	margin-top: 10px;
	padding-top: 35px;
	border-top: dotted 3px #364655;
}

#clients-say-left {
	width: 243px;
	float: left;
}

#clients-say-right {
	width: 690px;
	float: right;
}

#clients-say-left ul {
	margin: 0;
}

#clients-say-left ul li {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	color: #fff;
}

#clients-say-left ul li a {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#clients-say-left ul li a:hover {
	color: #fff;	
}

#clients-say-left ul li a.active {
	color: #fff;
	cursor: default;
}

#clients-say-right .client-say p {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

#clients-say-right .client-say p.person {
	font-weight: bold;
	padding-top: 15px;
}

#clients-say-right .client-say {
	display: none;
}


/** our clients list ************/

#our-clients-list {
	border: 0;
	font-family: Verdana, arial, sans-serif;
}

#our-clients-list tr td {
	width: 215px;
	padding-right: 15px;
}

#our-clients-list tr td h2 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
#our-clients-list tr td h3 {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#our-clients-list tr td p {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-top: 3px;
}


/* our work page *********************/
#our-work-container {
	width: 941px;
	padding-top: 15px;
	border-top: dotted 3px #364655;	
}

#our-work-container h2 {
	margin: 0;
	padding: 0 0 20px 0;
	clear: both;
}

#our-work-left {
	width: 240px;
	float: left;
}

#our-work-right {
	width: 695px;
	float: right;	
}

#our-work-left ul {
	margin: 0;
}

#our-work-left ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}