/*
Project Name: 777 İnternet Reklamcılık ve Danışmanlık Hizmetleri
Project URI: http://www.777.com.tr
Version: 1.00
Author: Enes Kabacaoglu
Author URI: http://www.777.com.tr
*/

/*General style settings*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #717171;
	line-height:18px;
}

#page-content-main{
background: url(images/bg-body.jpg) repeat-x left top;
}

/* Wrapper */

#wrapper 
{
  margin: 0px auto;
  width:926px;
}

/* Header */

#header {
  height:117px;
	background: url(images/bg-header.jpg) no-repeat right top;
	font-size:12px;
}


/* Menu */

#menu {
float:right;
width:590px;
font-size:12px;
line-height:18px;
}

#menu ul {
padding-top:15px;
position:absolute;
width: 615px;
}

#menu li {
height:27px;
display:inline;
padding:0px 15px 0px 15px;
background: url(images/sp-menu.jpg) no-repeat right top;
}


#menu li a {
color:#6c6b62;
text-decoration:none;
}

menu li a:hover {
color:#4caeda;
}


/* Slider */

#prev_button {

margin-left:-63px;
margin-top:-188px;
}

#next_button {

margin-left:813px;
margin-top:-83px;
}

.container { 
margin-top:80px;
width:795px; 
height:260px; 
overflow:hidden; 
position:relative; 
cursor:pointer; 
}

.slides { 
position:absolute; 
top:0; 
left:0; 
}

.slides div { 
position:absolute; 
top:0; 
width:795px; 
display:none; 
}

#loopedSlider{
margin-left:64px;
margin-top:45px;
}

/* Reference */

.reference {
width:795px;
height:260px;
float:left;
background: url(images/bg-slide.jpg) no-repeat right top;
}

.reference img {
float:left;
padding:14px 0px 0px 15px;
width:443px;
height:230px;
}

.reference-name {
margin-left:490px;
margin-top:40px;
font-size:14px;
color:#4caeda;
}

.reference-desc {

margin-left:490px;
margin-top:7px;
padding-right:15px;
}

.reference-services {
margin-left:490px;
margin-top:7px;
font-size:14px;
color:#4caeda;
}

.reference ul {
margin-left:490px;
margin-top:7px;
}

.reference li {
background: url(images/icon-referencelist.jpg) no-repeat left;
padding-left:15px;
}

/* Main Content */

#main-content {
margin-top:185px;
border:solid 1px #ffffff;
}

#main-content a{
text-decoration:none;
color: #717171;
}

#main-content a:hover{
border-bottom:1px dotted;
}

.mc-title {
font-size:16px;
margin:8px 0px 0px 45px;
color:#4caeda;
}

.mc-pic {
background: url(images/bg-mcpic.jpg) no-repeat right top;
width:267px;
height:103px;
margin:22px 0px 0px 25px;
}

.mc-pic img {
margin:9px 0px 0px 8px;
}

.mc-desc {
margin-left:32px;
}

.mc-desc h1 {
font-size:14px;
color:#6c6b62;
padding: 15px 0px 10px 0px;
}

.mc-desc ul {
margin-top:15px;
}

.mc-desc li {
background: url(images/icon-contact.jpg) no-repeat left;
padding-left:25px;
margin-top:8px;
}

/*Footer*/
#footer {
margin-top:20px;
height:90px;
width:900px;
float:left;
background: url(images/bg-footer.jpg) repeat-x right top;
}

#footer img {
float:left;
width:59px;
}

#footer h6 {
font-size:10px;
margin-top:30px;
color:#a4a3a3;
}

/*Sub Page stylesheet starts from here *****************************************/

#page-content-sub{
background: url(images/bg-body-sub.jpg) repeat-x left top;
}

#sub-message {
background: url(images/bg-sub-message.jpg) repeat-x right top;
margin-top:46px;
height:121px;
}

#sub-teklif{
width:575px;
height:43px;
background: url(images/bg-teklif-sub.png) no-repeat left;
padding-top:80px;
}

#sub-teklif h5{
font-size:13px;
margin-top:-26px;
margin-left:33px;
text-decoration:none;
}

#sub-teklif a{
text-decoration:none;
color: #717171;
}

#right-content {
width:265px;
float:right;
margin-top:35px;
border-left:solid 1px #e8e8e8;
font-size:14px;
color:#6c6b62;
}

#right-menu li{
background: url(images/icon-right-content.jpg) no-repeat left;
padding-left:35px;
margin-bottom:7px;
}

#right-menu li a{
    color:#6c6b62;
}

#twitter {
padding-top:100px;
}

#twitter h5{
background: url(images/icon-right-content2.jpg) no-repeat left;
padding-left:35px;
margin-bottom:7px;
color:#4caeda;
}

#twitter ul{
padding-left:35px;
}

#twitter li{
font-size:12px;
border-bottom:dotted 1px #dfe0e0;
padding-bottom:5px;
padding-top:5px;
}

#twitter li a{
text-decoration:none;
color:#4caeda;
}

#twitter-fallow{
padding-left:35px;
padding-top:15px;
color:#4caeda;
font-style:italic;
font-size:10px;
float:right;
}

#twitter-fallow a{
text-decoration:none;
color:#4caeda;
}

#twitter-fallow a:hover{
border-bottom:1px dotted;
}

#left-content {
width:630px;
float:left;
margin-top:35px;
}

.left-desc-img {
border:solid 3px #dfe0e0;
}

.left-desc-title {
font-size:20px;
padding:20px 0px 20px 0px;
color:#4caeda;
}

.left-desc-fallow {
padding-top:10px;
font-weight:bold;
background: url(images/bg-mutfak-fallow.jpg) no-repeat right;
height:34px;
}

.left-desc-fallow a{
padding: 5px 11px 0px 0px;
float:right;
text-decoration:none;
color:#4caeda;
}

/* Mutfak */

#mutfak {
width:286px;
float:left;
background: url(images/bn-mutfak.jpg) no-repeat right top;
}

.mutfak-post {
padding-bottom:50px;
}

/* About */

#about {
width:286px;
float:left;
background: url(images/bn-about.jpg) no-repeat right top;
margin-left:35px;
}

/* Contact */

#contact {
width:286px;
float:right;
background: url(images/bn-contact.jpg) no-repeat right top;
}

.contact-info {
background: url(images/bg-contect-info.png) no-repeat right center;
height:300px;
margin-top:50px;
width:635px;
}

.contact-info-tittle{
float:left;
width:120px;
text-align:right;
padding-right:20px;
font-weight:bold;
background: url(images/bg-contact-sep.jpg) no-repeat right center;
margin-top:15px;
}

.contact-info-tittle h1{
color:#78bbf4;
font-weight:bold;
}

.contact-info-desc {
float:left;
width:240px;
padding-right:200px;
padding-left:20px;
margin-top:15px;
}

/*Sub Page stylesheet ends here *****************************************/

/*References page starts here *****************************************/

#reference-list {
width:630px;
}

#reference-list ul{
float: left;
width: 664px;
margin: 0;
padding: 0;
list-style: none;
}


#reference-list li {
float: left;
width: 330px;
margin-bottom: 30px;
border-bottom:dotted 1px #e8e8e8;
padding-bottom:30px;
}

#reference-list li a{
text-decoration:none;
color:#717171;
}

#reference-list li img {
border:solid 1px #e8e8e8;
}

#reference-list h5 {
padding:10px 0px 8px 0px;
font-size:16px;
color:#4caeda;
}

.ref-desc{
width:305px;
height:55px;
}


.ref-desc a{
text-decoration:none;
color:#4caeda;
}

.ref-desc a:hover{
border-bottom:1px dotted;
}
/*References page ends here *****************************************/



/*Form Styles starts here *****************************************/

#form-info {
font-style:italic;
border:solid 1px #d1d1d1;
width:580px;
color:#6c6b62;
padding:10px 0px 10px 40px;
background: #dae8f4 url(images/icon-contact-1.jpg) no-repeat left center;
margin-bottom:30px;
}

.label {
float:left;
width:120px;
text-align:right;
padding-right:20px;
margin-top:18px;
margin-right:20px;
font-weight:bold;
background: url(images/bg-contact-sep.jpg) no-repeat right center;
}

.textbox {

float:left;
width:200px;
padding-right:20px;
margin-top:15px;
margin-right:200px;
height:20px;
}

.textbox-2 {

float:left;
width:200px;
padding-right:20px;
margin-top:15px;
margin-right:200px;
}

.dropdownbox{
float:left;
width:225px;
margin-top:15px;
margin-right:200px;
height:23px;
font-family: Arial;
font-size: 12px;
color: #717171;
}


.button {
float:right;
margin-right:246px;
margin-top:10px;
border:solid 1px #7f9db9;
padding:2px 5px 2px 20px;
background:#dbe9f4 url(images/accept.png) no-repeat left center;
color:#737373;
}

.form-area {
background: url(images/bg-contect-form.png) no-repeat right center;
height:180px;
}

.form-area-2 {
background: url(images/bg-contect-info.png) no-repeat right center;
height:450px;
}

/*Form Styles ends here *****************************************/