html,body  
{
	font:16px Arial,Helvetica, sans-serif; 
	background-color:#f2f2f2;
	color:#000000;
	text-align:center;
	height:100%;
	margin:0;
}

div.clear
{
	clear:both;
	font-size:1px;
	height:1px;
	background:none;
	width:955px;
}

a,a:visited
{
	text-decoration:none;
	color:#1D689F;
}

a:hover
{
	color:#1D689F;
}

ul
{
	padding:0;
	margin:0;
}

li
{
	list-style:none;
}

h1 {font-size:38px; margin:0; }
h2 {font-size:23px; margin-top: 20px; margin-bottom: 15px; }
h3 {font-size:18px; margin-top: 25px; margin-bottom: 10px; }
p  {font-size:15px; margin:8px 0 8px 0;}


/* Header start */

#header 
{	
	width:873px;
	margin-top:40px;
	margin:0 auto;
	text-align:left;
	height:105px;
}

#logo
{
	width:246px;
	height:42px;
	display:block;
	margin:40px 0 23px 0;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#menu
{
	float:right;
	margin-top:50px;
}

#menu li 
{
	float:left;
	width:105px;
	list-style:none;
	text-align:center;
	font-size:13pt;
}

#menu li.blog
{
	width:75px;
}

#menu li a
{
	outline:none;
	color:#4c4c4c;
}

#menu li a:hover
{
	color:#000000;
}


/* Header end */

.line, .seperator
{
	width:873px;
	height:1px;
	line-height:1px;
	background-color:#d6d6d6;
	margin:0 auto;
	display:block;
	clear:both;
}

.seperator
{
	margin:10px auto;
}

#wrapper 
{
	width:873px;
	margin:0 auto;
	text-align:left;
	/*overflow:hidden;*/
}

/* Portfolio start */

.portfolio
{
	width:207px;
	float:left;
	margin-right:15px;
	min-height:320px;
}

.portfolio div
{
	width:207px;
	height:65px;
	display:block;
	background-color:#fff;
	text-align:right;
}

.portfolio div h3
{
	margin-top:0;
	padding:12px 15px 0 0;
	color:#414041;
}

.portfolio div p
{
	font-size:15px;
	padding:0 15px 0 0;
	color:#818080;
	margin-top:0;
}

.screenshot
{
	width:207px;
	height:228px;
	display:block;
	margin-top:10px;
	text-indent:-9999px;
}

#babylon{background-image:url(../img/babylon_.jpg); background-repeat:no-repeat;}
#issanat{background-image:url(../img/issanat_.jpg); background-repeat:no-repeat;}
#ttallstars{background-image:url(../img/ttallstars_.jpg); background-repeat:no-repeat;}
#bendekiler {background-image:url(../img/bendekiler_.jpg); background-repeat:no-repeat; background-position:left top;}
#artisangida {background-image:url(../img/artisangida_.jpg); background-repeat:no-repeat; background-position:left top;}
#takasmerkezi {background-image:url(../img/takasmerkezi_.jpg); background-repeat:no-repeat;}
#birlesmisemlak {background-image:url(../img/birlesmisemlak_.jpg); background-repeat:no-repeat;}
#edroliver{background-image:url(../img/edroliver_.jpg); background-repeat:no-repeat;}
#cagdaskimya{background-image:url(../img/cagdaskimya_.jpg); background-repeat:no-repeat;}
#marmarayangin{background-image:url(../img/marmarayangin_.jpg); background-repeat:no-repeat;}
#ffstream{background-image:url(../img/ffstream_.jpg); background-repeat:no-repeat;}


#bendekiler:hover, #artisangida:hover, #takasmerkezi:hover, #birlesmisemlak:hover,
#edroliver:hover, #cagdaskimya:hover, #marmarayangin:hover, #ffstream:hover, #babylon:hover, #issanat:hover, #ttallstars:hover
{
	background-position:right top;
}

/* Portfolio end */

/* Slider start */

#slideshow
{
	margin:0 auto;
	width:883px;
	height:320px;
	position:relative;
}

#slideshow #slidesContainer 
{
  margin:0 auto;
  width:883px;
  height:320px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide 
{
  margin:0 auto;
  width:883px; 
  height:320px;
}

.control 
{
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl 
{
    background:transparent url(../img/control_left.jpg) no-repeat 0 0;
    z-index:100;
    position:absolute;
    left:-44px;
    top:135px;
}

#rightControl 
{
    left:890px;
    top:135px;
    background:transparent url(../img/control_right.jpg) no-repeat 0 0;
    z-index:100;
    position:absolute;
}


/* Slider end*/



#verticalline
{
	float:left;
	width:1px;
	height:330px;
	background-color:#d6d6d6;
}

/* About start */

#about
{
	width:437px;
	float:left;
	
}

#about h2
{
	margin-top:0;
}

#photo
{
	margin:-10px 0 0 295px;
	position:absolute;	
}

#social li
{
	list-style:none;
	margin:3px 0 3px 0;
	padding:0;
}

.twitter, .facebook, .lastfm, .linkedin, .gtalk 
{
	color:#000;
	padding-left:22px;
	font-size:11pt;
	height:15px;
	background:url("../img/social-icons.jpg") no-repeat scroll 0 0 transparent;
}

.twitter:hover, .facebook:hover, .lastfm:hover, .linkedin:hover, .gtalk:hover,
.twitter:visited, .facebook:visited, .lastfm:visited, .linkedin:visited, .gtalk:visited 
{
	color:#000;
}

.twitter
{
	background-position:0 0px;
}

.twitter:hover
{
	background-position:0 -80px;
}

.facebook
{
	background-position:0px -64px;
}
.facebook:hover
{
	background-position:0px -144px;
}

.lastfm
{
	background-position:0px -32px;
}

.lastfm:hover
{
	background-position:0px -112px;
}

.linkedin
{
	background-position:0px -16px;
}

.linkedin:hover
{
	background-position:0 -96px;
}

/* About end */


/* What start */

#what
{
	float:left;
	padding-left:20px;
}

#what h2
{
	margin-top:0;
}

#what li
{
	list-style-type:circle;
	list-style-position:inside;
	font-size:15px;
}

#logos
{
	margin-top:40px;
	width:380px;
	height:91px;
}

/* What end */



/* Contact form start */

#contact
{
	width:100%;	
}

#contactleft
{
	float:left;
	width:438px;
}

#contactright
{
	float:left;
}

#contact h2
{
	margin-top:0;
}

fieldset
{
	border:0 none;
	margin:0;
	padding:0;
}

fieldset p
{
	clear:both;
	display:block;
	padding:0;
	margin:5px 5px 5px 0;
}

fieldset p span.fielddesc
{
	display:block;
	font-size:14px; 
	margin-top:10px;
}

.warning
{
	background: url("../img/warning.gif") no-repeat scroll 0 0 transparent;
	width:16px;
	height:15px;
	padding-left:16px;
	display:none;
	margin:0 0 0 -5px;
}

.inputtext 
{
	background: url("../img/bginput.png") repeat-x scroll 0 0 transparent;
	border:1px solid #d6d6d6;
	width:387px;
	height:24px;
	line-height:24px;
	padding:0 8px;
	margin:0 0 0 -8px;
}

.inputtextarea
{
	background:url("../img/bginput.png") repeat-x scroll 0 0 transparent;
	background-color:#fff;
	border:1px solid #d6d6d6;
	height:123px;
	padding:0 5px;
	width:390px;
	margin-left:-10px;
}

.button
{
	background:url("../img/send.jpg") repeat-x scroll 0 0 transparent;
	background-color:#f2f2f2;
	border:none;
	width:73px;
	height:22px;
	display:block;
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
	cursor:pointer;
	outline:none;
	margin-bottom:20px;
}

/* Contact form end */

#backtotop
{
	text-align:right;
}

#copyright
{
	clear:both;
	display:block;
	font-size:10pt;
	margin:0 auto;
	text-align:right;
	width:874px;
}

/* Alert start */

#popup_container {
	
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px #d6d6d6;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#popup_title {
	font-size: 16px;	
	text-align: center;
	line-height: 30px;
	color: #666;
	background: #CCC url(../img/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #d6d6d6;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content 
{
	background: 16px 16px no-repeat url(../img/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert 
{
	background-image: url(../img/info.gif);
}

#popup_content.confirm 
{
	background-image: url(../img/important.gif);
}

#popup_content.prompt 
{
	background-image: url(../img/help.gif);
}

#popup_message 
{
	padding-left: 48px;
}

#popup_panel 
{
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt 
{
	margin: .5em 0em;
}

/* Alert end */