/*Design & Development by Salman YILMAZ - www.salmanyilmaz.com */

/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#515151;
}

h1, h2, h3 {
	margin: 0;	
	font-weight: normal;
	color: #a54f07;
}

h1 { font-size: 24px; }

h2 { font-size: 18px;}

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 220%;
	text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #271200; }

a:hover { text-decoration: none; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

#intro-wrapper {
	margin: 0;
	padding: 0;
	height:600px;	
}

#intro 
{
    float: right;
	width: 720px;
	height: 300px;
	margin: 0 auto;
}
#category {
	float: left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*-------------------------------------------------------------------------
=GLOBAL CLASSES
-------------------------------------------------------------------------*/
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right }
.clearBoth { clear:both }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noPadding { padding:0 !important }
.noBorder { border:0 !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }
.left { text-align:left }
.center { text-align:center }
.right { text-align:right }



/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#header-wrapper {
	margin: 0;
	padding: 0;
	height:84px;
	background: url(images/bg/topBackground05.gif) repeat-x left top;
}

#header 
{
    position:relative;
	width: 920px;
	height: 114px;
	margin: 0 auto;
}

div#logo h1 a { position:absolute; left:0; top:0; width:291px; height:84px; background:url(images/heading/logo.png); text-indent:-9999px }
div#logo p { display:none }

div#topAdvertisement{
	padding:0;
	position:absolute;
    right:0;
    top:12px;
	float:right;
}

/*-------------------------------------------------------------------------
=NAVIGATIONS
-------------------------------------------------------------------------*/	
div#bottomMenu ul li { float:right; margin-left:6px; padding-left:9px; background:url(../images/nav/bottomMenuSeperator.gif) no-repeat right 3px }
	div#bottomMenu ul li a { color:#803c04; font:12px/normal Helvetica, Arial, sans-serif; text-decoration:underline }
	div#bottomMenu ul li a:hover { color:#803c04; font:12px/normal Helvetica, Arial, sans-serif; text-decoration:none }

/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
#footer {
	width: 920px;
	height: 10px;
	margin: 20px auto;
}

#footer-bgcontent {
	margin: 0;
	padding: 0;
	height: 20px;
}
#footer-content 
{
    position:relative;
	width: 920px;
	height: 20px;
	margin: 0 auto;
}
p#footnoteTop { clear:left; font-size:11px; color:#000 }
p#siteCreation { position:absolute; right:53px; bottom:0px; float:right; font-size:11px; color:#000 }
a#salmanYilmaz { position:absolute; right:0; bottom:6px; float:right; font-size:11px; color:#ff3300; text-decoration:none }
a#salmanYilmaz:hover { position:absolute; right:0; bottom:6px; float:right; font-size:11px; color:#ff3300; text-decoration:underline }

/*-------------------------------------------------------------------------
=CATEGORY
-------------------------------------------------------------------------*/

#category-menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#category-menu {
width: 190px;
}
#category-menu li {
display:inline;
}
#category-menu li a:link, #category-menu li a:visited {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #271200;
height: 14px;
display: block;
background: url(images/nav/category-menu-icon.gif) no-repeat left top;
padding: 0 0 6px 20px;
}
#category-menu li a:hover {
color: #edc89b;
background: url(images/nav/category-menu-icon.gif) no-repeat 0 -30px;
padding: 0 0 6px 20px;
}

#category-menu li li a:link, #category-menu li li a:visited {
font-weight: normal;
background: url(images/nav/category-submenu-icon.gif) no-repeat left top;
padding: 2px 0 3px 30px;
}

#category-menu li li a:hover {
background: url(images/nav/category-submenu-icon.gif) no-repeat 0 -30px;
padding: 2px 0 3px 30px;
}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#wrapper {
	margin: 0;
	padding: 10px 0 0 0;
}
#page {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#page-bgtop {
}

div#content { position:relative; float: right; margin-top:10px; width: 720px}

div#pageTitles { position:absolute; right:0; top:0; width:720px; height:40px; background:url(images/bg/pageTitles.gif) no-repeat left }
	div#pageTitles h1 { color:#a54f07; padding:10px 0 0 45px; }

/*-------------------------------------------------------------------------
=PAGE: index.aspx
-------------------------------------------------------------------------*/
div#services { position:relative; float:left; margin-bottom:10px }
	div#services * { float:left; margin-top:0}
	div#services a { display:block; text-decoration:none; font-size:15px; color:#fff}
	div#services a#deliver { margin-right:12px; width:138px; height:83px; background:url(images/content/mobilya-siparisi.jpg); border:4px solid #e6e6e6 }
	div#services a#deliver:hover { border:4px solid #ccc}
	div#services a#repair { margin-right:12px; width:138px; height:83px; background:url(images/content/mobilya-tamiri.jpg); border:4px solid #e6e6e6 }
	div#services a#repair:hover { border:4px solid #ccc}
	div#services a#antique { margin-right:0; width:138px; height:83px; background:url(images/content/antika-mobilya.jpg); border:4px solid #e6e6e6 }
    div#services a#antique:hover { border:4px solid #ccc}
    div#services span { position:absolute; bottom:10px; text-indent:5px}

div#news { position:relative; float:left; margin:0}
    div#news h2 { width:457px; height: 23px; padding: 5px 0 0 5px; background: url(images/bg/titleBackground05.gif) repeat-x left top; text-transform: capitalize; font-size: 16px; font-weight: bold; color: #a54f07}
    div#news .newsGridview {position:absolute; left:0; top:-10px}
    div#news div {position:relative; width:460px; height:70px}
    div#news div img.newsThumbnail { position:absolute; left:0; top:0 }
    div#news div a { text-indent:0; text-align:justify; line-height:17px; }
    div#news div a.spot { position:absolute; left:130px; top:0; font-size:12px; text-decoration:none}
    div#news div a.spot:hover { position:absolute; left:130px; top:0; font-size:12px; text-decoration:underline; color:#edc89b}
    
.middleContent { float: left; width: 470px}
.squareAdvertisement { float: right; width: 250px}

/*-------------------------------------------------------------------------
=PAGE: product-details.aspx
-------------------------------------------------------------------------*/
    div#contentDetails img { position:absolute; top:50px; left:0; border: 10px solid #eeeeee; padding: 5px}
    div#contentDetails .description { position:absolute; top:400px; left:0 }

/*-------------------------------------------------------------------------
=PAGE: category-details.aspx
-------------------------------------------------------------------------*/
div#productItems { margin:50px 0 50px 0 }
	div#productItems div { position:relative; margin-bottom:25px; margin-right:20px; padding:10px 0 0 0px; width:350px; height:177px }
		div#productItems div img { position:absolute; left:0; top:0; border:10px solid #eeeeee; padding: 5px }
		div#productItems div a.name { position:absolute; left:25px; bottom:30px; margin:0; font-size:16px; color:#fff }

/*-------------------------------------------------------------------------
=PAGE: news-details.aspx
-------------------------------------------------------------------------*/
    div#contentNews { position:relative}
    div#contentNews img { position:absolute; top:50px; left:0; border: 10px solid #eeeeee; padding: 5px}
    div#contentNews .squareAdvertisement{
	position:absolute;
    right:0;
    top:50px;
	float:right;
}
    div#newsBody { padding:310px 0 50px 0}

/*-------------------------------------------------------------------------
=PAGE: about-us.aspx
-------------------------------------------------------------------------*/
div#aboutUs div { position:absolute; top:50px; left:0 }
/*-------------------------------------------------------------------------
=PAGE: services.aspx
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
=PAGE: references.aspx
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
=PAGE: privacy-policy.aspx
-------------------------------------------------------------------------*/
div#privacyPolicy { position:absolute; top:50px; left:0 }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/*-------------------------------------------------------------------------
=PAGE: contact.aspx
-------------------------------------------------------------------------*/
div#contactForm { position:relative; float:left;  margin:70px 0 0 45px;  width:720px}
div#contactForm div { margin-top:10px }
div#contactForm label { font-size:12px; color:#9e9e9e }
div#contactForm .input { display:block; margin-top:8px; padding:3px 5px 0; width:248px; height:17px; border:1px solid #7f9db9 }
div#contactForm .textarea { display:block; margin-top:8px; padding:3px 5px 0; width:248px; height:100px; border:1px solid #7f9db9 }
div#contactForm .dropdown { display:block; margin-top:8px; padding:3px 5px 0; width:260px; height:25px; border:1px solid #7f9db9 }
div#contactForm .button { display:block; width:129px; height:29px; background:url(images/btn/sendForm.gif); text-indent:-9999px; cursor:pointer}
div#contactForm p { font-size:9px; color:#9e9e9e }
div#contactForm h2 { font-size:16px}

div#contactInfo { position:relative; float:right; right:0; top:0; width:202px}
	div#contactInfo h2 { font-weight:bold; font-size:14px}
	div#contactInfo h4 { font-size:13px}
	div#contactInfo h5 { font-weight:bold; text-align:left }
	div#contactInfo address { margin-bottom:10px; font-size:12px; text-align:left }
	div#contactInfo p { font-size:11px; text-align:left }