/*
Design Name: Gupse İnternet Teknolokileri
Design URL: http://www.gupse.net/
Description: Gupse İnternet Teknolokileri Portal projesi...
Author: Gupse Inc.
Author URI: http://www.gupse.com
Version: 3.0.0

Changelog:
v1.0 - 20.01.2009
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, big, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul, li { list-style: none; }
body { line-height: 1; }
img { border: none; }
.clear { clear: both; }

body {
	background: #dddddd url('images/background.gif') repeat-y top center;
	width: 740px;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto;
	padding: 0px;
}

/*                                               */
/*                 Header                        */
/*                                               */

#header { background: #990000 url('images/header.png') no-repeat; width: 740px; height: 100px; color: #FFFFFF; margin: 0px auto; padding: 0px; }
#headerleft { float: left; height: 95px; width: 240px; margin: 0px; padding: 0px; }

#logo { padding: 8px 8px 0; }
#logo img { width: 200px; height: 84px; border: none; }

#headerright { float: right; height: 74px; width: 472px; margin: 0px; padding: 0px; }
#headerright img { padding-top: 5px; }

#headerbottom { float: right; width: 440px; margin: 0px; padding: 0px; }
#headerbottom ul { float: right; margin: 0; padding: 0px; }
#headerbottom li { display: inline; margin: 0; padding: 0; }
#headerbottom a { float: left; background: url('images/topmenu_left.gif') no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#headerbottom a span { float: left; display: block; background: url('images/topmenu_right.gif') no-repeat right top; padding: 7px 15px 6px 10px; color: #FFF; }
/* Small hack for IE5-Mac \*/
#headerbottom a span { float: none; font: normal 11px Tahoma; color: #FF0; }
/* End IE5-Mac hack */
#headerbottom a:hover span { color: #FF0; }
#headerbottom a:hover { background-position: 0% -42px; }
#headerbottom a:hover span { background-position: 100% -42px; }
#headerbottom .current a { background-position: 0% -42px; }
#headerbottom .current a span { background-position: 100% -42px; color: #FFF; }
#headerbottom .clear { clear: left; }

/*                                               */
/*                 Content                       */
/*                                               */

#content {
	width: 740px;
	background: #FFFFFF;
	border: 0px;
}

.slider {
	width: 740px;
	height: 220px;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
}

.slidetop {
	background: #faab08;
	width: 740px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.context {
	background: transparent url('images/context.gif') repeat-y top left;
	float: left;
	width: 470px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
}

.contexint {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	color: #000000;
	font-size: 12px;
	overflow: hidden;
}

.context h2.top {
	width: 470px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.context h2.index { background: transparent url('images/index.gif') no-repeat top left; }
.context h2.iletisim { background: transparent url('images/iletisim.gif') no-repeat top left; }
.context h2.outlook { background: transparent url('images/outlook.gif') no-repeat top left; }
.context h2.referanslar { background: transparent url('images/referanslar.gif') no-repeat top left; }
.context h2.bottom { border-bottom: 1px solid #c3c3c3; width: 460px; height: 1px; margin: 0px auto; padding: 0px; font-size: 1px; }

.context p {
	margin: 0px;
	padding: 5px 0 5px 0;
	color: #000;
	line-height: 18px;
}

.context img.right {
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 0px;
	border: 2px solid #cc5f26;
}

/*                                               */
/*                 Referans                      */
/*                                               */

.referans {
	width: 450px;
	margin-top: 10px;
	text-align: center;
}


.referans img {
	float: left;
	width: 214px;
	height: 106px;
}

.referans ul { margin: 0px; padding: 0px; background: #ebebeb; }
.referans li { margin: 0px; padding: 0px; clear: both; margin-bottom: 5px; height: 115px; text-align: left; border-bottom: 1px solid #c3c3c3; }
.referans a:link, .referans a:visited { color: #000; text-decoration: none; text-align: left; border: 0px; padding: 0px; }
.referans a:hover { color: #910705; }
.referans a img { float: left; width: 214px; height: 106px; margin: 0px 3px; padding: 0px; border: 2px solid #919191; }
.referans a:hover img { border: 2px solid #f00; }
.referans h3 a { text-decoration: none; font: bold 16px Georgia, 'Trebuchet MS', 'Times New Roman'; }
.referans span { width: 208px; float: left; margin: 0px; padding: 0px; cursor: pointer; }

.news {
	float: right;
	width: 265px;
	margin: 5px 0px;
	padding: 0px;
	color: #000000;
	background: #FFFFFF;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif; text-decoration: none; 
}

.news h2.top { background: transparent url('images/news.gif') no-repeat top left; width: 265px; height: 30px; margin: 0px; padding: 0px; }
.news ul { margin: 0px; padding: 0px; background: #ebebeb; }
.news li { margin: 0px; padding: 0px; overflow: hidden; }
.news a:link, .news a:visited { width: 262px; height: 54px; color: #000; display: block; text-decoration: none; text-align: left; overflow: hidden; border-bottom: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; padding: 0px 0px 0px 3px; }
.news a:hover { color: #910705; overflow: hidden; }
.news li img { float: right; width: 75px; height: 50px; margin: 0px 3px; padding: 3px 0px 3px 2px; }
.news li span { width: 208px; float: left; margin: 0px; padding: 0px; cursor: pointer; }
.news h2.bottom { width: 265px; height: 10px; font-size:1px; line-height: 1px; }

/*                                               */
/*                 İletişim                      */
/*                                               */

.cssform p { width: 440px; clear: left; margin: 0; padding: 5px 0 5px 10px; border: 0px; height: 1%; font-family: Tahoma; }
.cssform label { font: bold 11px/18px Tahoma; float: left; margin-left: 0px; width: 100px; height: 18px; }
.cssform input, .cssform select { width: 220px; font: normal 12px Tahoma; }
.cssform input.submit { width: 100px; height: 30px; background: url('images/contact_send_bg.gif') no-repeat; font: bold 12px Tahoma; border: none; cursor: pointer; outline: none; }
.cssform input.temizle {  color: #5e5e5e; }
.cssform textarea{ width: 330px; height: 220px; }
.cssform select, .cssform input, .cssform textarea { border-top: 1px solid #808080; border-left: 1px solid #808080;
border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; font: normal 12px Tahoma; padding: 1px; }
.contexint p.detail { font: normal 11px/15px Tahoma; margin: 5px 0px; padding: 5px 10px; border: 1px solid #c2c2c2; background: #d6d6d6; clear: both; color: #5e5e5e; }

.alert { width: 400px; margin: auto; margin-bottom: 10px; padding: 5px; font: bold 11px/18px Arial, Tahoma; border: 1px solid #c22d06; color: #FF0000; background: #faab08; }

/*                                               */
/*                 Footer                        */
/*                                               */

#footer {
	width: 740px;
	height: 50px;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
}

#footer p.right {
	font: normal 11px Tahoma;
	float: left;
	width: 500px;
	padding: 6px;
	color: #ac4f4d;
	line-height: 16px;
}

#footer a {
	color: #ac4f4d;
	text-decoration: none;
}