body{
background: #eee url(../images/gradient.png) repeat-x fixed;
margin:0;
padding:0;
}

h1 {
font: bold 20px 'tahoma';
color: #777;
margin:0;
padding:5;
text-align:right;
}

h2 {
font: 13px 'tahoma';
color: #444;
margin:0;
padding:10px;
text-align: justify;
}

#main {
background: #fff;
width: 780px;
height: 100%;
margin: auto;
border-left: black 2px solid;
border-right: black 2px solid;
overflow:visible;
}

#top {
position:relative;
width: 100%; 
height: 188px;
margin-top: 30px;
margin-bottom:30px;
padding: 0px;
border-bottom: 1px solid #bbb;
}

#logo {
position: absolute;
float:left;
width:500px;
height: 184px;
top: 4px;
left:-65px;
background: url(../images/logo.jpg) no-repeat;
border-bottom: 1px solid #bbb;
}

/* menu */
#navcontainer {
position: relative;
float: right;
height: auto;
margin-top: 170px;
margin-left: 0px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 0 10px 5px 10px;
text-decoration: none;
color: #999;
font: 15px helvetica;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #f60;
padding-bottom: 2px;
background: transparent;
color: #f60;
}

#navlist a:hover { color: #000; }
/* menu end */

#genel {
position:relative;
top: 10px;
margin:0px;
padding:0px;
height:1300px;
width: 780px;
background: white;

}

#footer {
position: relative;
width: 780px;
height:15px;
background:black;
font: 13px white 'verdana';
margin:auto;

}

#footer p {
text-align:right;
color: white;
font: 12px 'verdana';
margin:0;
}

/* ana.php başlangıç */

/*roundedbox*/
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }
/*roundedbox son */

#ana {
position:absolute;
background: white;
height:500px;
width: 100%;
margin:0;
margin-bottom: 10px;
overflow:none;
}

#main_sol_1 {
position: relative;
float:left;
width: 250px;
height: 500px;
margin-left: 40px;
background: url(../images/main.jpg) ;
border-left: 2px dotted #444;
border-bottom: 2px dotted #444;
border-top: 2px dotted #ddd;
border-right: 2px dotted #ddd;
}

#main_sol_2 {
position: relative;
clear: left;
float: left;
width: 300px;
height: auto;
margin-left:30px;
margin-top: 80px;
margin-bottom: 30px;
background: url(../images/nt.gif) repeat;
}

#main_sol_2 h1 {
border-bottom: 1px solid #f60;
text-align:left;
}

#main_sag_1 {
position: relative;
clear:right;
float:right;
width: 300px;
height: auto;
margin-right:90px;
margin-top: 50px;
background: url(../images/nt.gif) repeat;
}

#main_sag_1 h1 {
border-bottom: 1px solid #f60;
}

#main_sag_2 {
position: relative;
clear:right;
float:right;
width: 300px;
height: auto;
margin-right:50px;
margin-top: 30px;
background: url(../images/nt.gif) repeat;
}

#main_sag_2 h1 {
border-bottom: 1px solid #f60;
}

#main_sag_3 {
position: relative;
clear:right;
float:right;
width: 400px;
height: 212px;
margin-top:105px;
padding-right:20px;
padding-top:20px;
text-align: right;
background: url(../images/pres.jpg) no-repeat;
border-left: 2px dotted #ddd;
border-bottom: 2px dotted #ddd;
}