@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, 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;
}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

html, body {height:100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background:#FFFFFF; font-family: Verdana, Helvetica Neue, Arial, sans-serif; color:#333;}
a {text-decoration:none; color: #000}
a img, fieldset, img { border: none ; }
a:hover {text-decoration:none; color: #5170A1; }
a:hover span { cursor: pointer }
a:active, a:focus {outline:none; }
acronym {cursor: help;}
a.lang {color: #FFF}
a.lang:hover {color: #333}

#floater {position:relative; float:left; height:50%; margin-bottom:-257px; width:1px;}
#content {clear:both; height:500px; width:1060px; margin: 0 auto; text-align: left; position:relative; }
#rightcol {float:right; height:500px; width:220px;}
#imageBox {float:right; width:750px; height:500px;}
#imageBox2 {float:right; vertical-align:top;}
#slideshow {background:url(http://www.davidbrabyn.com/images/loading.gif) no-repeat center;}
#swings {float:right; width:748px; height:498px; border:thin solid;}
#logo {padding:30px 0px 0px 20px; display:block;}
h1 {color: #555; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; margin:-10px 0px 12px 30px; font-weight:400}
h1 a {margin-left:0px; color:#000}
h1 a:hover, tag a:hover { color:#000;}
tag {display:block; color: #555; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; margin:-12px 0px 12px 30px; font-weight:400}
tag a {margin-left:0px; color:#000}
p.menu {padding-bottom: 14px;}
.multi {padding:160px 0px 0px 30px; line-height:27px; vertical-align:top;}
h2 {padding:60px 0px 0px 30px; width:150px; color: #666666; font-size: 9px; text-align:left}
#copyright {position: absolute; bottom:2px; left:10px; font-size: 9px; width:200px;}
#dtp {position: absolute; bottom: 2px; right:6px; font-size: 9px; }
#SSVtitle {color: #ff7010; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; line-height:1.3; padding-bottom:6px}
#SSVq {color: #888; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; line-height:1.3; padding-bottom:15px;}
#SSVexpl {color: #999999; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; line-height:1.3}
#about {width:470px; height:400px; background-color:#DADADA; color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.4em; padding:100px 140px 0px 140px; }
#textbloc {position: relative; float:right; width:748px; height:498px; background-color:#DADADA; color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.4em; border:1px solid #CCC;}
h3 {font-size: 30px; font-weight:600; line-height:2em; }
h4 {font-size: 20px; font-weight:400; line-height:1.4em; }

#fb {position:absolute; background-color:#DADADA; color:#444; font-size:13px; top:20px; left:20px; line-height:0; width:200px;}
#fbhp {padding:5px 0px 0px 30px;}

#textabout {position:absolute; color:#444; width:275px; font-size:13px; top:60px; left:370px;}
#textaproposde {position:absolute; color:#444; width:275px; font-size:13px; top:60px; left:370px;}
#textcontact {position:absolute; color:#333; width:275px; font-size:13px; top:135px; left:370px; line-height:2.4em;}
#textcontact a { border-bottom: 1px dotted #666;}
#textcontact a:hover {border-bottom: none;}
#skype img {vertical-align:-7px;}
#skype a {border:none;}

#texttitle, #texttitleb, #texttitlefr, #texttitleERR {position:absolute; float:left; color:#FFF; font-size:86px; font-family: Georgia, 'Times New Roman', Times, serif; bottom:-14px; left:10px; line-height:1;}
#texttitleb {font-size:66px;}
#texttitlefr {font-size:60px; bottom:3px; }

#textclient {float:left; background-color:#DADADA; color:#444; width:275px; font-size:13px; font-family: Helvetica, Arial, sans-serif; padding:150px 0px 0px 0px; line-height:1.4em}
.contact {color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:2em; background-color:#DADADA }
#social {position:absolute; float:right; bottom:8px; right:13px; line-height:1;}
#social a {border: none;}
#fluent {padding-top:10px; background-color:#DADADA; color:#888; font: italic 14px Georgia, 'Times New Roman', Times, serif;}
#fluent2 {padding-top:3px;font-size: 12px;}
#lang, #langfr {font-size:14px; font-family: Georgia, 'Times New Roman', Times, serif; padding-top:27px; left:370px; font-style:italic;}
#lang a, #langfr a {color:#999;}
#lang a:hover, #langfr a:hover {color:#5170A1;}

#nav {background:url("images/nav.png") 0px 0px no-repeat;height: 240px; width: 75px; margin:60px 0px 0px 30px; padding: 0px;}
#nav li, #nav a {height:30px;/* Each button must have the same height, define it here */display:block; margin:0; padding:0px; width:75px;}  
li#news, li#portraits, li#multimedia, li#corporate, li#about , li#contact, li#clientarea, li#archive { margin:0px; width:75px; }
#nav_news a:hover {background:url("images/nav.png") -77px -0px no-repeat; }
#nav_portraits a:hover {background:url("images/nav.png") -77px -30px no-repeat; }
#nav_multimedia a:hover {background:url("images/nav.png") -77px -60px no-repeat; }
#nav_corporate a:hover {background:url("images/nav.png") -77px -90px no-repeat; }
#nav_about a:hover {background:url("images/nav.png") -77px -120px no-repeat; }
#nav_contact a:hover {background:url("images/nav.png") -77px -150px no-repeat; }
#nav_clientarea a:hover {background:url("images/nav.png") -77px -180px no-repeat; }
#nav_archive a:hover {background:url("images/nav.png") -77px -210px no-repeat; }
#nav_news_current {background:url("images/nav.png") -77px -0px no-repeat; }
#nav_portraits_current {background:url("images/nav.png") -77px -30px no-repeat; }
#nav_multimedia_current {background:url("images/nav.png") -77px -60px no-repeat; }
#nav_corporate_current {background:url("images/nav.png") -77px -90px no-repeat; }
#nav_about_current {background:url("images/nav.png") -77px -120px no-repeat; }
#nav_contact_current {background:url("images/nav.png") -77px -150px no-repeat; }
#nav_clientarea_current {background:url("images/nav.png") -77px -180px no-repeat; }
#nav_archive_current {background:url("images/nav.png") -77px -210px no-repeat; }
#navfr {background:url("images/navfr.png") 0px 0px no-repeat;height: 240px; width: 75px; margin:60px 0px 0px 30px; padding: 0px;}
#navfr li, #navfr a {height:30px;/* Each button must have the same height, define it here */display:block; margin:0; padding:0px;}  
#navfr_news a:hover {background:url("images/navfr.png") -77px -0px no-repeat; }
#navfr_portraits a:hover {background:url("images/navfr.png") -77px -30px no-repeat; }
#navfr_multimedia a:hover {background:url("images/navfr.png") -77px -60px no-repeat; }
#navfr_corporate a:hover {background:url("images/navfr.png") -77px -90px no-repeat; }
#navfr_about a:hover {background:url("images/navfr.png") -77px -120px no-repeat; }
#navfr_contact a:hover {background:url("images/navfr.png") -77px -150px no-repeat; }
#navfr_clientarea a:hover {background:url("images/navfr.png") -77px -180px no-repeat; }
#navfr_archive  a:hover {background:url("images/navfr.png") -77px -210px no-repeat; }
#navfr_news_current {background:url("images/navfr.png") -77px -0px no-repeat; }
#navfr_portraits_current {background:url("images/navfr.png") -77px -30px no-repeat; }
#navfr_multimedia_current {background:url("images/navfr.png") -77px -60px no-repeat; }
#navfr_corporate_current {background:url("images/navfr.png") -77px -90px no-repeat; }
#navfr_about_current {background:url("images/navfr.png") -77px -120px no-repeat; }
#navfr_contact_current {background:url("images/navfr.png") -77px -150px no-repeat; }
#navfr_clientarea_current {background:url("images/navfr.png") -77px -180px no-repeat; }
#navfr_archive_current {background:url("images/navfr.png") -77px -210px no-repeat; }

#oops {font-size:24px; font-family: Georgia, 'Times New Roman', Times, serif; font-style:italic; padding:110px 0 30px 0;}
/*  #oops {width:750px; height:500px; margin: 150px 0px 0px 140px; font-family: Times, serif; color:#666; }  */