/* RoomFive CSS Document */


html, body, h1, p, ul, li, img, div { margin:0; padding:0; border:0; }

a { outline:none; }

body { margin:0; background:url(../images/058.jpg) #FFF; }

#container { width:960px; height:620px; margin:0 auto; position:relative; padding-bottom:40px; }



/*Replacements
--------------------------------------------------------------------------*/
h1 { background:url(../images/roomfive-title.gif) no-repeat; display:block; width:592px; padding:89px 0 0 0; overflow:hidden; height:0 !important; height /**/:89px; position:absolute; top:43px; left:0; }

.note { background:url(../images/note.gif) no-repeat; display:block; width:769px; padding:12px 0 0 0; overflow:hidden; height:0 !important; height /**/:12px; position:absolute; top:153px; left:0; }

.body { background:url(../images/body.gif) no-repeat; display:block; width:920px; padding:340px 0 0 0; overflow:hidden; height:0 !important; height /**/:340px; position:absolute; top:205px; left:0; }

.connect { background:url(../images/connect.gif) no-repeat; display:block; width:769px; padding:25px 0 0 0; overflow:hidden; height:0 !important; height /**/:25px; position:absolute; top:596px; left:0; }



/*List
--------------------------------------------------------------------------*/
ul { position:absolute; top:593px; left:0; }
li { float:left; list-style:none; margin-right:15px; }

li a, li span { padding:32px 0 0 0; overflow:hidden; height:0 !important; height /**/:32px; }

.twitter { background:url(../images/twitter.gif) no-repeat 0 center; display:block; width:32px; }
.linkedin { background:url(../images/linkedin.gif) no-repeat 0 center; display:block; width:32px; }
.krop { background:url(../images/krop.gif) no-repeat 0 center; display:block; width:32px; }
.behance { background:url(../images/behance.gif) no-repeat 0 center; display:block; width:93px; }

.email { background:url(../images/email.gif) no-repeat 0 0; display:block; width:294px; }
.email:hover { background-position:0 -32px; }

#tooltip { position:absolute; background:#5ea6be; padding:6px 9px; color:#FFF; display:none; font-family:Arial, Helvetica, sans-serif; font-size:15px; }



/*Clear fix
---------------------------------------------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }