/* 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;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* reset+ */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/* style */
body {  font: 11px/1.4em Tahoma, sans-serif; color: #838288; background: #28272e url(../images/bg.jpg) no-repeat center top; }

#wrapper { width: 950px; margin: 0 auto; }

a { color: #36bad6; text-decoration: none; }
a:hover { }
h1 {font-size: 26px;}

div.contact { margin-top: 250px;  padding-left: 30px; }
div.information {  margin-top: 120px;  padding-left: 30px; float: left; width: 286px;}


ul#references {padding: 240px 0 20px 0;}
ul#references li { position: relative; margin: 15px 0; background: #161519; }

ul#references div.top a{ position: absolute; left: 920px; top: 10px; width: 20px; height: 20px; }
ul#references div.top a span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../images/top.png) no-repeat 0 0;}
ul#references div.reference { position: absolute; left: 680px; width: 260px; bottom: 15px; }

ul#references h2 { position: relative; height: 30px; line-height: 30px; }
ul#references h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
ul#references  p.client { padding: 5px 5px 0 20px; background: transparent url(../images/p_client.png) no-repeat 0 5px; }
ul#references  p.info { padding: 5px 5px 0 20px; background: transparent url(../images/p_info.png) no-repeat 0 5px; }
ul#references  p.date { padding: 5px 5px 0 20px; background: transparent url(../images/p_date.png) no-repeat 0 5px; }
ul#references  p.link { padding: 5px 5px 0 20px; background: transparent url(../images/p_link.png) no-repeat 0 5px; }

ul#references img { width: 660px; margin: 10px; }
ul#references img { vertical-align: bottom; }

li#calgonit_microsite h2 span { background: url(../images/title_calgonit_microsite.png) no-repeat 0 0; }
li#iamart_flashsite h2 span { background: url(../images/title_iamart_flashsite.png) no-repeat 0 0; }
li#memolife_microsite h2 span { background: url(../images/title_memolife_microsite.png) no-repeat 0 0; }
li#lakberinfo_webdesign h2 span { background: url(../images/title_lakberinfo_webdesign.png) no-repeat 0 0; }
li#fusiongate_identity h2 span { background: url(../images/title_fusiongate_identity.png) no-repeat 0 0; }
li#axosaniter_website h2 span { background: url(../images/title_axosaniter_website.png) no-repeat 0 0; }
li#fusiongate_webdesign h2 span { background: url(../images/title_fusiongate_webdesign.png) no-repeat 0 0; }
li#wwf_dolphin h2 span { background: url(../images/title_wwf_dolphin.png) no-repeat 0 0; }
li#millenniumcity_flashsite h2 span { background: url(../images/title_millenniumcity_flashsite.png) no-repeat 0 0; }
li#pharmax_identity h2 span { background: url(../images/title_pharmax_identity.png) no-repeat 0 0; }
li#campona_website h2 span { background: url(../images/title_campona_website.png) no-repeat 0 0; }
li#axosaniter_identity h2 span { background: url(../images/title_axosaniter_identity.png) no-repeat 0 0; }
li#babaszafari_illustration h2 span { background: url(../images/title_babaszafari_illustration.png) no-repeat 0 0; }
li#szaszlilla_flashsite h2 span { background: url(../images/title_szaszlilla_flashsite.png) no-repeat 0 0; }
li#ecotours_ads h2 span { background: url(../images/title_ecotours_ads.png) no-repeat 0 0; }
li#pannonjob_webdesign h2 span { background: url(../images/title_pannonjob_webdesign.png) no-repeat 0 0; }
li#aarenson_webdesign h2 span { background: url(../images/title_aarenson_webdesign.png) no-repeat 0 0; }
li#privilege_identity h2 span { background: url(../images/title_privilege_identity.png) no-repeat 0 0; }
li#millenniumtowers_flashsite h2 span { background: url(../images/title_millenniumtowers_flashsite.png) no-repeat 0 0; }
li#garrisongroup_flashsite h2 span { background: url(../images/title_garrisongroup_flashsite.png) no-repeat 0 0; }
li#wwf_polarbear h2 span { background: url(../images/title_wwf_polarbear.png) no-repeat 0 0; }
li#pharmax_dermindomi h2 span { background: url(../images/title_pharmax_dermindomi.png) no-repeat 0 0; }
li#nike_alomzsak h2 span { background: url(../images/title_nike_alomzsak.png) no-repeat 0 0; }
li#trigranit_website h2 span { background: url(../images/title_trigranit_website.png) no-repeat 0 0; }
li#caffeconpanna_identity h2 span { background: url(../images/title_caffeconpanna_identity.png) no-repeat 0 0; }
li#wwf_webdesign h2 span { background: url(../images/title_wwf_webdesign.png) no-repeat 0 0; }
li#pestilampas_webdesign h2 span { background: url(../images/title_pestilampas_webdesign.png) no-repeat 0 0; }
li#weltauto_tvspot_3d h2 span { background: url(../images/title_weltauto_tvspot_3d.png) no-repeat 0 0; }
li#aarenson_identity h2 span { background: url(../images/title_aarenson_identity.png) no-repeat 0 0; }

div#footer { height: 60px; background: url(../images/footer.png) no-repeat 0 0; }