Bilim Ve Teknoloji

Sitemize Hoş Geldiniz...

Yeni sayfanın başlığı344

csss

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

@charset "utf-8";
/* CSS Document */

body{
margin:0;
color:#232323;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background-attachment: scroll;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #f7fcf8;
}
div, h1, h1, h3, h4, p, form, label, input, textarea, img, span{
margin:0; padding:0;
}

ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
line-height:0;
}

.spacer{
clear:both;
font-size:0;
line-height:0;
}

/*------------------------------------------------topheader--------------------*/
#topheader{
width:1004px;
height:146px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: Tahoma;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #dcd66e;
text-decoration: none;
padding: 0px;
float: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/topbanner_bg.jpg);
background-repeat: no-repeat;
background-position: center;
}
.logo {
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/logo.png);
background-repeat: no-repeat;
padding: 0px;
float: left;
height: 95px;
width: 321px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.menu_area {
float: left;
margin-top: 58px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.menu_text {
font-family: Arial;
font-size: 10px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.ideas {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #5a5a5a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_01.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 61px;
}
.ideas:hover {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #ffffff;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_01.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 61px;
}
.links {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #5a5a5a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_02.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 59px;
}
.links:hover {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #ffffff;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_02.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 59px;
}
.info{
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #5a5a5a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_03.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
}
.info:hover{
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #ffffff;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_03.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
}
.works {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #5a5a5a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_04.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 105px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
}
.works:hover {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #ffffff;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_04.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 105px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
}
/*------------------------------------------------search_strip-------------------*/
#search_strip{
width:1004px;
height:76px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: Tahoma;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #dcd66e;
text-decoration: none;
padding: 0px;
float: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/search_strip.jpg);
background-repeat: no-repeat;
background-position: center;
}.freeregistration {
margin: 0px;
float: left;
height: 58px;
width: 300px;
padding-top: 18px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 343px;
}
.registration {
font-family: "Arial Narrow";
font-size: 33px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.free {
font-family: "Arial Black";
font-size: 33px;
font-weight: normal;
color: #da2a2a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/registration.png);
background-repeat: no-repeat;
height: 48px;
padding-top: 0px;
padding-right: 53px;
padding-bottom: 0px;
padding-left: 0px;
float: left;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
background-position: right;
}
.free:hover {
font-family: "Arial Black";
font-size: 33px;
font-weight: normal;
color: #000000;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/registration.png);
background-repeat: no-repeat;
height: 48px;
padding-top: 0px;
padding-right: 53px;
padding-bottom: 0px;
padding-left: 0px;
float: left;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
background-position: right;
}
.search_area {
float: left;
height: 58px;
width: 300px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/search.png);
background-repeat: no-repeat;
margin-top: 18px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
}

.search_box {
margin: 0px;
float: left;
height: 24px;
width: 165px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
color: #b2d2d5;
}

.searchtextbox {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
float: left;
height: 18px;
width: 158px;
border: 1px solid #999999;
}
.searchtextbox:hover {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
float: left;
height: 18px;
width: 158px;
border: 1px solid #333333;
}
.search_go{
margin: 0px;
float: left;
height: 24px;
width: 35px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.go {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/go.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 18px;
width: 34px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.go:hover {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/go1.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 18px;
width: 34px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.advancesearch {
font-family: Arial;
font-size: 11px;
font-weight: bold;
text-transform: none;
color: #da2a2a;
text-decoration: none;
}
.advancesearch:hover {
font-family: Arial;
font-size: 11px;
font-weight: bold;
text-transform: none;
color: #000000;
text-decoration: none;
}
/*------------------------------------------------body_area--------------------*/
#body_area{
width:1004px;
height:820px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: Tahoma;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #dcd66e;
text-decoration: none;
float: none;
padding-top: 52px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#innerbody_area{
width:1004px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: Tahoma;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #dcd66e;
text-decoration: none;
float: none;
padding-top: 52px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}.left {
margin: 0px;
float: left;
height: 820px;
width: 153px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
overflow:hidden;
}
.left_menu_area {
margin: 0px;
padding: 0px;
float: right;
height: 320px;
width: 153px;
}
.left_menutop {
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_top.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
float: left;
height: 1px;
width: 153px;
}
.left_menu {
font-family: Arial;
font-size: 11px;
font-weight: bold;
font-variant: normal;
color: #386060;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_active.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 20px;
width: 138px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 0px;
}
.left_menu:HOVER {
font-family: Arial;
font-size: 11px;
font-weight: bold;
font-variant: normal;
color: #da2a2a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/menu_hover.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 20px;
width: 138px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 0px;
}.comment_head {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/comments.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
width: 130px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 23px;
background-position: 20px 8px;
}
.comments_area {
margin: 0px;
padding: 0px;
float: left;
width: 150px;
}

.comments_text {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #386060;
text-decoration: none;
margin: 0px;
float: left;
width: 153px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.comments_link {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-transform: none;
color: #9ca27e;
text-decoration: underline;
}
.comments_link:hover {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-transform: none;
color: #386060;
text-decoration: underline;
}
.Services_head {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/services.png);
background-repeat: no-repeat;
float: left;
width: 130px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 23px;
background-position: 45px 8px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.midarea {
margin: 0px;
float: left;
height: 820px;
width: 543px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
}
.head {
font-family: Georgia;
font-size: 45px;
font-weight: normal;
color: #d0910b;
text-decoration: none;
margin: 0px;
float: left;
width: 540px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
}
.body_textarea {
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #3c6f75;
text-decoration: none;
margin: 0px;
float: left;
width: 500px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.readmore {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/readmore.png);
background-repeat: no-repeat;
margin: 0px;
float: right;
height: 18px;
width: 74px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.readmore:hover {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/readmore1.png);
background-repeat: no-repeat;
margin: 0px;
float: right;
height: 18px;
width: 74px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}.innerbanner {
font-family: Arial;
font-size: 18px;
font-weight: normal;
color: #8a8a8a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/innerbanner.jpg);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 60px;
width: 508px;
padding-top: 457px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.innerbanner_head {
font-family: Arial;
font-size: 18px;
font-weight: normal;
color: #8a8a8a;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/tickmark.png);
background-repeat: no-repeat;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
float: left;
background-position: 0px 4px;
}
.right {
margin: 0px;
padding: 0px;
float: left;
height: 820px;
width: 170px;
}
.events_head {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/events.png);
background-repeat: no-repeat;
float: left;
width: 135px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 35px;
margin: 0px;
}
.login_area {
margin: 0px;
float: left;
width: 150px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
.login_top {
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/login_01.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
float: left;
height: 5px;
width: 146px;
}
.login_bottom {
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/login_03.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
float: left;
height: 5px;
width: 146px;
}
.login_bodyarea {
margin: 0px;
float: left;
width: 140px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 6px;
background-attachment: scroll;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/login_02.png);
background-repeat: repeat-y;
}
.right_head {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
margin: 0px;
float: left;
height: 17px;
width: 131px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/right_head.png);
background-repeat: no-repeat;
}
.right_textbox{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
margin: 0px;
float: left;
height: 17px;
width: 131px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}
.right_text{
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #d5ca89;
text-decoration: none;
margin: 0px;
float: left;
height: 17px;
width: 131px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;

}
.righttextbox {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
float: left;
height: 18px;
width: 128px;
border: 1px solid #999999;
}
.righttextbox:hover {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
float: left;
height: 18px;
width: 128px;
border: 1px solid #333333;
}
.login {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #070808;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/login_button.png);
background-repeat: no-repeat;
float: right;
height: 18px;
width: 48px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.login:hover {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #070808;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/login_button1.png);
background-repeat: no-repeat;
float: right;
height: 18px;
width: 48px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.newletter_head {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/newlinks.png);
background-repeat: no-repeat;
float: left;
width: 135px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 25px;
margin: 0px;
background-position: 0px 3px;
}
.news_link {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-transform: none;
color: #9ca27e;
text-decoration: underline;
}
.news_link:hover {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-transform: none;
color: #386060;
text-decoration: underline;
}
/*------------------------------------------------fotter--------------------*/
#fotter{
width:100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: "Trebuchet MS";
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #c5a873;
text-decoration: none;
padding: 0px;
float: left;
height: 123px;
background-image: url(http://www.templateworld.com/zero/in_action/temper/images/fotter.jpg);
background-repeat: repeat-x;
background-position: top;
background-attachment: scroll;
}
.fotter_links {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
margin: 0px;
float: left;
height: 20px;
width: 100%;
color: #202219;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.fotter_text {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #cb0002;
text-decoration: none;
margin: 0px;
float: left;
height: 43px;
width: 944px;
padding-top: 53px;
padding-right: 30px;
padding-bottom: 32px;
padding-left: 30px;
}

.fotter_copyrights {
font-family: "Trebuchet MS";
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
margin: 0px;
float: left;
height: 20px;
width: 100%;
color: #b17a04;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.fotter_validation {
font-family: "Trebuchet MS";
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
margin: 0px;
float: left;
height: 20px;
width: 100%;
color: #c75c2c;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/*------------------------------------------------fotterlinks --------------------*/
a.fotterlink:link {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #202219;
padding-right: 5px;
padding-left: 5px;

}
a.fotterlink:visited {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #202219;
padding-right: 5px;
padding-left: 5px;

}
a.fotterlink:hover {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #b17a04;
padding-right: 5px;
padding-left: 5px;

}
a.fotterlink:active{
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #202219;
padding-right: 5px;
padding-left: 5px;

}
/*------------------------------------------------fotterlinksend--------------------*/

/*------------------------------------------------validation --------------------*/
a.xhtml:link {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #d0910b;
margin: 0px;
clear: none;
float: none;
height: 20px;
width: 150px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
a.xhtml:visited {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #d0910b;
margin: 0px;
clear: none;
float: none;
height: 20px;
width: 150px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
a.xhtml:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #386060;
margin: 0px;
clear: none;
float: none;
height: 20px;
width: 150px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
a.xhtml:active{
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #d0910b;
margin: 0px;
clear: none;
float: none;
height: 20px;
width: 150px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

a.css:link {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #386060;
margin: 0px;
padding: 0px;
clear: none;
float: none;
height: 20px;
width: 100px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
a.css:visited {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #386060;
margin: 0px;
padding: 0px;
clear: none;
float: none;
height: 20px;
width: 100px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
a.css:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #d0910b;
margin: 0px;
padding: 0px;
clear: none;
float: none;
height: 20px;
width: 100px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
a.css:active{
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #386060;
margin: 0px;
padding: 0px;
clear: none;
float: none;
height: 20px;
width: 100px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
.fotter_designed {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
margin: 0px;
float: left;
height: 20px;
width: 100%;
color: #3e8f96;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/*------------------------------------------------validation--------------------*/
.fotter_designedlink {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #1d6369;
}
.fotter_designedlink:hover {
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #b17a04;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#innercontentblank
   {
    margin: 0px;
    float: left;
    width: 750px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
   }
#innerhedding
   {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
    margin: 0px;
    float: left;
    width: 750px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
   }
#innercontent
   {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   text-align:justify;
   }
#innercontent002
   {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   text-align:justify;
   }
#innercontent003
   {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   text-align:justify;
   }
#innercontent004
   {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   text-align:justify;
   }
#innercontent005
   {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   text-align:justify;
   }
#submenuhedding
   {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
    margin: 0px;
    float: left;
    width: 750px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
   }
#submenublank
   {
    margin: 0px;
    float: left;
    width: 750px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
   }
#submenutop
   {
    margin: 0px;
    float: left;
    width: 433px;
    height:1px;
    padding:0px;
    background-image:url(http://www.templateworld.com/zero/in_action/temper/images/topline.jpg);
    background-repeat:no-repeat;
   }
.submenu
   {
    margin: 0px;
    float: left;
    width: 410px;
    height:17px;
    padding:2px 0 0 23px;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    color: #9ca27e;
    text-decoration: none;
    background-image: url(http://www.templateworld.com/zero/in_action/temper/images/active.png);
    background-repeat:no-repeat;
   }
.submenu:hover
   {
    margin: 0px;
    float: left;
    width: 410px;
    height:17px;
    padding:2px 0 0 23px;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    color: #9ca27e;
    text-decoration: none;
    background-image: url(http://www.templateworld.com/zero/in_action/temper/images/over.jpg);
    background-repeat:no-repeat;
   }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/
#contactblank
   {
margin: 0px;
float: left;
width: 674px;
padding-top: 40px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;

   }

#contactinnerblank
  {
    width:1004px;
    height:500px;
    float:left;
    margin:0px;
    padding:0px;
  }
#contactheddingblank
  {
   width:500px;
   height:30px;
   float:left;
   margin:27px 0 0 45px;
   padding:0px;
   font:normal 12px/17px Arial, Helvetica, sans-serif;
   color:#CECECE;
   border-bottom: solid 1px #7f7f7f;


  }
#contactaddressblank{
    margin: 0px;
    padding:0 0 0 30px;
    float: left;
    width:236px;
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;

}

#contactaddresshedding
  {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
    margin: 0px;
    float: left;
    width: 750px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
  }

#contactaddresstext{
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   text-align:justify;
}
#contactsmallhedding
   {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #386060;
text-decoration: none;
   margin: 0px;
   float: left;
   width: 700px;
   padding:0 0 10px 0;
   }
#contacthedding
   {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
text-transform: none;
color: #d0910b;
text-decoration: none;
    margin: 0px;
    float: left;
    width: 750px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
  }

#contacticon{
    width:86px;
    height:84px;
    float:left;
    background-image: url(contacticon.png);
    background-repeat:no-repeat;
    margin:10px 0 0 30px;
}
#contactfeildnameblank
   {
    width:160px;
    height:400px;
    margin:10px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildblank
   {
    width:200px;
    height:400px;
    margin:10px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname
   {
    width:160px;
    height:20px;
    margin:0px;
    padding:0;
    float:left;
   }
#contactfeildname002
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname003
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname004
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname005
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname006
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname007
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname008
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeildname009
   {
    width:150px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild
   {
    width:200px;
    height:20px;
    margin:0px;
    padding:0;
    float:left;
   }
#contactfeild002
   {
    width:200px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild003
   {
    width:200px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild004
   {
    width:200px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild005
   {
    width:200px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild006
   {
    width:200px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild007
   {
    width:200px;
    height:20px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild008
   {
    width:200px;
    height:20px;
    margin:8px 0 0 0;
    padding:0;
    float:left;
   }
#contactfeild009
   {
    width:200px;
    height:60px;
    margin:5px 0 0 0;
    padding:0;
    float:left;
   }
#submitbutton
   {
    width:200px;
    height:20px;
    margin:60px 0 0 0;
    padding:0;
    float:left;
    text-align: left;

   }

.contactfeildname
   {
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   text-transform: none;
   color: #9ca27e;
   text-decoration: none;
   }
.contactfeild
   { font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    color: #3c4538;
    border:solid;
    border-width:1px;
    border-color:#d2e3e9;
    background-color:#fffdfd;
    height:20px;
   }
.contactfeild
   {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#3c4538;
    border:solid;
    border-width:1px;
    border-color:#d2e3e9;
    background-color:#fffdfd;
    height:20px;
   }
.submitbutton
   {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #386060;
margin: 0px;
padding: 0px;
clear: none;
float: none;
height: 20px;
width: 100px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
cursor:pointer;
   }
.submitbutton:hover
   {
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
background-color: #d0910b;
margin: 0px;
padding: 0px;
clear: none;
float: none;
height: 20px;
width: 100px;
border: 1px dotted #FFFFFF;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
cursor:pointer;
   }

.contactinput
  {

    border:solid;
    border-width:1px;
    border-color:#d2e3e9;
    background-color:#fffdfd;
  }
.contactinput:hover
  {
    border:solid;
    border-width:1px;
    border-color:#d2e3e9;
    background-color:#fffdfd;
}
.listbox
  {

    width:174px;
    height:20px;
    border:solid;
    border-width:1px;
    border-color:#d2e3e9;
    background-color:#fffdfd;
  }
.listbox:hover
  {
    width:174px;
    height:20px;
    border:solid;
    border-width:1px;
    border-color:#d2e3e9;
    background-color:#fffdfd;
}

t altıı

    </div>

</div>
<div class="right">
    <div class="comments_area">
      <div class="events_head">Events</div>
      <div class="comments_text">
        <div align="left">On 12th January 2008 <br />
          <a href="#" class="comments_link">ourna tempus imperdiet llentes Pellentesque</a></div>
      </div>
      <div class="comments_text">
        <div align="left">On 14th January 2008 <br />
          <a href="#" class="comments_link">uctus pellentesque et erat nec </a></div>
      </div>
      <div class="comments_text">
        <div align="left">On 16th January 2008 <br />
          <a href="#" class="comments_link">vamus et magna et torpraesent accumsan</a></div>
      </div>
    </div>
    <div class="login_area">
      <div class="login_top"></div>
      <div class="login_bodyarea">
        <div class="right_head">
          <div align="center">Join Us For Membership</div>
        </div>
        <div class="right_textbox">
          <label>
          <input name="textfield2" type="text" class="righttextbox" value="Name" />
          </label>
        </div>
        <div class="right_textbox">
          <label>
          <input name="textfield22" type="password" class="righttextbox" value="Password" />
          </label>
        </div>
        <div class="right_text">
          <label>
          <input type="checkbox" name="checkbox" value="checkbox" />
          </label>
        Remember Me</div>
        <div class="right_text">
          <div align="center"><a href="#" class="login">Login</a></div>
        </div>
      </div>
      <div class="login_bottom"></div>
    </div>
    <div class="login_area">
      <div class="login_top"></div>
      <div class="login_bodyarea">
        <div class="right_head">
          <div align="center"><strong>Newsletter Signup </strong></div>
        </div>
        <div class="right_textbox">
          <label>
          <input name="textfield23" type="text" class="righttextbox" value="Email Id" />
          </label>
        </div>
        <div class="right_text">
          <div align="center"><a href="#" class="login">Signup</a></div>
        </div>
      </div>
      <div class="login_bottom"></div>
    </div>
    <div class="comments_area">
      <div class="newletter_head">Newslinks</div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Sed massa Integer tincidunt </a></div>
      </div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Dapibus nunc</a></div>
      </div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Phasellus ac Nunc</a></div>
      </div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Quisque rhoncus felis in </a></div>
      </div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Ultricies sollicitudin diam orci </a></div>
      </div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Mollis risusin rhoncus velit </a></div>
      </div>
      <div class="comments_text">
        <div align="left"><a href="#" class="news_link">Nulla ege</a></div>
      </div>
    </div>
</div>
</div>
</form>

t üstü

<form id="form1" name="form1" method="post" action="">
<div id="topheader">
   <div class="logo"></div>
   <div class="menu_area"><a href="#" class="ideas">Ideas <span class="menu_text">Maecenas lacin</span></a> <a href="#" class="links">Links <span class="menu_text">Maecenas</span></a> <a href="#" class="info">Info <span class="menu_text">Maecenas</span></a> <a href="#" class="works">Works <span class="menu_text">Maecenas</span></a></div>
</div>
<div id="search_strip">
<div class="freeregistration">
    <div class="registration"><a href="#" class="free">FREE</a> Registration </div>
</div>
<div class="search_area">
    <div class="search_box">
      <label>
      <input name="textfield" type="text" class="searchtextbox" />
      </label>
    </div>
    <div class="search_go">
      <div align="center"><a href="#" class="go">GO</a></div>
    </div>
    <div class="search_box">» <a href="#" class="advancesearch">Advance Search</a></div>
</div>
</div>
<div id="body_area">
<div class="left">
    <div class="left_menutop"></div>
    <div class="left_menu_area">
      <div align="right"><a href="#" class="left_menu">Home</a><br />
          <a href="#" class="left_menu">About us</a><br />
          <a href="#" class="left_menu">Companies success</a><br />
          <a href="#" class="left_menu">Client testimonials</a><br />
          <a href="#" class="left_menu">Methods of Develop</a><br />
          <a href="#" class="left_menu">Questions</a><br />
          <a href="#" class="left_menu">Online Support</a><br />
          <a href="#" class="left_menu">Newsletter</a><br />
          <a href="#" class="left_menu">Subscribe info</a><br />
          <a href="#" class="left_menu">Oppotunities</a><br />
          <a href="#" class="left_menu">Current events</a><br />
        <a href="#" class="left_menu">Contact us</a></div>
    </div>
<div class="comments_area">
    <div class="comment_head">
      <div align="right">Comments</div>
    </div>
    <div class="comments_text">
      <div align="right">Justo praesent <br />
        <a href="#" class="comments_link">ourna tempus imperdiet llentes Pellentesque</a></div>
    </div>
    <div class="comments_text">
      <div align="right">At leo at elitconsequat <br />
        <a href="#" class="comments_link">uctus pellentesque et erat nec </a></div>
    </div>
    <div class="comments_text">
      <div align="right">Vestibulum vepusl <br />
        <a href="#" class="comments_link">vamus et magna et torpraesent accumsan</a></div>
    </div></div>
<div class="comments_area">
    <div class="Services_head">
      <div align="right">Services</div>
    </div>
    <div class="comments_text">
      <div align="right">Justo praesent <br />
        <a href="#" class="comments_link">ourna tempus imperdiet llentes Pellentesque</a></div>
    </div>
    <div class="comments_text">
      <div align="right">At leo at elitconsequat <br />
        <a href="#" class="comments_link">uctus pellentesque et erat nec </a></div>
    </div>
    <div class="comments_text">
      <div align="right">Vestibulum vepusl <br />
        <a href="#" class="comments_link">vamus et magna et torpraesent accumsan</a></div>
    </div>
    <div class="comments_text">
      <div align="right">Justo praesent <br />
        <a href="#" class="comments_link">ourna tempus imperdiet llentes Pellentesque</a></div>
    </div></div>
</div>
<div class="midarea">
    <div class="head"> HackeR FrienD.Net</div>