﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}ol,ul{list-style:none;}a{text-decoration:none;}
body { background:#fff url('images/bg_body.png') top repeat-x; }
body,input,textarea,select{ font:normal 12px/18px "Trebuchet MS", Helvetica, Arial, sans-serif; }

a:hover {
	text-decoration:underline;
}

#main {
	background:url('images/bg_top.jpg') top center no-repeat;
	height:222px;
}
#wrap {
	margin:0 auto;
	width:864px;
}

#top-menu {
	background:url('images/bg_top_menu.png') no-repeat;
	display:inline;
	float:right;
	height:30px;
	margin:8px 15px 0 0;
	padding-left:9px;
	width:149px;
}
#top-menu li {
	display:inline;
	float:left;
	line-height:30px;
	margin-left:14px;
}
#top-menu a {
	color:#446f86;
}

#logo {
	background:url('images/rs_logo.png') no-repeat;
	display:inline;
	float:left;
	height:90px;
	margin-top:40px;
	text-indent:-9000px;
	width:237px;
}
#logo a {
	display:block;
	height:90px;
	width:237px;
}

#menu {
	display:inline;
	float:left;
	margin:40px 0 0 180px;
	width:430px;
}
#menu a {
	color:#fff;
	font-size:14px;
	padding:1px 4px;
}
#menu a.sel, #menu a:hover {
	background:#3dcb51;
	text-decoration:none;
}
#menu li {
	display:inline;
	float:left;
	margin-left:18px;
}

#form-links {
	display:inline;
	float:left;
	padding:27px 0 0 4px;
	width:248px;
}
#form-links li {
	background:url('images/button_form_link.gif') no-repeat;
	height:50px;
	margin-top:5px;
	width:248px;
}
#form-links li a {
	color:#ae6f3a;
	display:block;
	height:50px;
	line-height:50px;
	padding-right:82px;
	text-align:right;
	width:166px;
}
#form-links li a#price-link   { background:url('images/ico_price.gif') 200px 3px no-repeat; }
#form-links li a#support-link { background:url('images/ico_support.gif') 204px 11px no-repeat; }
#form-links li a#info-link    { background:url('images/ico_info.gif') 201px 13px no-repeat; }
#form-links li a#project-link { background:url('images/ico_project.gif') 200px 9px no-repeat; }

#last-projects {
	display:inline;
	float:left;
	width:329px;
}
.lead_carousel {
	overflow:hidden;
	width:100%;
}
.lead_carousel .items {
	overflow:hidden;
	width:10000px;
}
.lead_carousel .item {
	height:232px;
	float:left;
	position:relative;
	width:329px;
}
.lead_carousel .item a {
	display:block;
	text-decoration:none;
}
.lead_carousel .item img {
	left:0;
	position:absolute;
	top:0;
	z-index:1;
}

.carousel_navigation {
	margin-top:2px;
	overflow:hidden;
	padding-right:50px;
	text-align:right;
}
.carousel_navigation li {
	display:-moz-inline-box;
	display:inline-block;
	list-style:none;
	vertical-align:middle;
}
.carousel_navigation li a {
	color:#fff;
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	width:20px;
}
.carousel_navigation li .thumb {
	background:url('images/bg_car.gif');
	outline:none;
}
.carousel_navigation li .selected {
	background:url('images/bg_car_sel.gif'); 
}
.carousel_navigation .back { display:none; }
.carousel_navigation .forward { display:none; }

#newslist {
	display:inline;
	float:left;
	width:280px;
}
#newslist h2 {
	background:url('images/bg_news_bottom.gif') bottom repeat-x;
	height:39px;
}
#newslist h2 a {
	background:url('images/ico_news.gif') 8px 7px no-repeat;
	color:#2086bb;
	font-size:14px;
	line-height:34px;
	padding-left:19px;
	text-decoration:none;
}
#newslist ul {
	padding-top:22px;
}
#newslist ul li {
	border-bottom:solid 1px #ccc;
	height:34px;
	line-height:34px;
	padding-left:8px;
}
#newslist ul li span {
	background:#49b44c;
	color:#fff;
	font-size:14px;
	margin-right:16px;
	padding:0 4px;
}
#newslist ul li a {
	color:#666;
}

#footer-seperator, #list-seperator {
	background:url('images/bg_footer.gif') bottom repeat-x;
	clear:both;
	height:30px;
}
#list-seperator {
	height:14px;
}

#footer {
	height:104px;
}
#copy, #address, #links {
	color:#335c85;
	display:inline;
	float:left;
	font:normal 12px/20px Verdana, Helvetica, Arial, sans-serif;
	margin-top:22px;
	padding-left:20px;
	width:268px;
}

#links a {
	color:#335c85;
}

#design-header {
	text-align:center;
}

#left-menu {
	display:inline;
	float:left;
	width:276px;
}
#left-menu ul {
	background:url('images/bg_left_menu.jpg') 10px 0 no-repeat;
	height:237px;
	padding:20px 36px 0 39px;
	width:201px;
}
#left-menu ul li {
	border:solid 0px #79b6d6;
	font:normal 14px/34px Helvetica, Arial, sans-serif;
	height:34px;
	padding-left:11px;
}
#left-menu ul li.sel {
	background:url('images/bg_sel.gif') no-repeat;
	border-width:1px 0;
}
#left-menu ul li a {
	color:#335c85;
}

h2#design-title, h2#hosting-title, h2#network-title, h2#contact-title, h2#kurumsal-title {
	height:29px;
	margin:36px 0 0 45px;
	text-indent:-9000px;
}
h2#design-title  { background:url('images/ttl_design.gif') no-repeat; }
h2#hosting-title { background:url('images/ttl_hosting.gif') no-repeat; }
h2#network-title { background:url('images/ttl_network.gif') no-repeat; }
h2#contact-title { background:url('images/ttl_contact.gif') no-repeat; }
h2#kurumsal-title { background:url('images/kurumsal.gif') no-repeat; }

#price-request a {
	background:url('images/bg_price_request.gif') no-repeat;
	display:block;
	height:197px;
	margin:90px 0 0 -40px;
	text-indent:-9000px;
	width:302px;
}

#list, #detail {
	display:inline;
	float:left;
	width:578px;
}
#detail p {
	color:#1f4153;
	font:normal 12px/20px Verdana, Helvetica, Arial, sans-serif;
	margin:0 10px 24px 6px;
}
#title {
	border-bottom:solid 1px #439c45;
	height:50px;
	margin-top:22px;
}
#title h2 {
	color:#666;
	display:inline;
	float:left;
	font-size:18px;
	font-weight:normal;
	line-height:50px;
	padding-left:7px;
}
#title #back {
	display:inline;
	float:right;
}
#title #back a {
	background:url('images/ttl_back.gif') no-repeat;
	display:block;
	height:19px;
	margin:19px 11px 0 0;
	text-indent:-9000px;
	width:67px;
}
#title #site {
	display:inline;
	float:right;
}
#title #site a {
	background:url('images/ttl_site.gif') no-repeat;
	display:block;
	height:21px;
	margin:19px 30px 0 0;
	text-indent:-9000px;
	width:76px;
}

#table-items {
	padding-top:25px;
}
#table-items li {
	border-bottom:solid 1px #c3cdd6;
	display:inline;
	float:left;
	font:normal 11px/39px Verdana, Helvetica, Arial, sans-serif;
	padding-left:15px;
	width:177px;
}
#table-items li a {
	color:#666;
}

#list-items li {
	display:inline;
	float:left;
	margin:54px 23px 0 16px;
}
#list-items li.odd {
	margin-left:24px;
	margin-right:41px;
}
#list-items li.odd a {
	background-image:url('images/bg_list_odd.jpg');
}
#list-items li a {
	background:#ccc url('images/bg_list.jpg') no-repeat;
	display:block;
	height:86px;
	padding:8px;
	width:129px;
}

#showcase {
	background:url('images/bg_detail.jpg') no-repeat;
	display:block;
	height:322px;
	margin:32px 0 0 9px;
	padding:10px;
	width:536px;
}

#paging {
	background:url('images/bg_paging.jpg') right no-repeat;
	clear:left;
	height:28px;
	padding:48px 40px 0 0;
	width:530px;
}
#detail-paging {
	background:url('images/bg_paging_rev.jpg') right no-repeat;
	clear:both;
	height:60px;
	margin-top:1px;
	padding-top:14px;
}
#paging li, #detail-paging li {
	display:inline;
	float:right;
	margin-right:5px;
	text-indent:-9000px;
}
#paging li a, #detail-paging li a {
	display:block;
	height:19px;
	width:25px;
}
.pg01 a.sel { background:url('images/pg_01_sel.gif') no-repeat; }
.pg02 a { background:url('images/pg_02.gif') no-repeat; }
.pg03 a { background:url('images/pg_03.gif') no-repeat; }
.pg04 a { background:url('images/pg_04.gif') no-repeat; }
.pg05 a { background:url('images/pg_05.gif') no-repeat; }
.pg06 a { background:url('images/pg_06.gif') no-repeat; }
.pg07 a { background:url('images/pg_07.gif') no-repeat; }
.pg08 a { background:url('images/pg_08.gif') no-repeat; }
.pg09 a { background:url('images/pg_09.gif') no-repeat; }
.pg10 a { background:url('images/pg_10.gif') no-repeat; }
.pg11 a { background:url('images/pg_11.gif') no-repeat; }
.pg12 a { background:url('images/pg_12.gif') no-repeat; }

#info {
	color:#333;
	font:normal 12px/22px Verdana, Helvetica, Arial, sans-serif;
	padding-left:32px;
}
#info label {
	background:#439c45;
	color:#fff;
	padding:1px 3px;
}

.banner-network {
	margin:24px 0 36px 0;
}

#contact h2 {
	background:url('images/bg_news_bottom.gif') bottom repeat-x;
	color:#2db0d1;
	font-size:18px;
	line-height:50px;
	padding:20px 0 0 28px;
}
#contact p {
	display:inline;
	float:left;
	margin:25px 0 0 20px;
}
#contact img {
	border:solid 3px #f2f2f2;
	display:inline;
	float:right;
	margin:8px 13px 0 0;
}
#contact form {
	margin:37px 12px 0 14px;
}
#contact form.big-form {
	margin:0;
}
#contact form.big-form h2 {
	margin-bottom:28px;
}
#contact form.big-form h2 span {
	color:#333;
	float:right;
	font:normal 12px/50px Verdana, Helvetica, Arial, sans-serif;
	padding-right:6px;
}
#contact form div.form-line {
	background:#f4f7f8;
	color:#1f4153;
	display:inline;
	float:left;
	font:normal 12px/26px Verdana, Helvetica, Arial, sans-serif;
	margin-bottom:10px;
}
#contact form div.form-line label {
	display:inline;
	float:left;
	padding-left:17px;
	vertical-align:top;
	width:137px;
}
#contact form div.form-line input, #contact form div.form-line textarea {
	background:#c9d8db;
	border:none;
	display:inline;
	float:left;
	font:normal 12px/18px Verdana, Helvetica, Arial, sans-serif;
	height:22px;
	width:378px;
	padding:4px 6px 0 6px;
}
#contact form div.form-line textarea {
	height:133px;
	overflow:auto;
}
#contact form.big-form div.form-line {
	margin-left:13px;
}
#contact form .send-button-bar {
	text-align:right;
}
#contact form .send-button-bar input {
	background:transparent url('images/ico_send.gif') left center no-repeat;
	border:none;
	color:#0e1720;
	font-size:18px;
	height:28px;
	margin:22px 14px 0 0;
	padding-left:14px;
	width:82px;
	cursor:pointer;
}
#contact form .send-button-bar input:hover{ color:#C9D8DB;}

#contact .message h3 {
	background:url('images/ico_send.gif') 9px 12px no-repeat;
	color:#0e1720;
	font-size:18px;
	line-height:35px;
	margin-top:36px;
	padding-left:30px;
}
#contact .message p {
	display:block;
	float:none;
	margin:5px 0 0 30px;
}

.c {
	clear:both;
}
