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

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

body {
	font-size: 16px;
	font-size: 0.625em;
	font-family: Helvetica, Arial, sans-serif;
	background: transparent url('../images/background.gif') repeat left top;
	
}

#header {
	width: 966px;
	margin: 0 auto;
	position: relative;
	padding: 3em 0 1em;
}

#header .secondary-nav {margin: 1em; position: absolute; top: 0; right: 5em;}
#header .secondary-nav li {padding: 0 1em; border-right: solid 1px #000; display: inline; }
#header .secondary-nav li.last {border: none	;}
#header .secondary-nav li a {color: #303030; text-decoration: none;}
#header .secondary-nav li a:hover {color: #000; text-decoration: underline;}

#header .languages {position: absolute; right: 1em; top: 1em;}
#header .languages li {display: inline;}
#header .languages a {display: block; width: 17px; height: 11px; 
	background-image: url('../images/ui/flags.gif');
	background-repeat: no-repeat;
	text-indent: -999em;
	float: left;
	}
#header .languages a.en {background-position: left top; margin-right: 1em;}
#header .languages a.de {background-position: right top;}

#header #bar {
	background: transparent url('../images/ui/header.jpg') no-repeat left top;
	height: 71px;
	position: relative;
	
}
#header #bar h1.logo {
	position: absolute; left: 1.9em; top:  .9em;
}
#header #bar h1.logo a {display: block; height: 49px; width: 207px; text-indent: -999em; background: transparent url('../images/ui/logo.jpg') no-repeat left top; }
#header #bar .search {
	position: absolute;
	right: 2.2em;
	top: 2.2em;
}
#header #bar .search .wrapper {background: transparent url('../images/ui/search-input.gif') no-repeat left 3px; width: 170px;}
#header #bar .search input {
    width: 130px;
    height: 25px;
    margin: 5px 0 0 10px;
    border: none;
    background: none;
    color: #666;
    font-size: 11px;
}
#header #bar .bor-power {
	width: 134px;
	height: 61px;
	background: transparent url('../images/ui/borpower-button.jpg') no-repeat left bottom;
	display: block;
	text-indent: -999em;
	position: absolute;
	right: 21em;
	top: 3px;
}
#header #bar .bor-power:hover { background: transparent url('../images/ui/borpower-button.jpg') no-repeat left bottom; }

#container {
	width: 966px;
	margin: 0 auto;
	background:transparent url('../images/ui/container-y.gif') repeat-y left top;	
}


/* ============ */
/* = Main Nav = */
/* ============ */

#main-nav {
	height: 51px;
}
#main-nav li {
	display: inline;
}
#main-nav li a {
	display: block;
	float: left;
	background-color: transparent;
	background-image: url(../images/ui/main-nav.jpg);
	background-position: -999em -999em;
	height: 51px;
	text-indent: -999em;
}
#main-nav li a.home 					{ width:  67px; background-position:    0px 0px ;}
#main-nav li a.kurumsal 				{ width: 115px; background-position:  -67px 0px ;}
#main-nav li a.teknoloji 				{ width: 116px; background-position: -182px 0px ;}
#main-nav li a.bor 						{ width:  74px; background-position: -298px 0px ;}
#main-nav li a.urunler 					{ width: 106px; background-position: -372px 0px ;}
#main-nav li a.sss 						{ width:  73px; background-position: -478px 0px ;}
#main-nav li a.haberler 				{ width: 115px; background-position: -551px 0px ;}
#main-nav li a.basinda 					{ width:  99px; background-position: -666px 0px ;}
#main-nav li a.sertifikalar-testler 	{ width: 201px; background-position: -765px 0px ;}


#main-nav li a.home:hover 					{ background-position:    0px -51px ;}
#main-nav li a.kurumsal:hover 				{ background-position:  -67px -51px ;}
#main-nav li a.teknoloji:hover 				{ background-position: -182px -51px ;}
#main-nav li a.bor:hover 					{ background-position: -298px -51px ;}
#main-nav li a.urunler:hover 				{ background-position: -372px -51px ;}
#main-nav li a.sss:hover 					{ background-position: -478px -51px ;}
#main-nav li a.haberler:hover 				{ background-position: -551px -51px ;}
#main-nav li a.basinda:hover 				{ background-position: -666px -51px ;}
#main-nav li a.sertifikalar-testler:hover 	{ background-position: -765px -51px ;}

body#home #main-nav li a.home 									{ background-position:    0px -102px ;}
body#kurumsal #main-nav li a.kurumsal 							{ background-position:  -67px -102px ;}
body#teknoloji #main-nav li a.teknoloji 						{ background-position: -182px -102px ;}
body#bor #main-nav li a.bor 									{ background-position: -298px -102px ;}
body#urunler #main-nav li a.urunler 							{ background-position: -372px -102px ;}
body#sss #main-nav li a.sss 									{ background-position: -478px -102px ;}
body#haberler #main-nav li a.haberler 							{ background-position: -551px -102px ;}
body#basinda #main-nav li a.basinda 							{ background-position: -666px -102px ;}
body#sertifikalar-testler #main-nav li a.sertifikalar-testler 	{ background-position: -765px -102px ;}



#container .masthead {
	background: #303033 url('../images/masthead/bandNew2.jpg') no-repeat left top;
	height: 200px;
	margin: 0 3px;
}


body#satis #container .masthead,
body#kurumsal #container .masthead,
body#teknoloji #container .masthead,
body#sss #container .masthead,
body#sertifikalar-testler #container .masthead {
	background: #303033 url('../images/masthead/cert.jpg') no-repeat left top;
	height: 150px;
}
body#bor #container .masthead {
	background: #303033 url('../images/masthead/bor.jpg') no-repeat left top;
	height: 150px;
}
body#teknoloji #container .masthead {
	background: #303033 url('../images/masthead/img1.jpg') no-repeat left top;
	height: 150px;
}
body#haberler #container .masthead {
	background: #303033 url('../images/masthead/7.jpg') no-repeat left top;
	height: 150px;
}
body#basinda #container .masthead {
	background: #303033 url('../images/masthead/onpress.jpg') no-repeat left top;
	height: 150px;
}
body#kurumsal #container .masthead {
	background: #303033 url('../images/masthead/6.jpg') no-repeat left top;
	height: 150px;
}
body#satis #container .masthead {
	background: #303033 url('../images/masthead/1.jpg') no-repeat left top;
	height: 100px;
}
body#sss #container .masthead {
	background: #303033 url('../images/masthead/sss.jpg') no-repeat left top;
	height: 150px;
}
body#sertifikalar-testler #container .masthead {
	background: #303033 url('../images/masthead/cert.jpg') no-repeat left top;
	height: 150px;
}


#container .content {
	margin: 0 3px;
	position: relative;
	padding: 20px 20px 20px 190px;
}
body#home #container .content {
	background: transparent url('../images/ui/content-home.gif') repeat-y left top;
	padding: 20px 330px 20px 20px;	
}


#container .content .image-right {
	float: right; margin: 1em -2em 1em 1em; 
}

#container .content h2 {
	font-size: 2.2em;
	color: #940707;
	line-height: 1.8em;
}
#container .content h3 {
	font-size: 1.8em;
	line-height: 1.6em;
	color: #3F1717;
	margin: 0 0 .5em;
}
#container .content h4 {
	font-size: 1.6em;
	line-height: 1.4em;
	color: #3F1717;
}
/* Image Floats */
#container .content p.image-right {
	float: right;
	margin: 1em 0 1em 2em;
} 
#container .content p.image-left {
	float: left;
	margin: 1em 2em 1em 0;
}
#container .content p.image-center {
	text-align: center;
}

#container .content p a {
	color: #940707;
	text-decoration: none;
}
#container .content p a:hover {
	color: #601212;
	text-decoration: underline;
}

#container .content p {
	font-size: 1.2em;
	color: #303030;
	padding: .3em 0 .7em;
	line-height: 1.4em;
}
#container .content ol {
	padding: .5em 0 .5em 2em;
}
#container .content ol li {
	padding: .3em 0;
	list-style-type: decimal;
	font-size: 1.2em;
}
#container .content ul {
	padding: 0 0 0 3em;
	margin: 0 0 1em;
}
#container .content .sidebar ul {
	padding: 0 0 0 .5em;
	margin: 0 1em 1em;
}
#container .content .sidebar marquee {
	margin: 0 0 0 1em;
}
#container .content ul li {
	font-size: 1.2em;
	padding: .4em;
	line-height: 1.4em;
}
body#sertifikalar-testler #container .content a {
	background: #efefef;
	color: #303030;
	text-decoration: none;
	padding: .2em .2em .1em;
}
body#sertifikalar-testler #container .content a:hover {
	background: #CECEC8;
	color: #000;
	border-bottom: solid 1px #999;
}
#container .content ul.circle li {list-style-type: circle;}
#container .content ul.square li {list-style-type: square;}

/* ========== */
/* = Subnav = */
/* ========== */

#container .content #subnav {
	width: 174px;
	position: absolute;
	left: 0;
	top: 0;
}
#container .content #subnav h3 {
	background: transparent url('../images/ui/sub-nav-heading.jpg') no-repeat left top;
	height: 3.5em;
	line-height: 3.5em;
	margin: 0 !important;
	padding: 0 1em;
	color: #000;
	position: relative;
	font-weight: normal;
	font-size: 1em !important;
}
#container .content #subnav h3 span {
	position: absolute;
	color: #fff;
	left: 1.1em;
	top: .1em;
	display: block;
}
#container .content #subnav h3 span a {
	color: #fff;
	text-decoration: none;
}
#container .content #subnav ul,
#container .content #subnav ul li {
	padding: 0;
}
#container .content #subnav ul {
	background:transparent url('../images/ui/sub-nav.gif') repeat-y left top;						
}
#container .content #subnav ul li a {
	text-decoration: none;
	color: #303030;
	border: 0;
	display: block;
	padding: .6em !important;
	background-color:transparent;
	background-image: url('../images/ui/sub-nav-link.gif');
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
#container .content #subnav ul li a.current:hover,
#container .content #subnav ul li a.current {
	color: #601212;
	font-weight: bold;
	background-position: 0 bottom;
}

#container .content #subnav ul li a:hover {background-position: -174px bottom; color: #000;}

#container .content #subnav ul li ul li {
	font-size: 0.9em;
	margin: 0 .8em 0 .5em;
}

#container .content #subnav ul li.last {
	padding: 0 0 1em;
	background:transparent url('../images/ui/sub-nav-bottom.jpg') no-repeat left bottom;
	
}


/* Tables */

#container table {font-size: 1.1em; margin: 1em;}
#container table th,
#container table td {padding: 1em; border: solid .2em #fff;}
#container table th {background: #666666; color: #fff;}
#container table td {background: #ebebeb;}
#container table td.alt {background: #d8d8d8;}

#container table ul { font-size: .9em !important; padding: 0 0 0 1.5em !important;}
#container table ul li { list-style-type: square;}

/* ============= */
/* = Accordion = */
/* ============= */

#accordion h4.toggler {
	margin: .7em 0 .3em;
	padding: 0 0 0 2em;
}
#accordion h4.toggler a {
	color: #666;
	text-decoration: none;
	display: block;
	line-height: 1.68em;
	padding: 0 .5em;
}
#accordion h4.toggler a:hover {color:#020E84;}
#accordion h4.selected {
	background: transparent url('../images/ui/accordion-toggler.gif') no-repeat left top;
	
}
#accordion h4.selected a,
#accordion h4.selected a:hover {background: #162748; color: #fff;}
#accordion div div {
	margin-left: 4em;
	border-bottom: solid 1px #ccc;
}

/* ========================== */
/* = Callout : Sertifikalar = */
/* ========================== */

#container .callout {
	background:transparent url('../images/callout/callout-t.gif') no-repeat left top;
	padding-top: 1em;
	width: 129px;
	float: left;
	margin: 5em 2em 1em 0;
	position: relative;
}
#container .callout ul, 
#container .callout ul li 
{ padding: 0; }
#container .callout .wrap {
	background: transparent url('../images/callout/callout-b.gif') no-repeat left bottom;
	padding-bottom: 1em;
}
#container .callout .wrap2 {
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	position: relative;
	text-align: center;
}
#container .callout .wrap .wrap2 li {
	margin: 0 0 1em;
}


/* =========== */
/* = Sidebar = */
/* =========== */

#container .content .sidebar {
	position: absolute;
	top:0;
	right:0;
	width: 309px;
}
#container .content .sidebar .hr {
	height: 2em;
	background: transparent url('../images/ui/sidebar-hr.gif') no-repeat center center;
}
#container .content .sidebar h3.title {
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -999em;
}
#container .content .sidebar h3.haberler {
	background-image: url('../images/ui/sidebar-title-haberler.jpg');
	height: 43px;
}
#container .content .sidebar h3.basinda {
	background-image: url('../images/ui/sidebar-title-basinda.gif');
	height: 43px;
}


/* ============ */
/* = Haberler = */
/* ============ */

#container #haberler-list {
	padding: 0	;
}
#container #haberler-list li {
	border-bottom: solid 1px #ccc;
	line-height: 1.4em;
}
#container #haberler-list .detay-link {
	display: block;
	width: 9.5em;
	font-size: 1em;
	height: 2.25em;
	line-height: 2.25em;
	text-align: center;
	background: #666;
	text-decoration: none;
	color: #fff;
	background-image: url('../images/buttons/detay-link.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: .5em 0;
	float: right;
	border: none;
	padding: 0;
}
#container #haberler-list .detay-link:hover {
	background-position: 0 -2.25em;
	color: #fff;
}

/* ================= */
/* = News Carousel = */
/* ================= */

#news-carousel {
	background: #fefefe url('../images/ui/news-carousel/carousel-bg.jpg') repeat-x left bottom;
	
}
#news-carousel dl {
	border-bottom: solid 1px #ccc;
	margin: 0 2px;
	background: transparent url('../images/ui/news-carousel/border_1px.gif') repeat-y left top;
	
}
#news-carousel dl dt {
	width: 68px; 
	padding: 2px 2px 2px 0;
	text-align: center;
	float: left;
	clear: both;
}
#news-carousel dl dd {
	width: 17.5em;
	padding: 5px 15px 5px 5px;
	float: left;
	font-size: 1.2em;
	background: transparent url('../images/ui/news-carousel/arrow.gif') no-repeat right center;
	

}
#news-carousel dl dd a {
	font-weight: bold;
	color: #303030;
	text-decoration: none;							
}
#news-carousel dl dd a:hover {
	text-decoration: underline;
	color: #000;
}
#news-carousel .pager {
	background: transparent url('../images/ui/news-carousel/pager-bg.gif') no-repeat left top;
	width: 306px;
	height: 27px;
	position: relative;
	margin: 1em 0 0;
}
#news-carousel .pager a.button {
	display: block;
	width: 22px;
	background-image: url('../images/ui/news-carousel/next-prev.gif');
	background-repeat: no-repeat;
	position: absolute;	
	top: 0;	
	text-indent: -999em;
	height: 24px;
}
#news-carousel .pager a.prev {
	background-position: 9px 8px;
	left: 0;
}
#news-carousel .pager a.prev:hover {
	background-position: 8px 8px;
}
#news-carousel .pager a.next {
	background-position: -25px 8px;
	right: 0;
}
#news-carousel .pager a.next:hover {
	background-position: -24px 8px;
}
#news-carousel .pager ul {text-align: center;}
#news-carousel .pager ul li {display: inline;}

/* ========== */
/* = Footer = */
/* ========== */
#footer {
	width: 966px;
	margin: 0 auto 2em;
	background:transparent url('../images/ui/footer.jpg') no-repeat left top;
	height: 83px;
	position: relative;
}

#footer .column {
	float: left;
	width: 379px;
	padding: 4px 10px;
	border-right: solid 1px #333;
	margin: 5px 0 0 0;
}
#footer .last {border: none;}
#footer .company-info {
	position: absolute;
	right: 1em;
	color: #999;
	width: 14.2em;
	border-left: solid 1px #333;
	top: .3em;
	font-size: 1.1em;
	text-align: right;
	line-height: 1.2em;
	padding: .5em 1em .5em;
}
#footer .company-info strong {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
}
#footer .company-info a.email {
	background: transparent url('../images/ui/footer/email.gif') no-repeat left top;
	color: #fff;
	float: right;
	padding-left: 2em;
	display: block;
	width: 7em;
	margin-top: .2em;
	height: 1.4em;
	line-height: 1.4em;
}

#footer h5 {
	background: transparent url('../images/ui/footer/tag.gif') no-repeat left top;
	height: 20px;
	padding-left: 10px;
}
#footer h5 span {
	background: transparent url('../images/ui/footer/tag.gif') no-repeat right top;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	display: block;
	padding-right: 10px;
	text-align: center;
}
#footer h5.sube1 { width: 11em; }
#footer h5.sube2 { width: 13em; }
#footer ul {
	background:transparent url('../images/ui/footer/telfax.gif') no-repeat left top;
	padding: 0 0 0 2em;
	margin: .4em 0 0 .5em;
}
#footer ul li { color: #ccc; height: 18px; line-height: 1.8em;}
#footer address {
	font-size: 1.1em;
	float: right;
	width: 20em;
	color: #fff;
	line-height: 1.7em;
	margin-top: -1.4em;
}

/* Turkiye haritasi */

.turkiye {
	background-image: url('../images/content/turkiye.jpg');
	background-color: transparent;
	background-position: 0 -2030px;
	background-repeat: no-repeat;
	display: block;
	width: 670px;
	height: 290px;
	margin: 0 auto;
}
.marmara 	{ background-position: 0 -0px;}
.ege	 	{ background-position: 0 -290px;}
.akdeniz 	{ background-position: 0 -580px;}
.guneydogu 	{ background-position: 0 -870px;}
.dogu	 	{ background-position: 0 -1160px;}
.karadeniz 	{ background-position: 0 -1450px;}
.icanadolu 	{ background-position: 0 -1740px;}