@charset "utf-8";
/*
	numan çebi - web designer
	http://numancebi.com
	numancebi@gmail.com
*/

/* reset (special thanks to eric meyer) */ 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%; } 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; } div, span { display:inline-block; } a { text-decoration:none; }

/* numancebi.com's css document */
body { background:#333333 url(images/background.jpg) center fixed no-repeat; font-family:Georgia, "Times New Roman", Times, serif; }
.container { width:1024px; display:block; margin:0 auto; padding:20px 0; }

.header { width:1024px; background:url(images/black40.png); /*border-top-left-radius:14px; overflow:hidden;*/ }
.header .title { width:1024px; height:60px; }
.header .title .logo { width:252px; height:60px; line-height:52px; padding:0 0 0 20px; float:left; background:#ffd800; color:#333333; font-size:44px; text-transform:lowercase; font-weight:bold; }
.header .title .logo:hover { background:#e8c400; }
.header .title .logo span { text-transform:uppercase; font-size:32px; font-weight:normal; }
.header .title .bracketsA, .header .title .bracketsB { width:30px; height:60px; line-height:54px; float:left; background:#e8c400; color:#333333; font-size:38px; font-weight:bold; text-align:center; }
.header .title .bracketsB { float:right; }
.header .title .top { width:692px; height:60px; float:left; text-transform:lowercase; }
.header .title .top .slogan { width:672px; padding:0 10px; height:40px; line-height:40px; font-size:24px; color:#f1f1f1; letter-spacing:0.5px; }
.header .title .top .slogan span { color:#ffd800; }
.header .title .top .slogan a { color:#ffd800; }
.header .title .top .slogan a:hover { color:#f1f1f1; }
.header .title .top .line { width:672px; padding:0 10px; height:20px; line-height:20px; font-size:12px; background:#000; color:#999; font-family:Verdana, Geneva, sans-serif; }
.header .title .top .line a { color:#999; letter-spacing:0.5px; }
.header .title .top .line a:hover { text-decoration:underline; }
.header .info { width:984px; padding:10px 20px; color:#666666; font-size:22px; line-height:34px; font-style:italic; border-bottom:4px solid #e8c400; text-transform:lowercase; letter-spacing:0.5px; text-align:center; }
.header .info a { color:#666666; /*font-size:16px;*/ }
.header .info a:hover { color:#e8c400; }

.content { width:1024px; padding:20px 0 0 0; background:url(images/white3.png); }
.content .brand { width:147px; height:115px; float:left; margin:0 0 20px 20px; background:#000; overflow:hidden; position:relative; }
.content .brand:hover { }
.content .brand a img { width:147px; display:inline-block; opacity:0.5; }
.content .brand:hover > a img { opacity:1; }
.content .brand a p { width:147px; height:115px; position:absolute; top:0; left:0; display:inline-block; }
.content .brand:hover > a p { background:url(images/brandhover.png) left -80px no-repeat; }

.contact { width:984px; height:40px; padding:0 20px; background:url(images/black40.png); }
.contact a { display:inline-block; float:left; margin:0 20px 0 0; line-height:38px; color:#000000; }
.contact a img { margin:7px 0; opacity:0.5; }
.contact a:hover img { opacity:1; }
.contact .social { float:right; margin:10px 0 0 0; color:#000000; }
/*.contact .social:hover { opacity:1; }*/
.contact .social span { float:left; }
.contact .social span.follow { width:142px; overflow:hidden; }
.contact .social span.tweet { width:98px; overflow:hidden; margin:0 0 0 8px; }
.contact .social span.subscribe { margin:0 0 0 7px; }
.contact .social span.like { margin:0 0 0 4px; }
.contact .social span.plus { margin:0 0 0 6px; width:65px; overflow:hidden; }

.footer { width:984px; height:24px; line-height:24px; padding:0 20px; background:url(images/white10.png); border-top:4px solid #999999; font-size:11px; color:#999999; font-family:Verdana, Geneva, sans-serif; }
.footer a { color:#999999; font-weight:bold; }
.footer a:hover { color:#e8c400; }
.footer .links { float:left; }
.footer .copyright { float:right; }

.richsnippets { width:1px; height:1px; overflow:hidden; }