shape
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Shape</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
@charset "utf-8";
/* CSS Document */
body
{
margin:0px;
padding:0px;
background-color:#66d2a6;
}
h1,h2,h3,h4,h5,h6,span
{
margin:0px;
padding:0px;
}
#headerbg
{
width:100%;
height:740px;
float:left;
margin:0px;
padding:0px;
background-image: url(shape-images/headerbg.jpg);
background-repeat:repeat-x;
background-position:left top;
}
#headerblank
{
width:1004px;
height:740px;
float:none;
margin:0 auto;
padding:0px;
}
#header
{
width:1004px;
height:740px;
float: left;
margin:0px;
padding:0px;
background-image: url(shape-images/header.jpg);
background-repeat:no-repeat;
}
#menublank
{
width:935px;
height:29px;
float:left;
margin:0px;
padding:0 0 0 69px;
}
#menu
{
width:867px;
height:29px;
float:left;
margin:0px;
padding:0px;
}
#menu ul
{
width:867px;
height:29px;
float:left;
margin:0px;
padding:0px;
display:block;
}
#menu ul li
{
height:29px;
float:left;
margin:0px;
padding:0px;
display:block;
}
#menu ul li a.menu
{
height:25px;
float:left;
margin:0px;
padding:4px 21px 0 21px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#FFF;
text-align:center;
text-decoration:none;
}
#menu ul li a.menu:hover
{
height:25px;
float:left;
margin:0px;
padding:4px 21px 0 21px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#FFF;
text-align:center;
text-decoration:none;
background-image:url(shape-images/menuover.jpg);
background-repeat:repeat-x;
}
#headerrightblank
{
width:311px;
float: right;
margin:0 70px 0 0;
padding:0px;
}
#headernav
{
width:290px;
height:25px;
float: right;
margin:0px;
padding:0 0 0 21px;
}
#headernav ul
{
height:25px;
float: left;
margin:0px;
padding:0px;
display:block;
}
#headernav ul li
{
height:15px;
float: left;
margin:0px;
padding:7px 0 0 0;
display:block;
}
#headernav ul li a.register
{
width:67px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 17px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration:none;
background-image:url(shape-images/registericon.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.register:hover
{
width:67px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 17px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration: underline;
background-image:url(shape-images/registericon.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.login
{
width:41px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 20px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration:none;
background-image: url(shape-images/login.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.login:hover
{
width:41px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 20px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration: underline;
background-image: url(shape-images/login.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.bookmark
{
width:62px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 21px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration:none;
background-image: url(shape-images/bookmark.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.bookmark:hover
{
width:62px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 21px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration: underline;
background-image: url(shape-images/bookmark.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.blog
{
width:35px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 19px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration:none;
background-image: url(shape-images/blog.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headernav ul li a.blog:hover
{
width:35px;
height:15px;
float: left;
margin:0px;
padding:3px 0 0 19px;
font-family:Arial;
font-size:10px;
color:#000;
text-decoration: underline;
background-image: url(shape-images/blog.jpg);
background-repeat:no-repeat;
background-position:left;
}
.headertxt
{
width:273px;
float: left;
margin:12px 0 0 0;
padding:0 0 0 38px;
font-family:Arial;
font-size:12px;
color:#fff;
}
.headerboldtxt
{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#fff;
}
.headerdecoratxt
{
font-family:Arial;
font-size:12px;
color:#fff;
text-decoration:underline;
}
.headertxt02
{
width:273px;
float: left;
margin:8px 0 0 0;
padding:0 0 0 38px;
font-family:Arial;
font-size:12px;
color:#fff;
}
#special
{
width:260px;
float:left;
margin:196px 0 0 0;
padding:0 0 0 50px;
font-family: "Arial Narrow";
font-size:28px;
color:#fffd64;
line-height:28px;
}
#year
{
width:215px;
float:left;
margin:0px;
padding:0 0 0 96px;
font-family: "Arial Black";
font-size:22px;
color:#fff;
line-height:20px;
}
#searchblank
{
width:170px;
float:left;
margin:20px 0 0 0;
padding:19px 0 0 140px;
}
#searchinput
{
width:147px;
height:22px;
float:left;
margin:0px;
padding:0px;
}
.searchinput
{
width:139px;
height:17px;
float:left;
margin:0px;
padding:5px 0 0 10px;
font-family:Arial;
font-size:10px;
color:#000;
}
#advancedsearch
{
width:115px;
float:left;
margin:0px;
padding:8px 0 0 3px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#FFF;
}
.advancedsearch
{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#FFF;
text-decoration:none;
}
.advancedsearch:hover
{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#FFF;
text-decoration: underline;
}
#go
{
width:31px;
height:18px;
float:left;
margin:8px 0 0 0;
padding:0px;
}
.go
{
width:26px;
height:16px;
float:left;
margin:0px;
padding:2px 0 0 5px;
font-family:Arial;
font-size:10px;
color:#e1d300;
text-decoration:none;
background-image:url(shape-images/gobutton.jpg);
background-repeat:no-repeat;
}
.go:hover
{
width:26px;
height:16px;
float:left;
margin:0px;
padding:2px 0 0 5px;
font-family:Arial;
font-size:10px;
color:#e1d300;
text-decoration:none;
background-image:url(shape-images/gobutton.jpg);
background-repeat:no-repeat;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bannertxtblank
{
width:707px;
height:233px;
float:left;
margin:0px;
padding:63px 0 0 69px;
}
#bannerheading
{
width:687px;
height:37px;
float:left;
margin:0px;
padding:0px;
font-family: Arial;
font-size:36px;
color:#e9e389;
}
#bannerheading h2
{
width:687px;
height:37px;
float:left;
margin:0px;
padding:0px;
font-family: Arial;
font-size:36px;
color:#e9e389;
}
#bannertxt
{
width:687px;
float:left;
margin:23px 0 0 0;
padding:0px;
font-family: Arial;
font-size:14px;
color:#b8b8b8;
}
#bannertxt p
{
width:687px;
float:left;
margin:0px;
padding:0px;
font-family: Arial;
font-size:14px;
color:#b8b8b8;
}
.bannertxt
{
float:left;
padding:31px 0 0 0;
font-family: Arial;
font-size:14px;
color:#98d2ba;
}
#bannermore
{
width:687px;
float:left;
margin:23px 0 0 0;
padding:0px;
font-family: Arial;
font-size:14px;
color:#b8b8b8;
}
.bannermore
{
width:74px;
height:20px;
float: right;
margin:0px;
padding:4px 0 0 0;
font-family: Arial;
font-size:11px;
color:#FFF;
text-align:center;
text-decoration:none;
background-image:url(shape-images/morebutton.jpg);
background-repeat:no-repeat;
}
.bannermore:hover
{
width:74px;
height:20px;
float: right;
margin:0px;
padding:4px 0 0 0;
font-family: Arial;
font-size:11px;
color:#FFF;
text-align:center;
text-decoration:none;
background-image: url(shape-images/morebuttonover.jpg);
background-repeat:no-repeat;
}
#bannerpic
{
width:159px;
height:170px;
float:left;
margin:69px 0 0 0;
padding:0px;
background-image:url(shape-images/bannerpic.jpg);
background-repeat:no-repeat;
}
/*----------------------------------------------HEADER-----------------------------------------------------------------------END-------------------------------------*/
#contentbg
{
width:100%;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/contentbg.jpg);
background-repeat:repeat-x;
}
#contentblank
{
width:1004px;
float: none;
margin:0 auto;
padding:0px;
}
#content
{
width:1004px;
float:left;
margin:0px;
padding:0px;
}
#bannerbot
{
width:1004px;
height:55px;
float:left;
margin:0px;
padding:0px;
background-image: url(shape-images/bannerbot.jpg);
background-repeat: no-repeat;
}
#bannerbottxt
{
width:450px;
height:42px;
float:left;
margin:0px;
padding:13px 0 0 154px;
font-family:Arial;
font-size:26px;
color:#2c2c2c;
}
#bannerbottxt h4
{
width:450px;
height:55px;
float:left;
margin:0px;
padding:0px;
font-family:Arial;
font-size:26px;
color:#2c2c2c;
}
#details
{
width:94px;
height:28px;
float:left;
margin:14px 0 0 0;
padding:0px;
}
.details
{
width:79px;
height:21px;
float:left;
margin:0px;
padding:7px 0 0 15px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image:url(shape-images/detailsbutton.jpg);
background-repeat:no-repeat;
}
.details:hover
{
width:79px;
height:21px;
float:left;
margin:0px;
padding:7px 0 0 15px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image:url(shape-images/detailsbuttonover.jpg);
background-repeat:no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contentleft
{
width:285px;
float:left;
margin:0px;
padding:28px 0 59px 69px;
}
#newsheading
{
width:230px;
height:48px;
float:left;
margin:0px;
padding:10px 0 0 55px;
background-image:url(shape-images/newsheading.jpg);
background-repeat:no-repeat;
}
#newsheading h3
{
width:230px;
float:left;
margin:0px;
padding:0px;
font-family:Arial;
font-size:29px;
font-weight:normal;
color:#FFF;
}
#newstxtbg
{
width:266px;
height:275px;
float:left;
margin:0px;
padding:19px 0 0 19px;
background-image: url(shape-images/newsbg.jpg);
background-repeat:no-repeat;
}
#newsboldtxt
{
width:242px;
height:19px;
float:left;
margin:0px;
padding:0 0 0 24px;
font-family:Arial;
font-size:13px;
font-weight: bold;
color:#f4ff79;
background-image:url(shape-images/numicon.jpg);
background-repeat:no-repeat;
background-position:left;
}
#newsboldtxt02
{
width:242px;
height:19px;
float:left;
margin:4px 0 0 0;
padding:0 0 0 24px;
font-family:Arial;
font-size:13px;
font-weight: bold;
color:#f4ff79;
background-image:url(shape-images/numicon02.jpg);
background-repeat:no-repeat;
background-position:left;
}
#newsboldtxt03
{
width:242px;
height:19px;
float:left;
margin:0px;
padding:0 0 0 24px;
font-family:Arial;
font-size:13px;
font-weight: bold;
color:#f4ff79;
background-image:url(shape-images/numicon03.jpg);
background-repeat:no-repeat;
background-position:left;
}
.newstxt
{
width:256px;
float:left;
margin:9px 0 0 0;
padding:0px;
font-family:Arial;
font-size:11px;
font-weight: normal;
color:#d5f4d2;
}
.boldtxt
{
font-family:Arial;
font-size:11px;
font-weight: bold;
color:#d5f4d2;
}
.morenewsbutton
{
width:256px;
height:15px;
float: left;
margin:0px;
padding:0px;
}
.morenews
{
width:36px;
height:15px;
float: right;
margin:0px;
padding:0 0 0 8px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image:url(shape-images/morenews.jpg);
background-repeat:no-repeat;
}
.morenews:hover
{
width:36px;
height:15px;
float: right;
margin:0px;
padding:0 0 0 8px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image: url(shape-images/morenewsover.jpg);
background-repeat:no-repeat;
}
/*---------------------------------------------------------------LEFT---------------------------------------------------------------------------END-------------------*/
#contentmid
{
width:204px;
float:left;
margin:0 0 0 12px;
padding:28px 0 0 0;
}
#awardheading
{
width:158px;
height:57px;
float:left;
margin:0px;
padding:4px 0 10px 46px;
font-family:Arial;
font-size:35px;
color:#FFF;
background-image:url(shape-images/awardheading.jpg);
background-repeat:no-repeat;
}
#awardheading h3
{
width:158px;
float:left;
margin:0px;
padding:0px;
font-family:Arial;
font-size:35px;
font-weight:normal;
color:#FFF;
}
.headingtxt {
font-family:Arial;
font-size:13px;
color:#FFF;
line-height:13px;
}
#awardtxtblank
{
width:194px;
float:left;
margin:0px;
padding:0 0 0 10px;
}
.awardtxt
{
width:174px;
height:54px;
float:left;
margin:0px;
padding:12px 0 0 20px;
background-image:url(shape-images/awardtxtbg.jpg);
background-repeat:no-repeat;
}
.awardtxt:hover
{
width:174px;
height:54px;
float:left;
margin:0px;
padding:12px 0 0 20px;
background-image:url(shape-images/awardtxtbg02.jpg);
background-repeat:no-repeat;
}
.awardtxt02
{
width:174px;
height:54px;
float:left;
margin:3px 0 0 0;
padding:12px 0 0 20px;
background-image:url(shape-images/awardtxtbg02.jpg);
background-repeat:no-repeat;
}
.awardtxt02:hover
{
width:174px;
height:54px;
float:left;
margin:3px 0 0 0;
padding:12px 0 0 20px;
background-image:url(shape-images/awardtxtbg.jpg);
background-repeat:no-repeat;
}
.awardboldtxt
{
width:174px;
float:left;
margin:0px;
padding:0px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#c24b1c;
}
.awardnormaltxt
{
width:174px;
float:left;
margin:0px;
padding:0px;
font-family:Arial;
font-size:10px;
color:#2f6d54;
}
/*----------------------------------------------AWARDPART--------------------------------------------------------------------------------------------------------END--*/
#projectblank
{
width:365px;
height:352px;
float:left;
margin:0px;
padding:28px 0 0 0;
}
#project
{
width:365px;
height:352px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/projectsbg.jpg);
background-repeat:no-repeat;
}
#projectgallery
{
width:296px;
height:295px;
float:left;
margin:0 0 0 69px;
padding:0px;
}
#project-pic
{
width:93px;
height:93px;
float:left;
margin:0 0 6px 0;
padding:0px;
}
.project-pic
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic.jpg);
background-repeat:no-repeat;
}
.project-pic:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic.jpg);
background-repeat:no-repeat;
}
#project-pic02
{
width:93px;
height:93px;
float:left;
margin:0 6px 6px 6px;
padding:0px;
}
.project-pic02
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic02.jpg);
background-repeat:no-repeat;
}
.project-pic02:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic02.jpg);
background-repeat:no-repeat;
}
#project-pic03
{
width:93px;
height:93px;
float:left;
margin:0 0 6px 0;
padding:0px;
}
.project-pic03
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic03.jpg);
background-repeat:no-repeat;
}
.project-pic03:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic03.jpg);
background-repeat:no-repeat;
}
#project-pic04
{
width:93px;
height:93px;
float:left;
margin:0 0 6px 0;
padding:0px;
}
.project-pic04
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image: url(shape-images/proje-pic-04.jpg);
background-repeat:no-repeat;
}
.project-pic04:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image: url(shape-images/proje-pic-04.jpg);
background-repeat:no-repeat;
}
#project-pic05
{
width:93px;
height:93px;
float:left;
margin:0 6px 6px 6px;
padding:0px;
}
.project-pic05
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic05.jpg);
background-repeat:no-repeat;
}
.project-pic05:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic05.jpg);
background-repeat:no-repeat;
}
#project-pic06
{
width:93px;
height:93px;
float:left;
margin:0 0 6px 0;
padding:0px;
}
.project-pic06
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic06.jpg);
background-repeat:no-repeat;
}
.project-pic06:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic06.jpg);
background-repeat:no-repeat;
}
#project-pic07
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
}
.project-pic07
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic07.jpg);
background-repeat:no-repeat;
}
.project-pic07:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic07.jpg);
background-repeat:no-repeat;
}
#project-pic08
{
width:93px;
height:93px;
float:left;
margin:0 6px 6px 6px;
padding:0px;
}
.project-pic08
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic08.jpg);
background-repeat:no-repeat;
}
.project-pic08:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic08.jpg);
background-repeat:no-repeat;
}
#project-pic09
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
}
.project-pic09
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic09.jpg);
background-repeat:no-repeat;
}
.project-pic09:hover
{
width:93px;
height:93px;
float:left;
margin:0px;
padding:0px;
background-image:url(shape-images/proje-pic09.jpg);
background-repeat:no-repeat;
}
#paging
{
width:294px;
height:26px;
float:left;
margin:17px 0 0 70px;
padding:0px;
background-image:url(shape-images/paging.jpg);
background-repeat: no-repeat;
}
#paging ul
{
width:294px;
height:26px;
float:left;
margin:0px;
padding:0px;
display:block;
}
#paging ul li
{
height:26px;
float:left;
margin:0px;
padding:0px;
display:block;
}
#paging ul li.sap
{
width:1px;
height:24px;
float:left;
margin:1px 0 0 0;
padding:0px;
word-spacing:0px;
background-image:url(shape-images/pagingsap.jpg);
background-repeat:no-repeat;
}
#paging ul li a.prev
{
height:20px;
float:left;
margin:0px;
padding:6px 9px 0 13px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#000;
text-align:center;
text-decoration:none;
}
#paging ul li a.prev:hover
{
height:26px;
float:left;
margin:0px;
padding:6px 9px 0 13px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#000;
text-align:center;
text-decoration:none;
}
#paging ul li a.num
{
height:17px;
float:left;
margin:1px 0 0 0;
padding:6px 6px 0 6px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#1c7650;
text-align:center;
text-decoration:none;
}
#paging ul li a.num:hover
{
height:17px;
float:left;
margin:1px 0 0 0;
padding:6px 6px 0 6px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#d44d2f;
text-align:center;
text-decoration:none;
background-color:#daf2e1;
}
#paging ul li a.numlast
{
height:17px;
float:left;
margin:1px 0 0 0;
padding:6px 0 0 6px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#1c7650;
text-align:center;
text-decoration:none;
}
#paging ul li a.numlast:hover
{
height:17px;
float:left;
margin:1px 0 0 0;
padding:6px 0 0 6px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#d44d2f;
text-align:center;
text-decoration:none;
background-color:#daf2e1;
}
#paging ul li a.next
{
height:20px;
float:left;
margin:0px;
padding:6px 13px 0 10px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#000;
text-align:center;
text-decoration:none;
}
#paging ul li a.next:hover
{
height:20px;
float:left;
margin:0px;
padding:6px 10px 0 10px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#000;
text-align:center;
text-decoration:none;
}
/*-------------------------------------------------------CONTENT---------------------------------------------------------------------------END----------------------*/
#footerbg
{
width:100%;
height:126px;
float:left;
margin:0px;
padding:0px;
background-image: url(shape-images/footerbg.jpg);
background-repeat:repeat-x;
}
#footerblank
{
width:1004px;
height:126px;
float: none;
margin:0 auto;
padding:0px;
}
#footer
{
width:1004px;
height:126px;
float: left;
margin:0px;
padding:0px;
}
#footerlinks
{
width:1004px;
float: left;
margin:20px 0 0 0;
padding:0px;
font-family:Arial;
font-size:11px;
color:#c8c8c8;
text-align:center;
}
.footerlinks
{
font-family:Arial;
font-size:11px;
color:#c8c8c8;
text-align:center;
text-decoration:none;
padding:0 3px 0 3px;
}
.footerlinks:hover
{
font-family:Arial;
font-size:11px;
color:#c8c8c8;
text-align:center;
text-decoration: underline;
padding:0 3px 0 3px;
}
#copyrights
{
width:1004px;
float: left;
margin:10px 0 0 0;
padding:0px;
font-family:Arial;
font-size:11px;
color:#ade6a7;
text-align:center;
}
#validation
{
width:549px;
float: left;
margin:10px 0 0 0;
padding:0 0 0 455px;
}
.xhtml
{
width:36px;
height:15px;
float: left;
margin:0px;
padding:0 0 0 8px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image: url(shape-images/xhtml.jpg);
background-repeat:no-repeat;
}
.xhtml:hover
{
width:36px;
height:15px;
float: left;
margin:0px;
padding:0 0 0 8px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image: url(shape-images/xhtml.jpg);
background-repeat:no-repeat;
}
.css
{
width:28px;
height:15px;
float: left;
margin:0 0 0 3px;
padding:0 0 0 16px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image: url(shape-images/xhtml.jpg);
background-repeat:no-repeat;
}
.css:hover
{
width:28px;
height:15px;
float: left;
margin:0 0 0 3px;
padding:0 0 0 16px;
font-family:Arial;
font-size:10px;
color:#FFF;
text-decoration:none;
background-image: url(shape-images/xhtml.jpg);
background-repeat:no-repeat;
}
#desinedby
{
width:1004px;
float: left;
margin:10px 0 0 0;
padding:0px;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#e9e389;
text-align:center;
}
.desinedby
{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFF;
text-decoration:none;
}
.desinedby:hover
{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFF;
text-decoration: underline;
}
</style>
<link rel="icon" href="shape-images/icon.ico" />
</head>
<body>
<div id="headerbg">
<div id="headerblank">
<div id="header">
<div id="menublank">
<div id="menu">
<ul>
<li><a href="http://www.free-css.com/" class="menu">Home </a></li>
<li><a href="http://www.free-css.com/" class="menu">About Our Company </a></li>
<li><a href="http://www.free-css.com/" class="menu"> Blog</a></li>
<li><a href="http://www.free-css.com/" class="menu">Support</a></li>
<li><a href="http://www.free-css.com/" class="menu">Services Overview</a></li>
<li><a href="http://www.free-css.com/" class="menu">Testimonials</a></li>
<li><a href="http://www.free-css.com/" class="menu">Why Choose Us</a></li>
<li><a href="http://www.free-css.com/" class="menu">Contact Us</a></li>
</ul>
</div>
</div>
<div id="headerrightblank">
<div id="headernav">
<ul>
<li><a href="http://www.free-css.com/" class="register">Registration</a></li>
<li><a href="http://www.free-css.com/" class="login">Login</a></li>
<li><a href="http://www.free-css.com/" class="bookmark">Bookmark</a></li>
<li><a href="http://www.free-css.com/" class="blog">Blog</a></li>
</ul>
</div>
<div class="headertxt"><span class="headerboldtxt">Fusce quis:</span> dui eu lectus <span class="headerdecoratxt">egestas</span></div>
<div class="headertxt02"><span class="headerboldtxt">Fusce quis:</span> Donec at metus ut erat <span class="headerdecoratxt">elementus</span></div>
<div id="special">Special</div>
<div id="year">2008</div>
<div id="searchblank">
<div id="searchinput">
<form id="form1" name="form1" method="post" action="http://www.free-css.com/">
<input name="textfield" type="text" class="searchinput" id="textfield" value="Enter Search Items" />
</form>
</div>
<div id="advancedsearch"><a href="http://www.free-css.com/" class="advancedsearch">Advance Search</a></div>
<div id="go"><a href="http://www.free-css.com/" class="go">Go</a></div>
</div>
</div>
<div id="bannertxtblank">
<div id="bannerheading">
<h2>Welcome To Our Company</h2>
</div>
<div id="bannertxt">
<p>venenatis quis, fermentum sit amet, placerat quis, arcu. Donec at metus ut erat elementum sagittis. Nam aliquam. Suspendisse vehicula nulla non purus. Morbi ac odio. Fusce quis dui eu lectus egestas iaculis. Morbi non pede ac lacus fermentum vulputate.</p>
<p><span class="bannertxt">facilisis id, fermentum pharetra, lectus. Phasellus tincidunt dui ac leo. Quisque tempus accumsan velit. Aenean tempor, purus laoreet</span></p>
</div>
<div id="bannermore"><a href="http://www.free-css.com/" class="bannermore">Read more</a></div>
</div>
<div id="bannerpic"></div>
</div>
</div>
</div>
<div id="contentbg">
<div id="contentblank">
<div id="content">
<div id="bannerbot">
<div id="bannerbottxt">Suspendisse vehicula nulla non purus:</div>
<div id="details"><a href="http://www.free-css.com/" class="details">View Details</a></div>
</div>
<div id="contentleft">
<div id="newsheading">
<h3>Latest news</h3>
</div>
<div id="newstxtbg">
<div id="newsboldtxt">January 2008</div>
<div class="newstxt"><span class="boldtxt">Donec dui tortor,</span> faucibus quis, feugiat sed, patq commodo odio. <br />
</div>
<div class="morenewsbutton"><a href="http://www.free-css.com/" class="morenews">more</a></div>
<div id="newsboldtxt02">January 2008</div>
<div class="newstxt"><span class="boldtxt">Aliquam erat volutpat</span> Integer aliquet neque vel pede. Suspendisse potenti. <br />
</div>
<div class="morenewsbutton"><a href="http://www.free-css.com/" class="morenews">more</a></div>
<div id="newsboldtxt03">January 2008</div>
<div class="newstxt"><span class="boldtxt">Phasellus est</span> mauris ullamcorper interdum semier. Mauris vehicula<br />
</div>
<div class="morenewsbutton"><a href="http://www.free-css.com/" class="morenews">more</a></div>
</div>
</div>
<div id="contentmid">
<div id="awardheading">
<h3>Awards<br />
<span class="headingtxt">Mauris sed magna non </span></h3>
</div>
<div id="awardtxtblank">
<div class="awardtxt">
<div class="awardboldtxt">Donec tortor augue</div>
<div class="awardnormaltxt">Aliquam et, lobortis vel, faucibus vitae, libero pellentesque mattis.</div>
</div>
<div class="awardtxt02">
<div class="awardboldtxt">Donec tortor augue</div>
<div class="awardnormaltxt">Aliquam et, lobortis vel, faucibus vitae, libero pellentesque mattis.</div>
</div>
<div class="awardtxt02">
<div class="awardboldtxt">Donec tortor augue</div>
<div class="awardnormaltxt">Aliquam et, lobortis vel, faucibus vitae, libero pellentesque mattis.</div>
</div>
<div class="awardtxt02">
<div class="awardboldtxt">Donec tortor augue</div>
<div class="awardnormaltxt">Aliquam et, lobortis vel, faucibus vitae, libero pellentesque mattis.</div>
</div>
</div>
</div>
<div id="projectblank">
<div id="project">
<div id="projectgallery">
<div id="project-pic"><a href="http://www.free-css.com/" class="project-pic"></a></div>
<div id="project-pic02"><a href="http://www.free-css.com/" class="project-pic02"></a></div>
<div id="project-pic03"><a href="http://www.free-css.com/" class="project-pic03"></a></div>
<div id="project-pic04"><a href="http://www.free-css.com/" class="project-pic04"></a></div>
<div id="project-pic05"><a href="http://www.free-css.com/" class="project-pic05"></a></div>
<div id="project-pic06"><a href="http://www.free-css.com/" class="project-pic06"></a></div>
<div id="project-pic07"><a href="http://www.free-css.com/" class="project-pic07"></a></div>
<div id="project-pic08"><a href="http://www.free-css.com/" class="project-pic08"></a></div>
<div id="project-pic09"><a href="http://www.free-css.com/" class="project-pic09"></a></div>
</div>
<div id="paging">
<ul>
<li><a href="http://www.free-css.com/" class="prev">Previous</a></li>
<li><a href="http://www.free-css.com/" class="num">1</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">2</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">3</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">4</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">5</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">6</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">7</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">8</a></li>
<li class="sap"></li>
<li><a href="http://www.free-css.com/" class="num">9</a></li>
<li><a href="http://www.free-css.com/" class="next">next</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footerbg">
<div id="footerblank">
<div id="footer">
<div id="footerlinks"><a href="http://www.free-css.com/" class="footerlinks">Home</a> | <a href="http://www.free-css.com/" class="footerlinks">About Our Company</a> | <a href="http://www.free-css.com/" class="footerlinks">Blog</a> | <a href="http://www.free-css.com/" class="footerlinks">Support</a> | <a href="http://www.free-css.com/" class="footerlinks">Services Overview</a> | <a href="http://www.free-css.com/" class="footerlinks">Testimonials</a> | <a href="http://www.free-css.com/" class="footerlinks">Why Choose Us</a> | <a href="http://www.free-css.com/" class="footerlinks">Contact Us</a></div>
<div id="copyrights"> Copyright Information Goes Here. All Rights Reserved.</div>
<div id="desinedby">Designed by <a href="http://www.templateworld.com" class="desinedby">TemplateWorld </a>and brought to you by <a href="http://www.smashingmagazine.com" class="desinedby">SmashingMagazine</a></div>
<div id="validation"><a href="http://validator.w3.org/check?uri=referer" class="xhtml">xhtml</a><a href="http://jigsaw.w3.org/css-validator/check/referer" class="css">css</a></div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category