/* Stylesheet swordfish-media.com */

/* 

fonts: 
	- body text: geneva, verdana
	- headings: georgia

colours: 
- sitewide: 
	- dark grey: #3a3a3a;
	- mid grey:  #7a7a7a;

*/

/* 
 * 
 * Resets 
 *  
 */

body, div, td, th, table, form, ul, ol {
	margin: 0px;
	padding: 0px;
	border: none;
}

a img { border: none; }

input, textarea, select, option, legend, fieldset {
	font-family: geneva, verdana, sans-serif;	
}

/* 
 * 
 * Elements 
 *  
 */

body {
	text-align: center; 
	background: #121212; 
	color: #999;
	font-family: geneva, verdana, sans-serif;
	}

body, p, div, td, th, caption, li, ins, del, address, a {
	font-size: 11px;
}

a {
	color: #c00;
	text-decoration: none;
}
a:hover, .current {
	color: #c00;
}
a:hover {
	text-decoration: underline; 
}

h1, h2, h3, h4 {
	color: #c00;
	font-weight: normal;
	font-style: italic; 
	margin: 0px;
	font-family: georgia, serif;
}

h1, h2 {
	font-size: 20px;
}

h3 {
	font-size: 13px;
}

h4, h5, h6 {
	font-size: 12px;
}

table {
	border-collapse: collapse;
}

/*
 * 
 * Generics 
 * 
 */

.clear { clear: both; }
.inner { padding: 10px; }
.first { margin-top: 0px; padding-top: 0px; }
.last { margin-bottom: 0px; padding-bottom: 0px; }
.fl { float: left; }
.fr { float: right; }
.hdiv { height: 1px; font-size: 1px; line-height: 1px; border-top: 1px solid #666; }
.low { font-size: 1px; line-height: 1px; }
.hidden { display: none; }
.indent19 { padding-left: 19px; }

/* 
 * 
 * Main structure 
 *  
 */

div#tophalf, 
div#footer {
	margin: 0px auto;
	width: 900px;
	text-align: left;
}

div#tophalfwide {
	background: #000 url(images/bg-page.gif) repeat-x;
}
div#tophalf {}
div#masthead {}
div#languageswitch {
	text-align: right;
	padding-right: 20px;
	padding-top: 9px;
}
div#logowrapper {
	background: transparent url(images/bg-masthead.png) no-repeat 0px 59px; 
	height: 90px;
}
#logowrapper div.inner {
	padding: 37px 0px 21px 0px;
}
div#logo {
	width: 250px;
	float: left;
}
div#mainmenu {
	width: 600px;
	float: right;
	text-align: right;
	padding-top: 13px;
	padding-right: 20px;
}
div#headerimg {
	width: 900px;
	height: 200px;
	background: #f0361b;
}
div#main {}
div#footerwide {
	background: #121212 url(images/bg-footer.gif) repeat-x;
	padding-top: 45px;
}
div#footer {
	padding-bottom: 133px;
}
div#footermenus {}
div#copyright {
	text-align: right;
	font-size: 12px;
	color: #303030;
	padding-top: 23px;
}
#copyright img {
	vertical-align: bottom;
}
#copyright span.vtop {
	vertical-align: top;
}

/* 
 * 
 * Content area 
 *  
 */

#main div.inner {
	padding: 17px 0px;
}

#main a:hover {
	text-decoration: underline;
}

/* as tables */

table.layout {
	width: 900px;
	border-collapse: separate;
	border-spacing: 0px;
	border: none;
}

#main table.layout div.inner {
	padding: 0px;
}

table.layout th,
table.layout td {
	text-align: left;
	vertical-align: top;
	border-top: none;
	border-left: none;
	border-right: 20px solid #000;
	border-bottom: 17px solid #000;
}

table.layout th.rightmost,
table.layout td.rightmost {
	border-right: none;
}

table.layout .bottom td,
table.layout .bottom th {
	border-bottom: none;
}

table.layout .textline td,
table.layout .textline th {
	background: #3e3e3e url(images/bg-textline.gif);
	padding: 4px 4px 4px 20px;
	height: 18px;
}

table.col4 td div.inner,
table.col4 th div.inner {
	width: 205px;
}
table.col4 td.rightmost div.inner,
table.col4 th.rightmost div.inner {
	width: 225px;
}

/* as divs */

div.vsep {
	width: 20px;
	height: 20px;
	float: left;
}

div.block {
	margin-bottom: 20px;
}

.col div.bottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.textline {
	margin-bottom: 17px;
	background: #3e3e3e url(images/bg-textline.gif);
}

div.square {
	overflow: hidden;
}

#main .col div.inner {
	padding: 0px;
}

.col4 div.col,
.col3 div.col {
	float: left;
	width: 205px;
	text-align: left;
}

.col4 div.rightmost,
.col3 div.rightmost {
	float: right;
	width: 225px;
}

.col4 .square,
.col3 .square {
	height: 205px;
}

#main .col4 .textline div.inner,
#main .col3 .textline div.inner {
	padding: 4px 4px 4px 20px;
}

#main .col4 .textline .rightmost div.inner,
#main .col3 .textline .rightmost div.inner {
	/* width: 201px; */
}

.col3 div.wide {
	width: 450px;
}

.col4 div.parentcol, 
.col3 div.parentcol {
	width: 675px;
	float: right;
}

.line {
		border-top: 1px solid #999;
		padding-top: 10px;
}

/* content */

.layout table.photo_plus_summary,
table.photo_plus_summary {
	border-collapse: separate;
	border-spacing: 0px;
}

.layout table.photo_plus_summary td,
.layout table.photo_plus_summary th,
table.photo_plus_summary td,
table.photo_plus_summary th {
	border: none;
	width: auto;
	border-bottom: 23px solid #000;
	vertical-align: top;
	text-align: left;
}

table.photo_plus_summary td.photo,
table.photo_plus_summary th.photo,
.layout table.photo_plus_summary td.photo,
.layout table.photo_plus_summary th.photo {
	padding-right: 9px;
}

table.photo_plus_summary td a,
table.photo_plus_summary th a,
.layout table.photo_plus_summary td a,
.layout table.photo_plus_summary th a {
	color: #c00;
}

.photo_plus_summary .bottom td,
.photo_plus_summary .bottom th,
table.layout .photo_plus_summary .bottom td,
table.layout .photo_plus_summary .bottom th {
	border-bottom: none;
}

#main li {
	list-style-type: none;
	list-style-image: none;
	background: url(images/bullet.gif) no-repeat;
	padding-left: 8px;
}

div.images, div.lines {
	margin-bottom: 10px;
}
.images img {
	margin: 0px 12px 13px 0px;
}
.images img.rightmost {
	margin-right: 0px;
}
.images .bottom img {
	margin-bottom: 0px;
}

/* menus and links */

.menu a {
	text-decoration: none;
}
.menu a:hover {
/*	text-decoration: underline; */
}

.menu ul {
	padding: 0px; 
	margin: 0px;
}

#mainmenu, #mainmenu a {
	font-size: 12px;
}

.hormenu span, .hormenu a {
	padding-left: 15px;
	color: #999;
}
.hormenu span.current, .hormenu a:hover {
	color: #c00;
}

#footermenus div.menubox {
	float: left; 
	width: 225px;
}

#footermenus .menubox div.inner {
	border-top: 1px solid #3a3a3a;
	margin-left: 35px;
	padding: 0px;
}

#footermenus .menubox h3 {
	border-bottom: 1px dotted #3a3a3a;
	text-transform: uppercase;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	font-family: geneva, verdana, sans-serif;
	font-style: normal;
}

#footermenus .menubox .menu li {
	border-bottom: 1px dotted #3a3a3a;
	line-height: 32px;
	padding-left: 12px;
	background: transparent url(images/arrow-right-grey.gif) no-repeat 0px 10px;
	list-style-type: none;
	list-style-image: none;
}

#footermenus .menubox h3, 
#footermenus .menubox .menu li, 
#footermenus .menubox .menu li a {
	color: #7a7a7a;
	font-size: 12px;
}
#footermenus .menubox .menu li a:hover {
	color: #c00;
}


/* Form table */
.formtable td, 
.formtable th {
	margin: 5px;
	padding: 5px;
}


/* Colours */

.section-about a,
.section-about .current,
.section-about h1,
.section-about h2,
.section-about h3,
.section-about h4,
.section-about #footermenus .menubox .menu li a:hover,
.section-about .hormenu span.current, 
.section-about .hormenu a:hover,
.section-about table.photo_plus_summary td a,
.section-about table.photo_plus_summary th a,
.section-about .layout table.photo_plus_summary td a,
.section-about .layout table.photo_plus_summary th a {
	color: #f60;
}

.section-about .hormenu span,
.section-about .hormenu a {
	color: #999;
}

.section-media a,
.section-media .current,
.section-media h1,
.section-media h2,
.section-media h3,
.section-media h4,
.section-media #footermenus .menubox .menu li a:hover,
.section-media .hormenu span.current, 
.section-media .hormenu a:hover,
.section-media table.photo_plus_summary td a,
.section-media table.photo_plus_summary th a,
.section-media .layout table.photo_plus_summary td a,
.section-media .layout table.photo_plus_summary th a {
	color: #390;
}

.section-media .hormenu span,
.section-media .hormenu a {
	color: #999;
}

.section-expertise a,
.section-expertise .current,
.section-expertise h1,
.section-expertise h2,
.section-expertise h3,
.section-expertise h4,
.section-expertise #footermenus .menubox .menu li a:hover,
.section-expertise .hormenu span.current, 
.section-expertise .hormenu a:hover,
.section-expertise table.photo_plus_summary td a,
.section-expertise table.photo_plus_summary th a,
.section-expertise .layout table.photo_plus_summary td a,
.section-expertise .layout table.photo_plus_summary th a {
	color: #a43170;
}

.section-expertise .hormenu span,
.section-expertise .hormenu a {
	color: #999;
}

.section-advice a,
.section-advice .current,
.section-advice h1,
.section-advice h2,
.section-advice h3,
.section-advice h4,
.section-advice #footermenus .menubox .menu li a:hover,
.section-advice .hormenu span.current, 
.section-advice .hormenu a:hover,
.section-advice table.photo_plus_summary td a,
.section-advice table.photo_plus_summary th a,
.section-advice .layout table.photo_plus_summary td a,
.section-advice .layout table.photo_plus_summary th a {
	color: #f5c00a;
}

.section-advice .hormenu span,
.section-advice .hormenu a {
	color: #999;
}

.section-who a,
.section-who .current,
.section-who h1,
.section-who h2,
.section-who h3,
.section-who h4,
.section-who #footermenus .menubox .menu li a:hover,
.section-who .hormenu span.current, 
.section-who .hormenu a:hover,
.section-who table.photo_plus_summary td a,
.section-who table.photo_plus_summary th a,
.section-who .layout table.photo_plus_summary td a,
.section-who .layout table.photo_plus_summary th a {
	color: #4582d8;
}

.section-who .hormenu span,
.section-who .hormenu a {
	color: #999;
}

.section-portfolio a,
.section-portfolio .current,
.section-portfolio h1,
.section-portfolio h2,
.section-portfolio h3,
.section-portfolio h4,
.section-portfolio #footermenus .menubox .menu li a:hover,
.section-portfolio .hormenu span.current, 
.section-portfolio .hormenu a:hover,
.section-portfolio table.photo_plus_summary td a,
.section-portfolio table.photo_plus_summary th a,
.section-portfolio .layout table.photo_plus_summary td a,
.section-portfolio .layout table.photo_plus_summary th a {
	color: #f69;
}

.section-portfolio .hormenu span,
.section-portfolio .hormenu a {
	color: #999;
}

.section-contact a,
.section-contact .current,
.section-contact h1,
.section-contact h2,
.section-contact h3,
.section-contact h4,
.section-contact #footermenus .menubox .menu li a:hover,
.section-contact .hormenu span.current, 
.section-contact .hormenu a:hover,
.section-contact table.photo_plus_summary td a,
.section-contact table.photo_plus_summary th a,
.section-contact .layout table.photo_plus_summary td a,
.section-contact .layout table.photo_plus_summary th a {
	color: #9b32cb;
}

.section-contact .hormenu span,
.section-contact .hormenu a {
	color: #999;
}