@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, 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;}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

html, body {height:100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background:#FFFFFF; font-family: 'Lato', 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, object, embed {outline:0; }
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, #contenthp {clear:both; height:500px; width:1060px; margin: 0 auto; text-align: left; position:relative; }
#imageBox, #imageBoxhp {float:right; width:750px; height:500px; background:url(http://www.davidbrabyn.com/images/loading.png) no-repeat scroll right center transparent;}
#rightcol {float:right; width:220px; height:500px; position:relative;}
#imageBox {width:840px;}
#imageBoxhp {vertical-align:top;}
#imageBox2 {vertical-align:top; height:525px;}
#swings {float:right; width:748px; height:498px; border:thin solid;}
#logo {padding:30px 0px 0px 20px; display:block;}
h1 {color: #555555; font-size: 11px; text-align:left; margin:-10px 0px 12px 30px; font-weight:400}
h1 a {color:#555555;}
tag a:hover, #dtp a:hover {color:#000;}
tag {display:block; color: #555; 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;}
#PLloc {position: absolute; bottom:10px; left: 30px; color: #666666; font-size: 11px; text-align:left; line-height: 1.3em;}
h2 {color: #666666; text-align:left}
#copyrighthp {font-size: 10px; width:320px; color:#999; display:inline-block; margin:2px 0 0 90px;}
#copyright {position:absolute; bottom:2px; left:4px; font-size: 9px; width:230px; color:#999; margin-top:2px;}
#dtp {position: absolute; bottom: 2px; right:6px; font-size: 9px; width:200px; text-align:right;}
#dtp a {color:#888;}
#SSVtitle {color: #ff7010; font-size: 16px; font-weight:bold; line-height:1.3; padding-bottom:6px}
#SSVq {color: #888; font-size: 16px; font-weight:bold; line-height:1.3; padding-bottom:15px;}
#SSVexpl {color: #999999; font-size: 11px; line-height:1.3}
#about {width:470px; height:400px; background-color:#DADADA; color: #333; 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: #555; font-size: 13px; line-height:1.6; 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; width:295px; top:60px; left:370px;}
#textaproposde {position:absolute; width:275px; top:60px; left:370px;}
#textcontact {float:left; color:#555555; margin:90px 0 0 0; width:275px; font-size:13px; line-height:2.4em;}
#textcontact a:hover {border-bottom: none;}
#contactform {float:left; margin:95px 20px 0 100px; width:280px; font-size:11px; line-height:2.2em;}
#contactform input, #contactform textarea {background:#DADADA; border:1px solid #999; width:170px;}
#contactform textarea {width:250px;}
.contactbutt {width:50px !important;}
#skype { display:block;}

#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; padding:150px 0px 0px 0px; line-height:1.4em}
.contact {color: #333; font-size: 13px; line-height:2em; background-color:#DADADA }
.social {
	float: left;
	margin: 50px 0 0 0;
	clear: both;
}

.social a:hover {
	background-color: #AAA;
}

.social li {
	float: left;
}

.social a {
	display: block;
	text-indent: -9999px;
	background-color: #BBBBBB;
	width: 30px;
	height: 30px;
	margin: 0 7px 0 0;
	float: left;
	border-bottom:none !important;
}

.facebook {background: url(http://www.davidbrabyn.com/images/facebook-small.png) no-repeat center center;}
.twitter {background: url(http://www.davidbrabyn.com/images/twitter-small.png) no-repeat center center;}

#fluent {padding-top:25px; color:#888; font: italic 14px Georgia, 'Times New Roman', Times, serif;}
#fluent2 {color: #666666; font-size: 11px; padding-top: 5px;}
#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; }  */