body { text-align:center; background:#d7d7d7  url(../Images/Design/Vertical-Tile.png) center repeat-y; font:normal 10px/14px Verdana, Geneva, sans-serif; color:#333; }

/*---------------------------------------------------- Dikey arkaplan---------------------------------------------------------------- */
#Horizontal-Tile { 
	background:url(../Images/Design/Horizontal-Tile.jpg) repeat-x;
	width:100%;
	min-height:597px;
	height:auto !important;
	height:597px;
	position:relative;
	top: 0px;
	left: 0px;
}

#Sides {
	margin:0 auto;
	width:983px;
	height:100%;
	text-align:left;
	position:relative;
}


.RulerFF { /*Firefox*/
    position:fixed; 
	right:0;
	top:0; 
	width:100px; 
	height:100%; 
	z-index:11000;
}

#Content{ 
	width:810px; 
	margin-left:66px; 
	min-height:597px;
	height:auto !important;
	height:597px;
}

#Left-Shadow-Left
{
	background:url(../Images/Design/Left-Shadow1.jpg) no-repeat;
	position:absolute; 
	width:100px;
	height:597px;
	top:0; 
	left:0px; 
	z-index:50;
}

#Left-Shadow-Right
{
	background:url(../Images/Design/Left-Shadow2.png) right top no-repeat;
	position:absolute; 
	width:56px;
	height:597px;
	top:0; 
	left:47px; 
	z-index:50;
}

#Right-Shadow-Left
{
	background:url(../Images/Design/Right-Shadow1.png) no-repeat;
	width:142px;
	height:597px;
	position:absolute; 
	top:0; 
	right:0px; 
	z-index:70
}

#Right-Shadow-Right
{
	background:url(../Images/Design/Right-Shadow2.jpg) no-repeat;
	width:89px;
	height:597px;
	position:absolute; 
	top:0; 
	right:0px; 
	z-index:70
}


/*---------------------------------------------------- PageTop => Logo + Choices ---------------------------------------------------------- */
#Page-Top{ 
	height:130px; 
	background:#333
	}

#PageTop {
	width : 100%;
	height : 100px;
	background : #adbd99;
	}

#Logo{ height:100px;}

#Logo img{ 
	margin:25px 0 0 60px; 
	float:left
}

#Choices{ 
	float:right; 
	margin:25px 30px 0 0;
	width:180px	
}
#Choices a.webaward{color:#666; width:135px; height:25px; display:block; background: url(/Crema2009/Images/Icons/webaward.png) no-repeat 0 0; padding-left:35px; font-weight:normal; line-height:13px; text-align:right}
#Choices a:hover.webaward{ color:#959695;background: url(/Crema2009/Images/Icons/webaward.png) no-repeat 0 -25px; text-decoration:none}

#Icon-Login{ height:14px;
	background:url(../Images/Design/IconMenu.gif) 0 0 no-repeat;}
/*--------------------- Dil Secenekleri --------------------- */

ul.Language{
	margin:0;
	margin-right:30px;
	margin-top:2px;
	margin-left:5px;
	padding:0;
	list-style:none;
	
}

ul.Language li{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0
}

ul.Language li a{
	display:block;
	height:13px;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
	background:url(../Images/Design/Language.gif) 0 0 no-repeat;
}

li#Language-TR a{
	background-position:0 0; 
	width:26px;
}
li#Language-EN a{
	background-position:-26px 0; 
	width:26px;
}

li#Language-TR a:hover, li#Language-TR a.SelectedLanguage{background-position:0 -13px;}
li#Language-EN a:hover, li#Language-EN a.SelectedLanguage{background-position:-26px -13px;}

/*--------------------- Icon-Menu --------------------- */


ul.Icon-Menu li a{
	height:14px;
	background:url(../Images/Design/IconMenu.gif) 0 0 no-repeat;
}

li#Icon-Home a{
	background-position:0 0;
	width:20px;
}
li#Icon-Sitemap a{
	background-position:-40px 0;
	width:30px;
}
li#Icon-Login a{
	background-position:-88px 0;
	width:35px;
}

li#Icon-Home a:hover, li#Icon-Home a.SelectedIcon{background-position:0 -14px;}
li#Icon-Sitemap a:hover, li#Icon-Sitemap a.SelectedIcon{background-position:-40px -14px;}
li#Icon-Login a:hover, li#Icon-Login a.SelectedIcon{background-position:-88px -14px;}

	
							
/* ---------------------------------------------------- Main Menu ----------------------------------------------------------------------- */
#Menu{
	height:29px; 
	margin-left:34px;
	margin-top:1px; 
	padding-left:3px;
	background:url(../Images/Design/MenuBg.png) repeat-x bottom
	}


ul.Main-MenuTR li a{
	height:29px;
	background:url(../Images/Design/MenuTR.png) 0 0 no-repeat;
}

ul.Main-MenuEN li a{
	height:29px;
	background:url(../Images/Design/MenuEN.png) 0 0 no-repeat;
}


li#About-Us a{background-position:0 0;width:120px;}
li#Services a{background-position:-120px 0; width:118px;}
li#Products a{background-position:-240px 0;width:130px;}
li#References a{background-position:-370px 0;width:118px;}
li#Community a{background-position:-490px 0;width:128px;}
li#Contact a{background-position:-620px 0;width:130px;}

li#About-Us a:hover{background-position:0 -29px;}
li#Services a:hover{background-position:-120px -29px;}
li#Products a:hover{background-position:-240px -29px;}
li#References a:hover{background-position:-370px -29px;}
li#Community a:hover{background-position:-490px -29px;}
li#Contact a:hover{background-position:-620px -29px;}



/*---------------------------------------------------- Flash Banner ------------------------------------------------------------------- */

#Banner{ 
	height:264px;
	background:#222;
}
#Banner-def{ 
	background:url(../Banner/Images/banner-bg.gif) repeat-x;position:relative
}
#banner-left{ position:absolute;  left:2px; top:244px; width:20px; height:222px; z-index:9999; background:url(../Images/Banner/banner-left.png) no-repeat} 
#banner-right{ position:absolute;  right:0; top:244px; width:24px; height:222px; z-index:9998;background:url(../Images/Banner/banner-right.png) no-repeat}
#banner-top{ position:absolute;  top:244px; left:22px; width:764px; height:20px; z-index:9997;background:url(../Images/Banner/banner-top.png) no-repeat}
#banner-bottom{ position:absolute;  left:22px; top:445px; width:764px; height:21px; z-index:9996;background:url(../Images/Banner/banner-bottom.png) no-repeat}

/*---------------------------------------------------- Page Content ---------------------------------------------------- */

#Page{
	background:url(../Images/Works/Work-bg.png); 
	border:1px solid #f2f2f2; 
	position:relative; 
	z-index:150;
	top:-19px;
	padding:0px 0 38px 0px;
}
	
#PageContent{ 
	width:766px; 
	position:relative;
	top:19px;
	bottom:19px;
	right:20px;
	left:20px;
	background:#fff;
}


#PageTopShadow
{
	background:url(../Images/Works/Work-Top-Shadow.png) no-repeat;
	width:797px;
	height:50px;
	position:absolute;
	margin-top:-69px; 
	z-index:150;
}
#PageBottomShadow{
	position:relative;
	top:-19px;
	background:url(../Images/Works/Work-Bottom-Shadow.png) no-repeat;
	width:810px;
	height:21px;
}
#PageBottomShadow-def{
	position:relative;
	background:url(../Images/Works/Work-Bottom-Shadow.png) no-repeat;
	width:810px;
	height:21px;
}

/* ----------------------------------------------------News-------------------------------------------------------------------------------- */

#News{ 
	width:730px;
	position:relative; 
	left:40px;  
	padding-bottom:5px;
	
}
#News td{ font-size:12px}

#News td a{ text-decoration:none; font-size:12px}
#News td a:hover{ text-decoration:underline; font-size:12px}

#News img{ 
	padding:4px 10px 0 0; 
	float:left
}

/*---------------------------------------------------- Footer ------------------------------------------------------------------- */

#Footer{ 
	width:765px;
	position:relative; 
	left:25px; 
	padding-bottom:20px;
}

#Footer-Level1{	padding:12px 0;	border-bottom:1px dashed #fff;}

ul.Bookmarks{ height:12px; overflow:hidden}
ul.Bookmarks li a{
	background:url(../Images/Icons/Bookmarks.png) 0 0 no-repeat;
	width:18px;
	height:12px
}

li#RSS-icon a{background-position:0 0;}
li#Linkedin-icon a{background-position:-18px 0; }
li#Digg-icon a{background-position:-36px 0;}
li#Delicious-icon a{background-position:-54px 0;}
li#Google-icon a{background-position:-72px 0;}
li#Sphinn-icon a{background-position:-90px 0;}
li#Facebook-icon a{background-position:-108px 0;}
li#Stumble-icon a{background-position:-126px 0;}
li#Technorati-icon a{background-position:-144px 0;}
li#Dzone-icon a{background-position:-162px 0;}
li#Reddit-icon a{background-position:-180px 0;}
li#Slashdot-icon a{background-position:-198px 0;}
li#Twitter-icon a{background-position:-216px 0;}
li#Friendfeed-icon a{background-position:-234px 0;}

li#RSS-icon a:hover{background-position:0 -12px;}
li#Linkedin-icon a:hover{background-position:-18px -12px; }
li#Digg-icon a:hover{background-position:-36px -12px; }
li#Delicious-icon a:hover{background-position:-54px -12px; }
li#Google-icon a:hover{background-position:-72px -12px; }
li#Sphinn-icon a:hover{background-position:-90px -12px; }
li#Facebook-icon a:hover{background-position:-108px -12px; }
li#Stumble-icon a:hover{background-position:-126px -12px; }
li#Technorati-icon a:hover{background-position:-144px -12px; }
li#Dzone-icon a:hover{background-position:-162px -12px; }
li#Reddit-icon a:hover{background-position:-180px -12px; }
li#Slashdot-icon a:hover{background-position:-198px -12px; }
li#Twitter-icon a:hover{background-position:-216px -12px; }
li#Friendfeed-icon a:hover{background-position:-234px -12px; }

#Footer-Level2{	padding:10px 0; clear:both}
ul.W3C li{ background:url(../Images/Icons/Tick.png) no-repeat; padding-left:18px;  margin-left:20px; font-weight:bold}
ul.W3C li.dim { background:none; padding-left:18px; margin-left:20px; font-weight:bold;color:#666; font-size:11px}
ul.SubMenu li{ margin-right:5px}
ul.SubMenu li.no-border{ margin-right:0}
ul.SubMenu li.no-border a{ border-right:0; padding-right:0}
ul.SubMenu li a{
	font-weight:normal;	
	padding-right:5px;
	font-size:10px;
	border-right:1px solid #333;
}

/*---------------------------------------------------- Inner Page ------------------------------------------------------------------- */
.PageHeader{ 
	position:absolute;
	margin-top:-72px; 
	z-index:120; 
	right:40px;
	text-indent:-9999px
}
#About-Header 
{
	background:url(../Images/Pages/About.png) no-repeat; 
	width:105px; 
	height:35px
}

#InnerBanner 
{
	height:115px;	
    background:#222;
    width:810px;
    height:115px;
 }
 
#L-Content{ float:left; width:530px; text-align:justify; font-size:11px}
#L-Content h2{ text-align:left; }
#L-Content h2 span{ text-align:left; font-family: Georgia,"Times New Roman",Times, serif; }
#R-Content{ float:right; width:165px}
#R-Content ul, #R-Content ul li{ margin:0; padding:0}
#R-Content ul li{ list-style-type:none; font-size:11px; padding:10px 0; border-bottom:1px dashed #333}
#R-Content ul li h3 { font-size:20px; font-family: Georgia,"Times New Roman",Times, serif; float:right; width:136px; font-weight:normal; line-height:22px; }
#R-Content ul li h3 a{ font-size:20px; font-family: Georgia,"Times New Roman",Times, serif; float:right; width:136px; font-weight:normal; line-height:22px; text-decoration:none}
#R-Content ul li img{ float:left; /*margin-top:10px;*/ }
#R-Content ul li p{ clear:both}
#R-Content ul li a{ font-weight:normal}
#R-Content ul li a:hover{ text-decoration:none}
#R-Content ul.none-styled li{ border:none; list-style-type:disc; background:none; padding:3px 0}
#R-Content ul.none-styled li a{ font-weight:normal}
#R-Content ul.none-styled li a:hover{ text-decoration:none}
#R-Content ul.none-styled li:hover{ background:none; text-decoration:none}
#R-Content ul li:hover{ background:#f5f5f5}


.Top-Panel{ width:100%; padding:10px 0; text-align:left;z-index:3000; position:absolute; background-color:#fff; top:0; left:0}
.Top-Panel a{ color:#333; font-weight:normal}
.Middle-Panel{ width:80%; float:left; }
.Right-Panel{ height:401px;width:20%;background:#ddd; text-align:left;z-index:3000;position:absolute;right:0;top:40px; background-color:#fff}
.Right-Panel h2{ padding-left:20px}
.Right-Panel li{ list-style-type:none; height:20px; line-height:20px; font-size:12px}
.Right-Panel li img{ padding-right:5px; vertical-align:bottom}


.hover{ background:#fff; width:100%; height:100%}
.hover:hover{ background:#ddd}
	
.Products-bpm-package-bg{ background:url(../Images/Design/bpm-package-bg.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px}
.Products-cms-package-bg{ background:url(../Images/Design/cms-package-bg.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px}
.Products-creator-package-bg{ background:url(../Images/Design/creator-package-bg.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px }
.Products-creator-package-bg2{ background:url(../Images/Design/creator-package-bg2.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px }
.Products-crm-package-bg{ background:url(../Images/Design/crm-package-bg.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px }
.Products-mail-package-bg{ background:url(../Images/Design/mail-package-bg.jpg) no-repeat #f5f5f5;  padding:130px 0 20px 20px; margin-bottom:20px}
.Products-shop-package-bg{ background:url(../Images/Design/shop-package-bg.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px }
.Products-stock-package-bg{ background:url(../Images/Design/stock-package-bg.jpg) no-repeat #f5f5f5; padding:130px 0 20px 20px; margin-bottom:20px }

#Products-Page table{width:380px; }
#Products-Page table td{ vertical-align:middle; line-height:24px}
#Products-Page a{ padding:200px 190px 20px 12px; background:url(/Crema2009/Images/Icons/Ok.jpg) no-repeat 0 204px }


/*Detail Table */
table.DetailTable { margin:0 auto}
table.DetailTable tr.alternate-row{background-color:#f5f5f5}
table.DetailTable tr.alternate-row td{background-color:#f5f5f5}
table.DetailTable tr th{ padding:5px; background:#333; border:1px solid #fff; color:#fff}
table.DetailTable tr td{ border:1px solid #fff; vertical-align:middle; padding:5px}

/*Pagination*/
tr.Pagination{ border-top:1px solid #333;}
table.DetailTable tr.Pagination td table{ float:right;}
tr.Pagination a{ padding:2px; text-decoration:none; font-weight:normal; }
tr.Pagination span{ padding:2px; text-decoration:none; font-weight:bold; border:1px solid gray; }
tr.Pagination a:hover,tr.Pagination a.selected{ background:#333; color:#fff;}

/*References -> Customer */
table.Ref-Customer tr{ margin-bottom:50px }

/*Sitemap*/
ul.Sitemap{ margin-left:30px; padding:0 }
ul.Sitemap li{  height:30px; line-height:30px; list-style-type:none; font-weight:bold }
ul.Sitemap li.sitemap-main{ background:url(../Images/Icons/page.gif) no-repeat; margin-top:10px; padding-left:30px; }
ul.Sitemap li.sitemap-sub{ background:url(../Images/Icons/page-submenu.gif) no-repeat; margin-left:10px; padding-left:70px; }
ul.Sitemap li.sitemap-sub-sub{ background:url(../Images/Icons/page-submenu.gif) no-repeat; margin-left:60px; padding-left:70px; }

/*Google Map*/
#google-map{ background:url(/Crema2009/Images/Icons/GoogleMap.png) no-repeat center; width:80px; height:66px; padding-top:80px; float:right; margin-top:10px; margin-right:80px}
#google-map a{ padding-top:60px;}

/*Tebrikler*/ 
#tebrik p{ font-weight:bold}
#tebrik .section{ padding:10px; border-top:1px dashed #444; border-bottom:1px dashed #333; margin:10px 0; background-color:#efefef }

/*Services*/
.services-table td{ text-align:justify; padding-bottom:16px }
.services-table h2,.services-table h3{ font-size:20px }
.services-table h2 span{ font-size:18px }


.float-left{ float:left} 
.float-right{ float:right} 
.mar-r-10{ margin-right:10px;}
.mar-l-10{ margin-left:10px;}
.img-left{ float:left; margin-right:10px;}
.img-right{ float:right; margin-left:10px;}