Minggu, 29 Maret 2009

Bike riders template

* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #44607e;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 777px;
text-align: left;
background-color: #FFFFFF;
}
#header{
background-image: url(images/header.jpg);
height: 226px;
width: 777px;
left: 0px;
top: 0px;
}
#header a{
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
margin-left: 112px;
font-family: "Courier New", Courier, mono;
margin-top: 35px;
}
#navlist{
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
position: absolute;
height: 27px;
width: 777px;
top: 225px;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a {
padding: 3px 10px;
background-image: url(images/button.gif);
height: 20px;
width: 91px;
display: inline;
position: absolute;
text-align: center;
color: #fff;
text-decoration: none;
}
#navlist a:hover{background-image: url(images/buttonover.gif);}
#n1{left: 0px;}
#n2{left: 111px;}
#n3{left: 222px;}
#n4{left: 333px;}
#n5{left: 444px;}
#n6{left: 555px;}
#n7{left: 666px;}
#leftside{
float: left;
}
#leftside h3{
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 0px;
border-left-width: 3px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #00306f;
border-right-color: #00306f;
border-bottom-color: #00306f;
border-left-color: #00306f;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
background-color: #FFFFFF;
text-align: center;
display: block;
margin-left: 35px;
margin-top: 35px;
}
#content{
margin-top: 252px;
position: absolute;
width: 777px;
background-color: #FFFFFF;
}
#picture1{
margin-left: 35px;
height: 150px;
width: 200px;
background-image: url(images/photoofthemonth.jpg);
border: 3px solid #00306f;
}
#picture2{
margin-left: 35px;
height: 150px;
width: 200px;
background-image: url(images/bikeofthemonth.jpg);
border: 3px solid #00306f;
}
#footer{
clear: both;
background-color: #FFFFFF;
position: relative;
height: 46px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#rightside{
float: right;
width: 460px;
background-color: #FFFFFF;
margin-right: 15px;
margin-top: 20px;
overflow: hidden;
}
#rightside p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
margin-left: 0px;
margin-bottom: 20px;
width: 460px;
}
#rightside h1{
margin: 10px 0px 10px 0px;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #033387;
}
#rightside span{
margin-top: 10px;
margin-bottom: 4px;
width: 430px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #649721;
}
#rightside a{color: #666666;}
#footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
float: right;
padding-top: 23px;
margin-right: 10px;
}
#footer a{color: #fff;}
#footer a:hover{color: #fff;}
#imagepreloader{
visibility: hidden;
overflow: hidden;
height: 0px;
width: 0px;
}

Memorial website template

* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{float: left;
width:390px;
height:618px;
}
#rightside{
float: right;
width:371px;
height:618px;
background-color:#cc6700;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.jpg);
height: 250px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 250px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #c95202;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#ff6600;}
#rightside h1{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#fff;}
#rightside a:hover{background-color:#ff6600;}
#footer{
position: absolute;
height: 58px;
width: 388px;
top: 560px;
background-color: #c95202;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#footer a{color:#fff;}

Memorial web template

* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{
float: left;
width:390px;
height:482px;
}
#rightside{
float: right;
width:371px;
height:482px;
background-color:#b8d7f5;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.gif);
height: 107px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 107px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #0e5ba4;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#178dfd;}
#rightside h1{
color:#0e5ba4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#000;}
#rightside a:hover{color:#0e5ba4;}
#footer{
position: absolute;
height: 65px;
width: 388px;
top: 417px;
background-color: #0e5ba4;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 25px;
}
#footer a{color:#fff;}

Template for the bereaved

* {margin:0px;padding:0px;top:0px;left:0px;}
body{margin-top:10px;margin-bottom:10px;background-color:#CCCCCC;text-align:center;background-image:url(images/background.gif);}
#center{
margin-right: auto;
margin-left: auto;
position: relative;
width: 778px;
text-align: left;
background-color:#fff;
text-align:left;
}
#header{
background-color: #ff6600;
height: 125px;
width: 778px;
display:block;
background-image: url(images/header.gif);
font-size:24px;
}
#content{
background-image: url(images/background2.gif);
background-repeat:repeat-y;
margin: 9px 0px 0px 0px;
}
h1{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size:24px;
font-weight: bolder;
font-variant: normal;
color: #546a05;
margin:12px 0px 0px 120px;
position:absolute;
display:block;
}
h2{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size:16px;
font-weight: bolder;
font-variant: normal;
color: #546a05;
margin:38px 0px 0px 150px;
display:block;
position:absolute;
}
#logo{
margin-left:16px;
margin-top:18px;
position:absolute;
}
#headerimage{
margin-left:588px;
margin-top:4px;
position:absolute;
}
#navtop{
margin-left:120px;
margin-top:80px;
position:absolute;
}
#navtop a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
background-image:url(images/topbullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left: 10px;
display:inline;
padding-bottom:6px;
}
#leftside{
float: left;
width: 157px;
background-color: transparent;
}
#navlist{
list-style-type: none;
padding-left:6px;
padding-top:14px;
}
#navlist a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:left;
padding-left: 10px;
display:block;
padding-bottom:6px;
}
#navlist a:hover{
color: #869352;
text-decoration:underline;
}
#members{
height: 208px;
width: 130px;
margin-left: 16px;
margin-top: 20px;
display:block;
border: 1px solid #a7b96a;
text-align:center;
}
.intext{
height: 17px;
width: 114px;
}
#submit{
margin-top:15px;
margin-bottom:15px;
border: 1px solid #869352;
background-color: #d8e6a2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4a5e03;
cursor: pointer;
}
#submit:hover{background-color: #fff;}
#members span{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bolder;
color: #728e0e;
background-color:#d8e6a2;
display:block;
padding:3px;
}
#members span.info{
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #999999;
background-color:#fff;
}
#members a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
display:block;
padding-bottom:6px;
text-decoration:underline;
}
#members a:hover{
color: #869352;
}
#callbox{
width:132px;
height: 46px;
background-image:url(images/callbox.gif);
padding: 10px 0px 10px 0px;
margin: 10px 0px 20px 16px;
text-align:center;
}
#callbox div{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
padding-top:10px;
}
#middle{
width:380px;
background-color: transparent;
margin: 0px 0px 0px 165px;
display:block;
}
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8e8e8e;
padding: 10px 10px 10px 0px;
}

#middle a,#rightside a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8e8e8e;
}
#middle img{
float:left;
margin: 10px 10px 0px 0px;
}
#line{
width:371px;
height:5px;
display:block;
background-color: #fff;
border-top:1px dashed #869356;
margin: 9px 0px 9px 0px;
}
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #6f8912;
height:10px;
}
h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #6f8912;
height:10px;
padding: 5px 0px 5px 0px;
}
h6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #6f8912;
padding: 10px 0px 0px 0px;
display:block;
}
#rightside{
float: right;
width: 220px;
background-color: transparent;
}
#middleleft{
float:left;
width: 147px;
}
#middleright{
float:right;
border-left: 1px dashed #4a5e03;
width: 210px;
padding: 0px 5px 5px 10px;
}
#forlinks{
border-bottom: 1px dashed #4a5e03;
}
#forlinks a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #869352;
text-decoration: underline;
background-image:url(images/forbullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left: 10px;
display:block;
padding-bottom:6px;
}
#forlinks a:hover{color: #4a5e03;}
#middleright a{
font-weight: bold;
color: #4a5e03;
}
#middleright p a{
font-weight: normal;
color: #8e8e8e;
}
#middleleft a{
font-weight: bold;
color: #4a5e03;
}
#middleleft p a{
font-weight: normal;
color: #8e8e8e;
}
#rightside a{
font-weight: bold;
color: #4a5e03;
}
#rightside p a{
font-weight: normal;
color: #8e8e8e;
}
#cleaner{
clear: both;
background-color: #FFFFFF;
height: 10px;
width: 778px;
overflow:hidden;
}
#footer{
background-color: #7b9619;
position: relative;
height: 20px;
width: 778px;
color:#FFFFFF;
text-align:center;
display:block;
padding: 5px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
overflow:hidden;
}
#footer a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration:underline;
}

E-book website template

* {
margin : 0px;
padding : 0px;
}

body {
background : url('images/body_background.gif') #fff repeat-x 0px 57px;
color : #7B7B7B;
text-align : center;
font-family : tahoma, sans-serif;
font-size : 9px;
}

a {
color : #7B7B7B;
}

a:hover {
color : #7B7B7B;
text-decoration : none;
}


/* Header Style */

#page_header {
margin : 0px auto;
width : 753px;
height : 57px;
text-align : left;
overflow : hidden;
}

#page_title {
margin-left : 3px;
margin-top : 13px;
width : 180px;
height : 44px;
float : left;
background : url('images/header.gif') no-repeat 30px 0px;
}

#page_title img {
position : absolute;
top : 15px;
margin-left : 5px;
}

#header_search {
margin-top : 15px;
width : 220px;
float : right;
background : url('images/search_icon.gif') no-repeat 0px 11px;
overflow : hidden;
}

#header_search form {
margin-top : 4px;
margin-left : 16px;
}

#header_search input {
margin-top : 4px;
width : 133px;
float : left;
font-size : 11px;
border : #737472 1px solid;
}

#header_search input.submit {
width : 30px;
height : 18px;
position : relative;
top : 2px;
margin : 2px;
border : none;
}



/* Menu Style */

#page_menu {
margin : 0px auto;
width : 684px;
height : 35px;
float : none;
clear : both;
text-align : center;
}

#page_menu ul {
height : 35px;
}

#page_menu li {
padding : 12px 24px 0px;
height : 14px;
float : left;
display : block;
position: relative;
}


/* Main Body Style */

#page_wrapper {
margin : 0px auto;
width : 753px;
text-align : justify;
display : block;
clear : both;
}

#page_leftcol {
width : 179px;
float : left;
}

#page_maincol {
margin-left : 14px;
width : 362px;
float : left;
}

#page_rightcol {
margin-left : 13px;
width : 185px;
float : left;
}


/* Left Column Style */

.leftcol_box {
width : 177px;
background : #fff;
overflow : hidden;
display : block;
clear : both;
}

.leftcol_box h2 {
padding : 7px 0px;
width : 177px;
height : 11px;
color : #fff;
font-size : 11px;
line-height : 11px;
font-weight : bold;
}

.leftcol_box h2 span {
left : 13px;
display : block;
position : relative;
}

.leftcol_box .content {
margin : 15px 14px;
width : 149px;
}

.leftcol_box .footnote {
padding-left : 5px;
padding-right : 5px;
text-align : justify;
color : #949393;
clear : both;
}

.leftcol_box form {
width : 149px;
float : none;
}

#books_search {
overflow : hidden;
height : 135px;
}

#books_search h2 {
background-color : #7EB610;
border-bottom : #A2B565 1px solid;
}

#books_search a {
color : #D14A4A;
font-weight : bold;
}

#books_search a:hover {
color : #EF7C7C;
text-decoration : none;
position : static;
}

#books_search input {
margin-bottom : 14px;
width : 140px;
}

#books_search select {
margin-left : 0px;
margin-bottom : 14px;
width : 100px;
float : left;
clear : right;
}

#books_search input.submit {
margin-left : 9px;
width : 28px;
height : 16px;
float : right;
}

#catalog h2 {
background-color : #F8C055;
border-bottom : #F8C055 1px solid;
}

#catalog .content {
text-align : center;
}

#catalog ul {
margin-left : 4px;
margin-right : 4px;
margin-bottom : 14px;
width : 141px;
height : 97px;
background : url('images/catalog_bg.gif') 0px 0px;
overflow : hidden;
}

#catalog li {
display : block;
float : left;
}

#catalog li span {
padding-top : 6px;
padding-bottom : 5px;
width : 20px;
text-align : center;
position : relative;
display : block;
}

#catalog li a {
color : #B0ADAD;
font-size : 11px;
font-weight : bold;
text-decoration : none;
}

#catalog a:hover {
color : #716E6E;
}

#catalog .footnote {
font-weight : bold;
line-height : 13px;
}

#catalog .footnote h4 {
padding-bottom : 5px;
color : #716E6E;
text-transform : uppercase;
font-size : 9px;
}

#catalog .footnote em {
color : #D14A4A;
font-style : normal;
}

#knowmore {
margin-top : 13px;
width : 179px;
height : 114px;
overflow : hidden;
background : url('images/knowmore_bg.gif') #83A028 no-repeat 0px 0px;
color : #FEFEFE;
text-align : justify;
}

#knowmore h2 {
height: 23px;
background : url('images/header_knowmore.gif') no-repeat 0px 0px;
}

#knowmore span.image {
float : left;
display : block;
width : 58px;
height : 45px;
}

#knowmore p {
margin-left : 10px;
width : 160px;
}

#knowmore .readmore {
margin-right : 5px;
text-align : right;
font-weight : bold;
clear : both;
}

#knowmore a {
color : #fff;
}

#newsletter h2 {
background-color : #58A4DE;
border-bottom : #58A4DE 1px solid;
}

#newsletter .content {
margin : 8px 14px 5px;
width : 149px;
}

#newsletter input {
margin-bottom : 8px;
width : 140px;
}

#newsletter input.submit {
margin-bottom : 10px;
width : 66px;
height : 17px;
float : right;
}


/* Main Column Style */

#maincol_top {
margin-top : 13px;
width : 362px;
height : 137px;
background : url('images/maincol_bg.gif') repeat-x 0px 0px;
overflow : hidden;
}

#maincol_top h2 {
width : 121px;
height : 32px;
background : url('images/maincol_header.gif') no-repeat 0px 0px;
}

#maincol_top .sideimg {
position : absolute;
background : url('images/maincol_img.gif') no-repeat bottom left;
width : 87px;
height : 137px;
}

#maincol_top .content {
position : absolute;
margin-left : 95px;
width : 255px;
color : #fff;
}

#maincol_top .readmore {
margin-top : 8px;
text-align : right;
}

#maincol_top a {
color : #fff;
font-weight : bold;
text-decoration : none;
}

#maincol_top a:hover {
text-decoration : underline;
}

.maincol_box {
width : 360px;
background : url('images/maincol_vline.gif') #fff repeat-y 180px 0px;
overflow : hidden;
}

.maincol_box h2 {
width : 360px;
height : 26px;
}

#bestsellers {
overflow : hidden;
background : url('images/maincol_hline.gif') 0px 27px;
}

#bestsellers h2 {
background : url('images/header_bestsellers.gif') #075B9B no-repeat 0px 0px;
}

#bestsellers .content {
width : 179px;
height : 235px;
float : left;
overflow : hidden;
}

#bestsellers .wrapper {
margin-top : 10px;
margin-left : 10px;
position : absolute;
width : 160px;
}

#bestsellers .bookcover {
width : 66px;
height : 101px;
float : left;
position : static;
}

#bestsellers p {
padding-top : 3px;
padding-bottom : 20px;
float : none;
}

#bestsellers .info {
float : none;
width : 160px;
}

#bestsellers .price h3 {
color : #E9993D;
font-size : 9px;
font-weight : bold;
float : left;
}

#bestsellers .buynow {
font-weight : bold;
float : right;
}

#bestsellers .buynow a {
color : #577D0E;
}

#bestsellers .buynow a:hover {
color : #7FAA2D;
text-decoration : underline;
}


/* Right Column Style */

.rightcol_box {
width : 183px;
background-color : #fff;
overflow : hidden;
}

.rightcol_box h2 {
width : 183px;
height : 26px;
}

#latest h2 {
background : url('images/header_latest.gif') #5C5E5F no-repeat 0px 0px;
}

#latest .wrapper {
position : relative;
margin : 0px 9px;
width : 164px;
overflow : hidden;
}

#latest h3 {
clear : both;
margin-top : 15px;
margin-bottom : 10px;
color : #234662;
font-size : 9px;
font-weight : bold;
}

#latest .thumbnail {
margin-right : 5px;
margin-bottom : 5px;
float : left;
position : static;
}

#latest p {
margin-top : 2px;
margin-bottom : 12px;
}

#latest .readmore {
margin : 30px 0px 5px;
text-align : right;
clear : both;
float : none;
font-weight : bold;
}

#latest .readmore a {
color : #5C5E5F;
text-decoration : none;
}

#latest .readmore a:hover {
color : #8C8F91;
text-decoration : none;
}


/* Footer Style */

#page_spacing {
clear : both;
float : none;
border-top : #fff 5px solid;
}

#page_footer {
margin : 0px auto;
width : 755px;
height : 21px;
background-color : #5C5E5F;
font-size : 10px;
color : #C8C6C6;
}

#page_footer a {
color : #E4E1E1;
text-decoration : none;
}

#page_footer a:hover {
color : #fff;
}

#page_footer #rights {
padding-top : 3px;
padding-left : 15px;
float : left;
}

#page_footer #links {
padding-top : 3px;
padding-right : 10px;
float : right;
font-weight : bold;
}

#page_footer #links span {
margin-left : 20px;
display : block;
position : relative;
float : left;
}

#page_credit {
margin-top : 15px;
margin-bottom : 7px;
text-align : center;
font-size : 12px;
color : #010101;
}

#page_credit a {
text-decoration : none;
color : #010101;
}

#page_credit a:hover {
color : #464646;
}



.borderbox {
clear : both;
float : none;
margin-top : 13px;
border : #A5A4A4 1px solid;
}

span {
display : none;
}

img {
border: 0px;
}

p {
text-align : justify;
line-height : 13px;
}

ul {
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display : block;
}

li {
text-indent: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}

input {
padding : 2px 0px 1px 7px;
background-color : #fff;
color : #949393;
border : #D7D7D7 1px solid;
font-family : tahoma, sans-serif;
font-size : 9px;
font-weight : bold;
}

select {
padding : 2px 0px 1px 7px;
background-color : #fff;
color : #949393;
border : #D7D7D7 1px solid;
font-family : tahoma, sans-serif;
font-size : 9px;
font-weight : bold;
}

input.submit {
padding : 0px;
border : none;
cursor : pointer;
}

.clearthis {
margin : 0px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
}

Rock band template

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 9px;
text-align: center;
background: #000;
color: #ddd4d4;
padding-top: 12px;
line-height: 2;
}
td, th {
font-size: 9px;
text-align: left;
line-height: 2;
}
#wrapper {
margin: auto;
text-align: left;
width: 532px;
position: relative;
padding-top: 27px;
}
#body {
background: url(images/body_bg.gif) repeat-y;
width: 532px;
}
#bodyi {
background: url(images/body_top.gif) no-repeat;
width: 532px;
}
#bodyj {
background: url(images/body_bot.gif) bottom no-repeat;
padding: 1px 0;
}
h1, h2, h3, #nav, #nav li {
margin: 0; padding: 0;
}
#nav {
font-size: 10px;
position: absolute;
right: 0;
top: 12px;
line-height: 1.2;
padding-left: 120px;
}
#nav li {
float: left;
width: 78px;
list-style: none;
margin-left: 2px;
border-bottom: 1px solid black;
}
#nav a {
background: #738d09;
color: #2e3901;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 1px 0;
}
#sidebar {
float: left;
width: 162px;
}
#sidebar .content {
padding-left: 24px;
}
#sidebar .content img {
float: left;
clear: left;
margin: 5px 5px 5px 0;
}
#sidebar .divider {
background: url(images/left_splitter.gif) center no-repeat;
height: 5px;
width: 169px;
}
#content {
float: right;
width: 362px;
}
#content .content {
margin: 7px 35px 7px 17px;
}
#content .content table {
width: 310px;
margin-right: 0px;
}
#content .content table td,
#content .content table th {
padding-right: 10px;
}
#content .content table td.download {
text-align: right;
padding-right: 0px;
}
#content .divider {
background: url(images/right_splitter.gif) repeat-x;
height: 5px;
}
h1 {
position: absolute;
left: 0;
top: 0;
}
h2 {
font-size: 10px;
color: #cf9118;
margin: 1em 0;
}
h3 {
font-size: 10px;
margin: 1em 0;
}
p {
margin: 1em 0;
}
img {
border: 0;
}
img.left { float: left; margin-right: 14px; }
img.right { float: right; margin-left: 14px; }
.readmore {
text-align: right;
}
.hidden {
visibility: hidden;
}
.clear {
clear: both;
}
a {
color: #f0b33c;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #cf9118;
}
a:hover {
text-decoration: underline;
}
table a {
text-decoration: underline;
font-weight: normal;
color: #7f7c79;
}
#power {color:#fff;text-align:center;}
#power a {color:#fff;}

Web technologies template

body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}

html, body, #wrapper, h1, #nav, li, ul {
margin: 0;
padding: 0;
list-style: none;
}

th, td {
font-size: 11px;
}

img { border: 0; }

#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}

h1, h2, h3 {
font-size: 11px;
}


h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
}

h3 {
padding: 4px 0 0 0;
}

p {
margin: 1em 0;
padding: 0;
}

.block {
display: block;
}

.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}

* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}

.left {
float: left;
margin: 1px 8px 0px 0px;
}

.softright {
text-align: right;
}

.readmore {
text-align: right;
}

/* ***** */

html, body, #wrapper {
height: 100%;
}

body {
background: #a6b3cb;
color: #fff;
}

p {
line-height: 1.4;
}

a {
color: #fbde3b;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#wrapper {
margin: auto;
width: 787px;
padding: 0;
background: url(images/page_bg.gif) repeat-y;
}

#wrapper-i {
background: url(images/page_bg.gif) repeat-y;
width: 100%;
}

/* header */

#header {
position: absolute;
top: 0; left: 13px;
width: 766px;
background: url(images/menu_bg.gif) repeat-x;
}

#header-cap {
position: absolute;
top: 197px; left: 327px;
width: 129px; height: 29px;
background: url(images/header_2.jpg) no-repeat;
}

#header h1 {
background: url(images/header.jpg) no-repeat;
text-align: right;
margin: 32px 0 0 0;
}

/* nav */

#nav {
position: absolute;
top: 0; left: 0;
width: 574px; height: 32px;
background: url(images/menu_cap.gif) top right no-repeat;
}

#nav li {
float: left;
}

#b-nav {
background: url(images/b_nav_r.jpg) top right no-repeat;
}

/* body */

#spacer {
height: 197px;
}

#body {
background: url(images/body_bg.jpg) repeat-x;
margin: 0 8px 0 13px;
padding: 14px;
min-height: 200px;
}

#body-i {
background: url(images/divider_v.gif) 276px 9% no-repeat;
}

/* left */

#left {
float: left;
width: 261px;
}

#bullets {
padding-top: 15px;
background: url(images/box_t.jpg) no-repeat;
}

#bullets ul {
padding-bottom: 20px;
background: url(images/box_b.jpg) bottom left no-repeat;
}

* html #bullets ul {
width: 100%;
}

* html #bullets img {
margin-left: -3px;
marg\in-left: 0px;
float: left;
}

#bullets img {
display: block;
}

#left .i {
margin: 0 25px;
}

/* right */

#right {
float: right;
width: 442px;
margin-top: 15px;
}

#right .i {
margin: 0 253px 0 27px;
}

#right .j {
float: right;
width: 246px;
margin-top: 0.5em
}

#right .i .left {
margin: 0;
}

#right .j ul {
float: right;
width: 130px;
display: inline;
margin-right: 10px;
}

#right .clear {
padding-top: 7px;
margin: 0 0 10px 0;
}

ul.bigbullets li {
background: url(images/bullet.gif) left no-repeat;
margin: 0;
padding: 5px 2px 5px 20px;
}

* html ul.bigbullets li {
text-indent: -1.5em;
}

/* footer */

#footer-p {
clear: both;
height: 24px;
}

#footer { background: url(images/footer_w_bg.gif) repeat-x; }
#footer .l { background: url(images/footer_w_l.gif) top left no-repeat; }
#footer .r { background: url(images/footer_w_r.gif) top right no-repeat; }

#foot-nav { background: url(images/footer_g_bg.gif) repeat-x; }
#foot-nav .l { background: url(images/footer_g_l.gif) top left no-repeat; }
#foot-nav .r { background: url(images/footer_g_r.gif) top right no-repeat; }

#footer {
color: #d96d1e;
text-align: center;
}

#footer a {
color: #d96d1e;
text-decoration: underline;
}

#footer a:hover {
color: black;
}

#foot-nav {
position: relative;
top: -14px;
width: 43em;
margin: auto;
color: #f8fbc8;
}

#foot-nav .r {
padding: 9px 0 10px 0;
width: 100%;
}

#foot-nav a {
color: #f8fbc8;
text-decoration: none;
}

#foot-nav a:hover {
color: #f8fbc8;
text-decoration: underline;
}

#footer p {
position: relative;
margin-top: 13px;
top: -20px;
}

Snowmobile web template

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #979dae;
color: #e4e7ef;
background-image:url(images/bg_lines.gif);
}

img { border: 0; }

#wrapper {
margin: auto;
text-align: left;
width: 784px;
position: relative;
background: url(images/body_bg.gif) repeat-y;
}

#body {
background: url(images/body_b.gif) no-repeat bottom;
}

h1, h2, div, ul, li {
padding: 0;
margin: 0;
list-style: none;
}

h1 {
text-align: right;
}

h2 {
color: white;
font-weight: normal;
}

h3 {
font-size: 10px;
}

a {
color: white;
text-decoration: none;
font-weight: bold;
}

.clear {
clear: both;
}

.readmore {
text-align: right;
}

.readmore a {
text-decoration: underline;
}

#left .readmore {
text-align: left;
}

#left {
margin: 0;
padding-top: 35px;
background: url(images/menu_t.gif) no-repeat;
float: left;
width: 165px;
}

#left h3 {
font-size: 10px;
color: white;
margin: 1em 0;
padding: 0;
}

#left p {
margin: 1em 0;
padding: 0;
}


#nav {
background: url(images/menu_bg.gif) repeat-y;
}

#nav li {
border-top: 1px solid white;
padding: 4px 2px 4px 36px;
text-indent: -28px;
}

#latest {
padding-top: 13px;
background: url(images/menu_b.gif) no-repeat;
}

#latest .events {
padding: 0 10px;
}

#logo {
position: absolute;
left: 165px;
top: 0;
}

#content .inner {
float: left;
padding-top: 48px;
margin: 20px 0 10px 30px;
width: 348px;
}

#searchbox {
float: right;
margin-top: 48px;
width: 222px;
background: url(images/search_bg.gif) repeat-y;
}

#searchbox h3 {
margin: 0;
padding: 210px 0 10px 47px;
background: url(images/rider.jpg) no-repeat;
color: white;
}

#searchbox form {
background: url(images/search_b.gif) no-repeat bottom;
padding: 1px 0 40px 47px;
margin: 0;
line-height: 2;
}

#searchbox .text {
width: 150px;
}

#searchbox .submit {
border: 1px solid #c5cee7;
background: #7785ad;
color: #fff;
}

#searchbox .softright {
text-align: right;
padding-top: 3px;
padding-right: 20px;
}

#footer {
padding: 20px 0;
text-align: center;
color: #fff;
}

#footer a {
text-decoration: underline;
}

Template for children

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #fbabe9;
color: #b15997;
}

#wrapper {
margin: auto;
text-align: left;
width: 780px;
height: 750px;
position: relative;
}

h1, h2, div {
padding: 0;
margin: 0;
line-height: 1.2;
}

p {
margin: 0.8em 0;
}

img {
border: 0;
}

#logo {
position: absolute;
top: 33px;
left: 30px;
}

#frame {
position: absolute;
top: 67px;
left: 31px;
width: 725px;
height: 653px;
background: url(images/wood.gif);
}

#backing {
position: absolute;
top: 27px;
left: 24px;
width: 676px;
height: 599px;
background: #ed7dcc;
}

#nav {
position: absolute;
top: 37px;
left: 15px;
width: 247px;
height: 358px;
}


#body {
position: absolute;
background: url(images/body.gif);
top: 32px;
left: 267px;
width: 392px;
height: 308px;
}

#scroll {
overflow: auto;
margin: 27px;
height: 200px;
}

#greenguy {
position: absolute;
background: url(images/green_guy.gif);
top: 340px;
left: 279px;
width: 155px;
height: 251px;
}

#purplegal {
position: absolute;
background: url(images/purple_gal.gif);
top: 340px;
left: 471px;
width: 155px;
height: 251px;
}

#collectnow {
position: absolute;
background: url(images/collect_now.gif);
top: 439px;
left: 16px;
width: 202px;
height: 152px;
}

#wire {
position: absolute;
background: url(images/wire.gif);
top: 28px;
left: 340px;
width: 61px;
height: 39px;
}

#copyright {
text-align:center;
top: 727px;
left: 34px;
}

.readmore {
text-align: right;
}

a {
color: #c93ea1;
text-decoration: underline;
font-weight: bold;
}

Personal website template

body {
font-family: tahoma, helvetica, arial, sans-serif;
text-align: center;
color: #6f6f6f;
}

html, body, #wrapper, h1, #nav, #nav ul, #nav li {
margin: 0;
padding: 0;
list-style: none;
}

body, th, td {
font-size: 10px;
}

img { border: 0; }

#wrapper {
margin: 16px auto;
text-align: left;
position: relative;
}

h1, h2, h3 {
font-size: 12px;
}

h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
}

h3 {
padding: 4px 0 0 0;
}

p {
margin: 1em 0;
padding: 0;
}

.block {
display: block;
}

.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}

* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}

.left {
float: left;
margin: 1px 12px 0px 0px;
}

.softright {
text-align: right;
}

/* ***** */

body {
background: #373839;
padding-bottom: 12px;
}

#wrapper {
width: 658px;
}

h1 {
margin-bottom: 2px;
}

a {
color: #f5f5f5;
}

a:hover {
text-decoration: none;
}

/* navigation */

#nav {
position: absolute;
top: 15px;
right: 0;
width: 31em;
}

#nav li {
width: 7em;
float: left;
margin: 0 0.3em;
padding: 0;
}

#nav a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 4px 0;
display: block;
text-align: center;
}

#nav a:hover {
text-decoration: underline;
}

#nav li.a { background: url(images/menu_a_bg.gif) no-repeat; }
#nav li.a a { background: url(images/menu_a_r.gif) top right no-repeat; }
#nav li.b { background: url(images/menu_b_bg.gif) no-repeat; }
#nav li.b a { background: url(images/menu_b_r.gif) top right no-repeat; }
#nav li.c { background: url(images/menu_c_bg.gif) no-repeat; }
#nav li.c a { background: url(images/menu_c_r.gif) top right no-repeat; }
#nav li.d { background: url(images/menu_d_bg.gif) no-repeat; }
#nav li.d a { background: url(images/menu_d_r.gif) top right no-repeat; }

/* body */

#body { width: 100%; }

#body { background: #ed8601 url(images/body_bg.gif); }
#body div { background: url(images/body_tl.gif) top left no-repeat; }
#body div div { background: url(images/body_tr.gif) top right no-repeat; }
#body div div div { background: url(images/body_bl.gif) bottom left no-repeat; }
#body div div div div { background: url(images/body_br.gif) bottom right no-repeat; }
#body .inner div { background: none; }

#body .inner {
color: white;
padding: 18px 20px;
}

#body h2 {
margin-top: 3px;
text-indent: -3px;
}

* html #body h2 {
margin-top: 21px;
marg\in-top: 3px;
}

#body p {
margin: 1em 0;
}

#body #dividerx {
clear: both;
margin: 0 1em;
padding: 12px 0;
background: url(images/divider_h.gif) 12px 12px repeat-x;
}

/* darkboxes */

* html #boxes, * html #boxes .inner { width: 100%; }
* html #body #boxes #left .inner { width: 100%; w\idth: 90%; }
* html #body #boxes #right .inner { width: 100%; w\idth: 95%; }

#body #boxes { background: url(images/box_bg.gif) repeat-y; }
#body #boxes div { background: url(images/box_t.gif) top left no-repeat; }
#body #boxes div div { background: url(images/box_b.gif) bottom left no-repeat; }
#body #boxes .inner div { background: none; }

#body #boxes .inner {
color: white;
padding: 0;
}

#left {
float: left;
width: 194px;
}

#right {
float: right;
width: 404px;
}

#body #boxes #left .inner,
#body #boxes #right .inner {
padding: 10px 11px 0px 11px;
}

#boxes ul {
margin: 0;
padding: 0;
}

* html #boxes ul {
margin-left: -0.7em;
marg\in-left: 0.0em;
}

#boxes li {
margin: 0.4em 1.8em 0.2em 0.1em;
padding: 0;
list-style: none;
}

a {
font-weight: bold;
}

#left .lowright {
float: right;
margin: 0 0 0 1em;
display: inline;
}

* html #left .lowright {
margin-bottom: -5px;
}

/* footer */

#footer {
margin-top: 3px;
text-align: center;
}

#footer, #footer a {
font-weight: normal;
font-size: 9px;
color: #989994;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}

Restaurant template

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}

html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
margin: 0;
padding: 0;
list-style: none;
}

th, td {
font-size: 11px;
}

img { border: 0; }

#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}

h1, h2, h3 {
font-size: 10px;
}


h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 0 0;
padding: 0;
}

h3 {
padding: 4px 0 0 0;
}

p {
margin: 1em 0;
padding: 0;
}

.block {
display: block;
}

.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}

* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}

.left {
float: left;
margin: 1px 8px 0px 0px;
}

.softright {
text-align: right;
}

.readmore {
text-align: right;
}

/* ***** */

body {
background: #5D1F1F;
color: #251200;
}

#wrapper {
width: 780px;
background: #AD803D;
}

a {
color: #422100;
}

a:hover {
color: #231201;
}

#body #events .readmore a, #body .readmore a, #hotstuff .readmore a {
color: #e2c3a5;
text-decoration: none;
}

#body .readmore a:hover, #body #events .readmore a:hover, #hotstuff .readmore a:hover {
text-decoration: underline;
}

/* header */

#header {
background: url(images/header.jpg) top left no-repeat;
height: 299px; width: 100%;
margin: 0;
border-bottom: 1px solid white;
}

#header h1 {
text-align: right;
}

#header #nav {
font-size: 9px;
text-align: center;
background: #170E01;
color: #D4A66F;
font-weight: bold;
width: 489px;
position: absolute;
top: 86px;
left: 291px;
padding: 9px 0 10px 0;
margin: 0;
border-top: 1px solid white;
border-bottom: 1px solid white;
}

#header #nav li {
display: inline;
}

#header #nav a {
color: #D4A66F;
text-decoration: none;
}

#header #nav a:hover {
color: #fff;
text-decoration: underline;
}

#header #welcome {
position: absolute;
top: 122px; left: 291px;
width: 470px; height: 173px;
overflow: auto;
}

#header #welcome h2 {
padding: 0.2em 0 0 0;
margin: 0;
line-height: 1;
}

#header #welcome p {
margin: 0.5em 0;
}

* html #header #welcome p {
margin: 0.5em 0;
}

#header #welcome p {
padding-left: 2em;
}

/* body */

#body {
position: relative;
color: #251200;
background: url(images/body_bg.gif) repeat-y;
}

#body-i {
width: 100%;
background: url(images/photo.jpg) top right no-repeat;
}

#body #hevents {
position: absolute;
top: 0; left: 291px;
}

* html #body #hevents {
position: relative;
top: 0; left: 0;
margin-top: -32px;
}

#body #specials {
float: left;
width: 286px;
margin-left: 2px;
display: inline;
}

#body #events {
float: left;
width: 235px;
margin-left: 10px;
display: inline;
}

#body .imagebox {
padding: 2px 8px 2px 100px;
margin: 2px 0;
background: #9b6f2d 4px no-repeat;
}

#body h3, #body p {
margin: 0 0 0.2em 0;
}

#body #events a {
color: #ce9b5e;
}

#body #events a:hover {
color: #fff;
}

#events .readmore {
margin-bottom: 0;
}

/* hotstuff */

#hotstuff {
width: 100%;
background: url(images/hotstuff_bg.gif) repeat-y;
}

* html #hotstuff {
padding-bottom: 10px;
}

#hotstuff h2 {
background: #3b2000;
border-top: 1px solid #fff;
}

* html #hotstuff h2 {
width: 100%;
}

#hotstuff .imagebox {
padding: 2px 8px 2px 103px;
margin: 2px 0;
background: 4px no-repeat;
float: left;
width: 200px;
}

#hotstuff #hot-one { width: 180px; }
#hotstuff #hot-two { width: 140px; margin-left: 2px; }
#hotstuff #hot-three { width: 120px; margin-left: 2px; }

* html #hotstuff #hot-one { width: 290px; w\idth: 180px; }
* html #hotstuff #hot-two { width: 250px; w\idth: 140px; }
* html #hotstuff #hot-three { width: 230px; w\idth: 120px; }

#hotstuff h3, #hotstuff p {
margin: 0 0 0.2em 0;
}

* html #spacer {
margin-top: 8px;
}

/* footer */

#footer {
padding-bottom: 2em;
}

#footer, #footer a {
color: #986D6D;
}

#footer a:hover {
color: #fff;
}

Software template

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}

html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
margin: 0;
padding: 0;
list-style: none;
}

th, td {
font-size: 11px;
}

img { border: 0; }

#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}

h1, h2, h3 {
font-size: 11px;
}


h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
}

h3 {
padding: 4px 0 0 0;
}

p {
margin: 1em 0;
padding: 0;
}

.block {
display: block;
}

.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}

* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}

.left {
float: left;
margin: 1px 8px 0px 0px;
}

.softright {
text-align: right;
}

.readmore {
text-align: right;
}

/* ***** */

#wrapper {
width: 688px;
}

/* header */

#header {
background: url(images/header_bg.gif) repeat-x;
position: relative;
width: 688px;
margin-bottom: 11px;
}

#header .bl { height: 157px; }

#header .tr { background: url(images/header_tr.gif) top right no-repeat; }
#header .bl { background: url(images/header_bl.gif) bottom left no-repeat; }
#header .br { background: url(images/header_br.jpg) bottom right no-repeat; width:100%;}

/* the story of two navs */

#nav-top {
position: absolute;
top: 17px; left: 252px;
color: #fff;
}

#nav-top li {
display: inline;
}

#nav-top a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#nav-top a:hover {
text-decoration: underline;
}

#nav-left {
position: absolute;
top: 66px; left: 26px;
}

/* body */

#body {
background: url(images/body_bg.gif) repeat-y;
}

#body h2 {
margin: 0 0 1.5em 0;
}

#body h3 {
margin: 0 0 0 0;
}

#body ul {
margin: 0;
padding: 0;
list-style: none;
}

#body li {
padding: 0;
margin: 0.8em 0;
}

a {
color: #ce7210;
}

a:hover {
color: #6f3f0b;
}

#cap {
background: url(images/column_cap.gif) no-repeat;
padding-top: 19px;
width: 688px;
}

#buy {
float: left;
width: 189px;
margin-left: 12px;
display: inline;
}

#capabilities {
float: left;
width: 225px;
margin-left: 28px;
}

#capabilities p {
line-height: 1.5;
}

#capabilities h3 {
font-size: 10px;
}

#news {
float: left;
width: 190px;
margin-left: 34px;
}

#news h3 {
font-size: 10px;
}

#news h3 a {
text-decoration: none;
}

#news p {
line-height: 1.5;
}

.timed {
background: #5b96da url(images/support_bg.jpg) no-repeat;
color: #fff;
padding: 10px 10px 1.3em 71px;
margin: 2em 0;
border-bottom: 1px solid white;
}

.timed .readmore {
margin-bottom: 0;
}

.timed h3 {
margin: 0;
padding: 0;
text-indent: -57px;
}

.timed a {
color: #fff;
}

.timed a:hover {
text-decoration: none;
}

/* footer */

#footer {
clear: both;
text-align: center;
background: url(images/footer_bg.gif) repeat-x;
}

#footer div div { padding: 8px 0; }

#footer, #footer a {
color: #fff;
}

#footer div { background: url(images/footer_l.gif) no-repeat; width:100%; }
#footer div div { background: url(images/footer_r.gif) top right no-repeat;width:100%; width:100%; }

Book author template

/** Tempalte 18 **/

body {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
}

html, body, #wrapper, h1, #nav, #nav li, #col ul, #col li {
margin: 0;
padding: 0;
list-style: none;
}

th, td {
font-size: 10px;
}

img { border: 0; }

#wrapper {
margin: auto;
text-align: left;
width: 750px;
position: relative;
}

h1, h2, h3 {
font-size: 10px;
}


h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 0 0;
padding: 0;
}

h3 {
margin: 4px 0 0 0;
padding: 0 0 0 0;
}

p {
margin: 1em 0;
padding: 0;
}

.block {
display: block;
}

.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}

.left {
float: left;
margin: 1px 8px 0px 0px;
}

.right {
float: right;
margin: 1px 0px 0px 8px;
}

.softright {
text-align: right;
}

.readmore {
text-align: right;
padding-right: 1em;
}

/* ***** */


body {
background: #164871;
color: #052D4E;
padding-bottom: 48px;
}

#wrapper {
margin: 48px auto 0 auto;
width: 770px;
}

h3 {
margin: 1em 0;
}

a {
color: #052D4E;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}

.readmore { margin-top: -0.5em }

/* col */

#col {
position: absolute;
top: 0; left: 0;
width: 329px;
background: #F0F8FE;
padding: 7px;
}

* html #col {
width: 343px;
w\idth: 329px;
}

#col h1 {
margin: 0 0 7px 0;
padding: 0;
}

/* micronav */

#micronav {
position: absolute;
top: 0px; right: 0px;
width: 15em;
text-align: right;
}

#micronav a {
color: #CBE3F5;
text-decoration: none;
padding-right: 18px;
display: block;
float: right;
}

#micronav a.home {
padding-left: 16px;
position: relative;
background: url(images/ico_home.gif) center left no-repeat;
}

#micronav a.mail {
padding-left: 18px;
background: url(images/ico_email.gif) center left no-repeat;
}

#micronav a:hover {
color: #fff;
}

/* body */

#spacer {
height: 2.2em;
}

#body {
margin: 0 0 0 344px;
width: 426px;
background: #A5CAE5 url(images/shadow_r.gif) top right repeat-y;
}

#body .i { background: url(images/shadow_tr.gif) top right no-repeat; }
#body .j { background: url(images/shadow_b.gif) bottom left no-repeat; }

#body .j {
padding: 0 6px 6px 0;
}

#body h3 {
font-weight: bold;
color: #007DDA;
}

#body h3 a {
color: #052D4E;
text-decoration: none;
}

#body .readmore a {
border: 1px solid #478FC3;
background: #CDE3F3;
color: #052D4E;
text-decoration: none;
padding: 0 2px;
}

#body .readmore a:hover {
background: #478FC3;
color: #fff;
}


* html #body h3 { margin-top: 2em; }
* html .readmore a { float: right; }

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 1.1em 0;
padding: 0 0 0 10px;
background: url(images/bullet.gif) left center no-repeat;
}

/* nav */

#nav {
padding: 3px 2px 2px 2px;
border-bottom: 2px solid #164871;
}

* html #nav .clear {
margin-top: -1px;
marg\in-top: -4px;
}

#nav span {
float: left;
width: 10px;
padding: 5px 0;
margin-left: 2px;
background: #245882 url(images/menu_l.gif) no-repeat;
}

#nav a {
float: left;
color: #A5CAE5;
background: #245882 url(images/menu_split.gif) top right no-repeat;
padding: 5px 26px 5px 8px;
font-weight: bold;
text-decoration: none;
}

#nav a.last {
background-image: url(images/menu_r.gif);
padding-left: 12px;
padding-right: 26px;
}

#nav a:hover {
color: #fff;
}

/* body */

#body .ltitle, #body .rtitle {
padding-right: 25px;
padding-left: 35px;
}

* html #body .ltitle, * html #body .rtitle {
height: 1%;
}

#body .ltitle {
border-top: 1px solid #164871;
border-bottom: 1px solid #164871;
}

#body .rtitle {
background: url(images/title_bg.gif) top right repeat-y;
}

#body .ltitle {
background: url(images/title_bg.gif) top left repeat-y;
}

#body .rtitle h2 {
float: right;
width: 25px;
text-align: right;
margin-right: -25px;
display: inline;
}

#body .ltitle h2 {
float: left;
width: 23px;
margin-left: -35px;
display: inline;
}

/* gal */

#body #gal {
padding-left: 0;
}

#gal .pic {
float: left;
width: 107px;
padding: 6px;
margin: 8px 3px 8px 8px;
display: inline;
background: #CBE3F5;
}

* html #gal .pic {
width: 119px;
w\idth: 107px;
}

#gal .clear {
float: none;
clear: both;
}

/* hotstuff */

#mgal {
float: left;
width: 119px;
margin-left: -25px;
display: inline;
}

#mgal .pic {
padding: 7px 0;
margin: 14px 0 7px 0;
text-align: center;
background: #CBE3F5;
}

.floating {
float: left;
width: 112px;
margin-left: 20px;
display: inline;
}

/* footer */

#footer {
text-align: center;
margin-left: 344px;
color: #3C7DB2;
}

#footer a {
color: #3C7DB2;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
}

Model Agency Template

* {
margin : 0px;
padding : 0px;
}

body {
background-color : #2F2F2E;
color : #CECEC2;
text-align : center;
font-family : tahoma, sans-serif;
font-size : 9px;
}


/* PAGE HEADER & MENU */

#page_header {
margin : 40px auto 0px;
width : 689px;
height : 24px;
}

#page_header #logo {
width : 200px;
height : 24px;
background : url('images/companylogo.gif') no-repeat 20px 0px;
float : left;
}

#page_menu {
padding-top : 10px;
width : 489px;
height : 7px;
float : left;
}

#page_menu ul {
margin-left : 50px;
height : 7px;
list-style-position: inside;
list-style-image: none;
}

#page_menu li {
padding-left : 20px;
height : 7px;
float : left;
list-style-position: inside;
list-style-image: none;
}


/* PAGE BODY */

#page_bodybox {
margin : 0px auto;
width : 689px;
height : 430px;
background-color : #A15B2E;
}

#leftborder {
width : 14px;
height : 430px;
background : url('images/box_left.gif') repeat-y 0px 0px;
float : left;
}

#leftborder #top {
width : 14px;
height : 15px;
background : url('images/box_topleft.gif') no-repeat left top;
overflow : hidden;
}

#leftborder #bot {
width : 14px;
height : 415px;
background : url('images/box_botleft.gif') no-repeat left bottom;
overflow : hidden;
}

#bodyborder {
padding : 14px 11px 14px 0px;
border-top : #7F624E 1px solid;
border-bottom : #7F624E 1px solid;
border-right : #7F624E 1px solid;
float : left;
}

#page_content {
width : 663px;
height : 400px;
overflow : hidden;
}


/* CONTENT LEFT COLUMN */

#leftcol {
width : 300px;
height : 400px;
background : url('images/main_img.gif') no-repeat 0px 0px;
float : left;
text-align : right;
font-weight : bold;
}

#leftcol a {
color : #E2E0E0;
text-decoration : none;
line-height : 13px;
}

#leftcol #nav {
margin-top : 379px;
margin-right : 7px;
float : right;
}

#leftcol #nav span {
display : block;
margin : 0px 1px 0px 2px;
}

#leftcol #nav b {
margin-left : 1px;
border : #CCCCCC 1px solid;
display : block;
float : left;
}


/* CONTENT CENTER COLUMN */

#maincol {
margin : 0px 12px 0px 10px;
width : 190px;
height : 400px;
float: left;
overflow : hidden;
text-align : justify;
}

#maincol h2, #maincol h3 {
font-size : 12px;
margin-bottom : 15px;
}

#maincol p {
padding-top : 0px;
padding-bottom : 19px;
}


#maincol ul {
padding-top : 2px;
padding-bottom : 10px;
display : block;
}

#maincol li {
padding-left : 8px;
padding-bottom : 6px;
background : url('images/bullet_arrow.gif') no-repeat 0px 2px;
font-weight : bold;
display : block;
}

#maincol_nav {
margin-top : 8px;
color : #2F2F2E;
text-align : center;
}

#maincol_nav a {
color : #2F2F2E;
text-decoration : none;
font-weight : bold;
}

#maincol_nav a:hover {
color : #3D3D3D;
}


/* CONTENT RIGHT COLUMN */

#rightcol {
width : 148px;
height : 400px;
background-color : #333331;
float: left;
}

#rightcol_top {
width : 148px;
height : 7px;
display : block;
background : url('images/rightcol_top.gif') #333331 no-repeat 0px 0px;
overflow : hidden;
}

#rightcol_bot {
width : 148px;
height : 7px;
display : block;
background : url('images/rightcol_bot.gif') #333331 no-repeat 0px 0px;
}

#rightcol_main {
margin : 0px 9px;
width : 130px;
height : 386px;
overflow : hidden;
}

#rightcol .arrow a {
margin-top : 2px;
display : block;
font-size : 3px;
line-height : 1px;
height : 3px;
}

.model_thumbnail {
margin-bottom : 1px;
width : 130px;
height : 107px;
display : block;
overflow : hidden;
}

.model_nametag {
margin-bottom : 5px;
border : #60605D 1px solid;
color : #90908E;
}

.model_nametag a {
display : block;
padding-top : 2px;
padding-bottom : 2px;
width : 128px;
color : #90908E;
font-weight : bold;
text-decoration : none;
}

.model_nametag_bot {
width : 130px;
height : 17px;
background : url('images/rightcol_tagbg.gif') no-repeat 0px 0px;
color : #90908E;
}

.model_nametag_bot a {
display : block;
padding-top : 3px;
padding-bottom : 2px;
width : 128px;
color : #90908E;
font-weight : bold;
text-decoration : none;
}


/* PAGE FOOTER */

#page_footer {
margin : 2px auto 0px;
width : 689px;
height : 20px;
color : #6C6C69;
font-weight : bold;
}

#page_footer a {
color : #6C6C69;
text-decoration : none;
}

#page_footer a:hover {
text-decoration : none;
color : #797977;
}



a {
color : #D0D0C9;
}

a:hover {
color : #E9E9E5;
}

span {
display : none;
}

img {
border: 0px;
}

p {
text-align : justify;
line-height : 13px;
}

ul {
list-style-type: none;
display : block;
}

li {
text-indent: 0px;
list-style-type: none;
display : block;
}

.clearthis {
margin : 0px;
display : none;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
}

Book author template

* {
margin: 0px;
padding: 0px;
}

body {
padding-bottom: 10px;
background-color: #906E49;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
text-align: center;
}

a {
color: #fff;
text-decoration: underline;
}

a:hover {
color: #C2C2C4;
}

span {
display: none;
}


p {
margin: 10px 0px 5px;
text-align: justify;
line-height: 14px;
}

.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
}


#container-border1 {
margin: 0px auto;
width: 706px;
background: url('images/border_topspacing.gif') #5D5D55 repeat-x 0% 0%;
}

#container-border2 {
padding-bottom: 5px;
background: url('images/border_rightspacing.gif') repeat-y 100% 0%;
}

#container {
margin: 0px 5px;
padding-bottom: 10px;
width: 696px;
background: url('images/body_bg.gif') #221E01 0px 0px;
}

#leftpage {
padding: 0px 16px 0px 20px;
width : 311px;
float: left;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}

#rightpage {
padding: 55px 16px 0px 20px;
width: 304px;
float: right;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}

#pagediv {
width: 9px;
height: 31px;
float: left;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}

/* Page Header */

#page_header {
margin: 0px auto;
width: 307px;
height: 80px;
background: url('images/header_underline.jpg') repeat-x 0px 79px;
text-align: left;
}

#page_header h1 {
width: 225px;
height: 78px;
background: url('images/body_header.jpg') no-repeat 0px 0px;
}


/* Page Header Links */

#page_header_links {
margin: 8px auto 12px;
width: 307px;
color: #C2C2C4;
font-size: 11px;
font-weight: bold;
line-height: 11px;
text-align: right;
}

#page_header_links ul {
max-width: 307px;
float: right;
}

#page_header_links li {
padding: 0px 9px 0px 7px;
float: left;
list-style-type: none;
background: url('images/headerlinks_div.gif') no-repeat 100% 0%;
}

#page_header_links li.last {
padding-right: 0px;
background : none;
}

#page_header_links a {
text-decoration: none;
color: #C2C2C4;
line-height: 11px;
}

#page_header_links a:hover {
color: #F6F6F6;
}


/* Page Header Image & Menu */

#page_header_content {
margin-bottom : 20px;
width: 311px;
}

#page_image {
width: 207px;
height: 151px;
float: right;
background: url('images/photo_man.jpg') no-repeat 0px 0px;
overflow: hidden;
border: #CDC6BE 1px solid;
}

#page_menu {
width: 94px;
float: left;
}

#page_menu ul {
width: 94px;
}

#page_menu li {
margin-bottom: 11px;
width: 92px;
height: 28px;
background-color: #484848;
border: #CDC6BE 1px solid;
list-style-type: none;
overflow : hidden;
float: left;
}

#page_menu li.last {
margin-bottom: 0px;
}

#page_menu li a {
padding-top:9px;
width: 92px;
height:28px;
display: block;
color: #FFFFFF;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-decoration: none;
}

#page_menu li a:hover {
color: #000000;
background-color: #999999;
}


/* Page Body Left Page */

#page_body_left {
margin: 0px auto;
width: 307px;
text-align: justify;
}

#page_body_left h2 {
margin: 10px 0px 11px;
color: #906E49;
font-size: 11px;
font-weight: bold;
}

#page_body_left .nextpage {
margin-top: 20px;
text-align: left;
}

#page_body_left .nextpage a {
color: #846747;
font-weight: bold;
text-decoration: underline;
}

#page_body_left .nextpage a:hover {
color: #B08962;
}


/* Page Body Right Page */

#page_body_right {
margin: 0px auto;
width: 303px;
text-align: justify;
}

#latestwork_header {
margin: 5px 0px 0px;
height: 16px;
background : url('images/title_underline.jpg') no-repeat 0% 100%;

}

#latestwork_header h2 {
width: 81px;
height: 12px;
background: url('images/title_latestworks.jpg') no-repeat 0px 0px;
}

.latest_book_details {
margin: 12px 0px 8px;
}

.latest_book_details .book_cover {
padding: 0px 10px 0px 0px;
width: 70px;
float: left;
display: block;
}

.latest_book_details p {
margin : 0px 0px 9px;
}


/* Right Page Gray Boxes */

#gray_boxes {
margin: 0px auto;
width: 298px;
text-align: center;
color: #AFAFAF;
}

#gray_boxes h3 {
color: #E2E2E2;
font-size: 11px;
font-weight: bold;
}

#gray_boxes p {
margin: 8px 0px 7px;
line-height: 13px;
}

#gray_boxes .link-more {
margin: 2px 0px;
text-align: right;
font-weight: bold;
}

#gray_boxes .link-more a {
color: #E2E2E2;
text-decoration: none;
}

#gray_boxes .link-more a:hover {
color: #FFF;
}

#gray_recent_topics {
padding: 8px 12px;
width: 120px;
float: left;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}

#gray_recent_topics .link-more {
margin: 10px 0px 5px;
}

#gray_live_chat {
margin-bottom: 10px;
padding: 8px 9px;
width: 122px;
float: right;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}

#gray_live_chat h3 {
width: 101px;
height: 40px;
background: url('images/title_chatwithme.jpg') no-repeat 0px 0px;
}

#gray_my_diary {
padding: 8px 11px;
width: 118px;
float: right;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}


/* Page Footer */

#page_footer {
margin : 7px auto 0px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

Web Design Template

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: #d9d6cc url(images/page_bg.gif) top center repeat-x;
color: #868686;
margin: 0;
padding: 10px;
}

html, #wrapper, h1 {
margin: 0;
padding: 0;
}

img { border: 0; }

#wrapper {
margin: auto;
text-align: left;
width: 458px;
position: relative;
}

h1, h2, h3 {
font-size: 10px;
}


h1 {
line-height: 1;
position: absolute;
top: 0;
left: 0;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
}

h3 {
padding: 4px 0 0 0;
}

.block {
display: block;
}

.clear {
clear: both;
height: 10px;
}

.left {
float: left;
margin: 5px 20px 0px 0px;
}

.right {
float: right;
margin: 0px 0px 0px 20px;
}

.readmore {
text-align: right;
}

/* page structure */

#wrapper {
background: url(images/body_t.png) 24px 0px no-repeat;
height: 40px;
}

h1 {
position: absolute;
top: 16px;
left: 43px;
margin: 0;
padding: 0;
width: 135px;
z-index: 10;
}

#nav {
position: absolute;
top: 31px;
left: 0;
width: 31px;
margin: 0;
padding: 0;
z-index: 5;
}

#nav li {
float: left;
width: 31px;
padding: 0;
margin: 0;
list-style: none;
}

#nav img {
display: block;
}

#body {
background: url(images/body_bg.png) repeat-y;
position: absolute;
top: 39px;
left: 10px;
width: 448px;
margin: 0;
padding: 10px 0 0 0;
z-index: 2;
}

#body .inner {
width: 300px;
margin: 10px 20px 0px 20px;
}

#body .inner #content {
width: 200px;
margin-left: 10px;
margin-top: 1em;
}

#body .inner #content p {
margin: 1em 0;
padding: 0;
}

#body .inner #content div {
padding: 17px;
border-top: 1px solid #d4d6cf;
border-bottom: 1px solid #d4d6cf;
}

#body .inner h2 {
font-size: 12px;
}

#page_title {
float: left;
margin: 3px 0 -50px 15px;
padding: 20px 0 50px 0;
width: 57px;
border-right: 1px solid #d4d6cf;
}

* html #page_title {
margin-left: 7px;
}

#news {
float: left;
width: 129px;
margin: 10px 0 0px 6px;
background: url(images/box_bg.gif) repeat-y;
}

#news div {
background: url(images/box_t.gif) no-repeat;
}

#news div div {
padding: 12px 12px 7px 12px;
background: url(images/box_b.gif) bottom left no-repeat;
}

#news p {
margin: 0;
padding: 0 0 3px 0;
}

#news .readmore {
padding-top: 4px;
}

#paper {
position: absolute;
top: 39px;
left: 243px;
width: 196px;
z-index: 9;
background: url(images/paper_bg.gif) repeat-y;
}

#paper .inner {
background: url(images/paper_b.gif) bottom no-repeat;
padding: 8px 30px 18px 30px;
}

#paper .readmore {
text-align: left;
margin-bottom: 0;
padding-bottom: 0;
}

#paper p {
margin: 1em 0;
padding: 0;
}

#footer {
text-align: right;
margin-top: -10px;
}

.footerie {
display: none;
}

.clear {
margin-top: -20px;
}

a {
color: #575e58;
font-weight: bold;
}

a:hover {
color: #b31d00;
}

Business web template

body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #d3d2d1;
}

h3, p {
font-size: 11px;
margin: 1em 0.5em 0.5em 0.5em;
}

p {
margin-top: 0.5em;
}

img {
border: 0;
}

a {
color: #be0404;
text-decoration: none;
}

#subright ul a {
text-decoration: underline;
}

#wrapper {
margin: auto;
text-align: left;
width: 750px;
background: white;
}

#wrapperi {
padding: 0px 2px;
background: url(images/dot.gif) 319px 0px repeat-y;
}

#wrapperj {
background: url(images/dot.gif) 526px 0px repeat-y;
}

#header, #search, #nav, #nav li, h2, #special, #special h3, #footnav,
#strategies li, #strategies ul {
margin: 0;
padding: 0;
}

#header {
background: #26618d;
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
margin-bottom: 1px;
}

.clear {
clear: both;
font-size: 1px;
height: 5px;
margin: 0 0 -4px 0;
}

#left {
float: left;
width: 310px;
}

#right {
float: right;
width: 421px;
}

#search {
background: #eda135 url(images/search_icon.gif) 21px 14px no-repeat;
border-bottom: 2px solid #004b83;
padding: 8px 0px 8px 40px;
margin-bottom: 4px;
}

#search .text {
width: 180px;
}

#search .submit {
background: #db8100;
color: #e5e4e2;
border: 1px solid #e5e4e2;
}

#nav {
float: left;
width: 123px;
margin: 0;
padding: 0;
}

#nav li {
background: #91aa37 url(images/menu_green_arrow.gif) left center repeat-y;
padding: 3px 0px 4px 36px;
margin-bottom: 2px;
margin-left: 0;
list-style: none;
}

* html #nav li { /* IE 5.x hack */
padding-left: 20px;
padd\ing-left: 36px;
}

#nav a {
color: #efeeed;
text-decoration: none;
font-weight: bold;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
}

#policies {
float: right;
width: 181px;
border: 1px solid #bdbab6;
margin: 0;
}

#policies h2 {
background: #6584a9;
}

#policies ul {
padding-left: 25px;
padding-bottom: 1px;
margin: 12px 0 1px 0;
}

#policies li {
list-style-image: url(images/bullet_dimond.gif);
padding-bottom: 8px;
padding-left: 0;
margin-left: 0;
}

#news {
background: #f5f4f3;
padding-bottom: 0.5em;
border-top: 4px solid #fff;
color: #666;
}

#news h2 {
background: #e0a403;
}

#explore {
margin-top: -1px;
background: #fff url(images/right_bg.jpg) bottom right repeat-x;
border-bottom: 6px solid #fff;
}

#explorei {
background: url(images/right_woman.jpg) bottom right no-repeat;
padding-bottom: 11px;
}

#explore ul {
margin-top: 16px;
margin-bottom: 8px;
margin-left: 0;
padding-left: 25px;
}

#explore a {
color: #000;
text-decoration: underline;
}

#explore li {
list-style: none;
background: url(images/bullet_arrow.gif) left center no-repeat;
padding: 4px 0 4px 25px;
margin-left: 0;
}

#explore .orange {
color: #f09d27;
}

#explore .learnmore {
margin: 5px 0 20px 18px;

}

#special {
margin-left: 9px;
margin-top: 10px;
width: 187px;
background: url(images/offer_box_bg.gif) repeat-y;
}

#special, #special a {
color: #f5f5f5;
text-decoration: none;
}

#special p {
padding: 0 13px;
}

#special div {
background: url(images/offer_box_bot.gif) bottom no-repeat;
height: 6px;
font-size: 1px;
}

#subright {
margin-top: 0px;
}

#strategies {
float: left;
width: 195px;
}

#strategies h2 {
background: #6aa100;
}

#strategies li {
list-style: none;
margin: 0.8em 0.5em;
}

#solutions {
float: right;
width: 213px;
}

#solutions h2 {
background: #024c83;
}

#footer {
text-align: right;
background: #b7b7b8;
color: #666;
border-top: 2px solid #fff;
}

* html #footer {
height: 1.5em;
}

#footeri {
padding: 2px 3px 4px 13px;
border-bottom: 2px solid #fff;
}

#footer .copyright {
float: left;
}

#footer a {
color: #666;
}


.readmore {
text-align: right;
font-weight: bold;
}

.green {
color: #6aa100;
}
.blue {
color: #4880ab;
}
.orange {
color: #e0a403;
}

p.photo {
text-align: center;
}

#callbox {
float: left;
clear: left;
margin: 0;
}

Real Estate Template

body {
font-family: helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
color: #ebeaea;
}

html, body, #wrapper, h1 {
margin: 0;
padding: 0;
}

th, td {
font-size: 11px;
}

img { border: 0; }

#wrapper {
margin: auto;
text-align: left;
width: 702px;
position: relative;
}

h1, h2, h3 {
font-size: 11px;
}


h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
}

h3 {
padding: 4px 0 0 0;
}

p {
margin: 1em 0;
padding: 0;
}

a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.block {
display: block;
}

.clear {
clear: both;
border-top: 1px solid white;
padding: 0;
margin: 0;
}

.left {
float: left;
margin: 1px 8px 0px 4px;
}

.softright {
text-align: right;
}

.readmore {
text-align: right;
}

/* ***** */

body {
background: #4d662c;
}

#wrapper {
background: #375114 url(images/body_bg.gif) repeat-y;
}

h1 {
margin: 0 1px;
background: #607c3c;
border-bottom: 1px solid #fff;
position: relative;
}

#topnav {
position: absolute;
top: 0px;
left: 560px;
font-size: 1px;
}

#bigphoto {
position: absolute;
top: 45px;
left: 1px;
}

#nav {
position: absolute;
top: 45px;
left: 326px;
margin: 0;
padding: 0;
width: 162px;
}

* html #nav {
left: 323px;
lef\t: 326px;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
}

#nav img {
display: block;
}

* html #nav img {
float: left;
}

#homesearchtitle {
position: absolute;
top: 261px;
left: 1px;
}

#titlelatest {
position: absolute;
top: 45px;
left: 489px;
}

#leftcol {
float: left;
width: 324px;
margin-left: 1px;
display: inline;
}

#searchbox {
background: #607c3c;
padding-top: 240px;
}

#searchbox form {
padding: 8px 0px 20px 35px;
margin: 0;
}

#searchbox table {
margin: 0;
}

#searchbox th {
text-align: right;
font-weight: normal;
}

#searchbox .submitrow {
text-align: right;
}

.topped {
border-top: 1px solid white;
}

#special p {
padding-right: 1em;
}

#special h2 {
padding-bottom: 5px;
}

#houses {
width: 162px;
float: left;
padding-top: 127px;
margin-left: 1px;
display: inline;
}

#houses div {
background-repeat: no-repeat;
padding: 8px 0 3px 33px;
margin: 0 0 5px 0;
}

#houses p {
margin: 5px 0 2px 27px;
padding: 0 0 0 18px;
}

#houses p.gallery {
background: url(images/ico_search.gif) left center no-repeat;
}

#houses p.buy {
background: url(images/ico_buy.gif) left center no-repeat;
}

#news {
float: right;
width: 178px;
margin: 0 17px 0 0;
padding: 30px 0 0 0;
font-size: 10px;
display: inline;
}

#news h3 {
color: #162206;
margin: 1em 0;
padding: 0;
}

#footer {
background: #375114;
border-bottom: 1px solid white;
margin: 0 1px;
padding: 6px 16px;
}

* html #footer {
padding-top: 3px;
}

#footer p {
margin: 0;
padding: 0;
position:relative;
}

Music template

* {
margin: 0px;
padding: 0px;
}

body {
background: url('images/background.gif') #3e3437 repeat 0px 0px;
color: #b1b0ae;
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-align: center;
}

a {
color: #b1b0ae;
text-decoration: underline;
}

a:hover {
color: #8b8a89;
}

span {
display: none;
}

img {
border: none;
}

ul {
list-style-type: none;
}

li {
list-style-type: none;
}

p {
margin: 10px 0px 20px;
text-align: justify;
line-height: 14px;
}

.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
visibility: hidden;
}



#container {
margin: 0px auto;
width: 719px;
text-align: left;
}

.link-more {
font-size: 10px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
text-align: right;
line-height: 10px;
}

.link-more a {
text-decoration: none;
}


/* Page Title */

#page_title {
padding: 16px 0px 11px;
}

#page_title h1 {
height: 34px;
background: url('images/website_title.gif') no-repeat 50% 0%;
}


/* Page Header Containers */

#header_image {
position: absolute;
margin-left: 533px;
width: 136px;
}

#header_image span {
float: right;
display: block;
background: url('images/header_image.gif') no-repeat 0px 0px;
position: relative;
top: -28px;
z-index: 1;
width: 136px;
height: 195px;
}

#header_container_left {
padding-left: 61px;
background: url('images/body_leftspeaker.gif') no-repeat 0px 5px;
}

#header_container_right {
margin-right: 8px;
padding-right: 53px;
background: url('images/body_rightspeaker.gif') no-repeat 100% 5px;
}

#header_container {
border: 1px solid #9d9898;
}

#page_header {
width: 595px;
height: 147px;
background: url('images/header_background.gif') no-repeat 0px 0px;
color: #fbc551;
overflow: hidden;
font-size: 10px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
text-align: left;
}

#page_header a {
color: #fbc551;
}

#page_header a:hover {
color: #fbfe00;
}

#header_hidden {
width: 145px;
height: 147px;
float: right;
overflow: hidden;
}

/* Page Header Punchline */

#header_punchline {
padding-top: 29px;
width: 310px;
float: right;
}

#header_punchline h3 {
width: 310px;
height: 13px;
background: url('images/website_punchline.gif') no-repeat 0px 0px;
}


/* Header Navigation Menu */

#header_menu {
padding-top: 28px;
width: 140px;
float: left;
}

#header_menu ul {
margin-left: 19px;
width: 73px;
}

#header_menu li {
margin-bottom: 3px;
border: 1px solid #ea7711;
float: left;
}

#header_menu li a {
display: block;
width: 71px;
height: 15px;
text-decoration: none;
overflow: hidden;
}

#header_menu li a:hover {
background-image: none;
background-color: #6c0528;
}

#header_menu li a b {
display: block;
margin-top: 1px;
padding-left: 15px;
}

li#menu_1 a {
background: url('images/menu_1_bg.gif') no-repeat 0px 0px;
}

li#menu_2 a {
background: url('images/menu_2_bg.gif') no-repeat 0px 0px;
}

li#menu_3 a {
background: url('images/menu_3_bg.gif') no-repeat 0px 0px;
}

li#menu_4 a {
background: url('images/menu_4_bg.gif') no-repeat 0px 0px;
}

li#menu_5 a {
background: url('images/menu_5_bg.gif') no-repeat 0px 0px;
}


/* Page Header Links */

#header_links {
padding-top: 25px;
width: 310px;
float: right;
}

#header_links ul {
padding-left: 2px;
}

#header_links li {
padding-bottom: 3px;
}


/* Main Content Area */

#maincontent_container {
margin: 1px 61px;
padding: 18px 20px 12px;
border: 1px solid #9d9898;
background-color: #6c0528;
}

#maincontent {
width: 555px;
}

#maincontent .divider {
width: 555px;
height: 1px;
background: url('images/body_divider.gif') repeat-x 0px 0px;
overflow: hidden;
}


/* Chartbusters */

#chartbusters {
margin: 0px 1px 12px;
width: 553px;
}

#chartbusters h2 {
width: 78px;
height: 20px;
background: url('images/chartbusters_title.gif') no-repeat 0px 0px;
}

.chartbusters_entry {
margin: 20px 0px 5px;
width: 553px;
}

.chartbusters_thumbnail {
margin-top: 2px;
float: left;
}

.chartbusters_thumbnail img {
border: 1px solid #978f8d;
}

.chartbusters_details {
float: right;
width: 450px;
}

.chartbusters_details p {
margin: 1px 0px 10px;
}

#chartbusters .link-more {
text-transform: lowercase;
}

#chartbusters .link-more a {
color: #ffa329;
}

#chartbusters .link-more a:hover {
color: #d88a23;
}


/* My Music Shop */

#musicshop {
margin: 10px 1px 2px;
width: 553px;
}

#musicshop h2 {
width: 116px;
height: 20px;
background: url('images/musicshop_title.gif') no-repeat 0px 0px;
}

#musicshop .link-more {
text-transform: lowercase;
}

#musicshop .link-more a {
color: #a9c60f;
}

#musicshop .link-more a:hover {
color: #89a207;
}


/* Page Footer */

#page_footer {
margin: 10px 61px 10px;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
text-align: center;
}

#page_footer a {
color: #fff;
}

#page_footer a:hover {
color: #ceced0;
}
 
© 2009Design by: Template budal ilmu | Modified by : budak ilmu
komunitas blog indonesia adsense iklan indonesia jurgen habermas collection of knowledge opini masyarakat blog islamic tukar klik iklan blog blog google earth koleksi tulisan filsafat barat komunitas tukar klik iklan impian bisnis internet online tukang adsense tukar follow tukar follow komentar dan klik iklan blog iklan iklan pasang iklan blog master bisnis online tukar klik iklan koleksi bacaan bayaran iklan collection of articles historical knowledge jin kampus gentayangan blog music online master kolektor trik bisnis blogger modernitas pemikiran blog optimisme adsense collection music rock koleksi situs-situs kolektor musik komunitas game online koleksi iklan gratis blog adsense google koleksi master booter teori dasar color code html koleksi mig33 trik adsense google latihan blogspot gratisan free downloads game blogspot blogspot community Download gratisan arni kediri Koleksi file: Wujud inventarisasi pengetahuan U-L-I-N download puas porn no 01 blog bidvertiser xxx free sex xxx hiburan dunia internet rahasia fxmarketing porn hot xxx download xxx xxx 01 xxx L-e-s-b-i-a-n master internet online free download sex klik iklan bersama bookmark collections blog adsensecamp kreasi pengembangan diri komunitas music alternative adsense google link site menarik xxx dewasa xxx homemademovies01 xxx free01 xxx master tutorial rahasia make money online koleksi artikel artikel notok 2000 boostore pemikiran notok notok 2002 paradigma notok sejarah-bangsa pemikiran kitab notok notok 2008 pemikiran notok2001 notok 2000 boostore pemikiran notok notok 2002 paradigma notok sejarah-bangsa collection video koleksi booter file collection blog game online komunitas diskusi blog televisi online optimisme adsense blog arabic intelektualitas organik blog blacklabelads life of modern society kerjasama klik iklan tutorial blog dollar Koleksi link Seks paradigma modernisme kreasi kritik wacana iklan blog gratis online television blog promosi blog gratis koleksi software gratis kumpulan cerita-cerita seks software koleksi blog link game kualitas blog tutorial adsense blog dunia maniak internet myblog collection code cbox gratis era postkolonialisme pasukan klik blog radio online blog translate injil barnabas iklan iklan gratis media informasi terkini profesionalisme thinking bisnis blog adsense snouck hourgronje rahasia bisnis internet online tutorial iklan blog tips tentang adsense free booter blog diskusi ulin nuha situs promosi daftar klik iklan kumpulan dunia blog ruang kreasi tulis blog koleksi file forum belajar bersama blog master booter diskusi blog koleksi media iklan iklan blog petunjuk dapat dollar blog belajar bersama bisnis iklan blog gratis kitab pesantren world crimes klik klik iklan peluang penghasil uang teori sosial collection snouck hurgronje sejarah wali songo komunitas blogspot game free online seksi knowledge of the world seks education cashfiesta bisnis online kolektor file epistemologis cashfiesta free tutorial adsense google adsense modernitas islam koleksi kitab sex education master booter pergerakan mahasiswa islam indonesia ulin nuha community exchange link pusat download gratis critical discourse tukar klik adsense koleksi sex iklan iklan blog gratis ribuan data template nitelife kolektor data kolektor link situs most popular sites with no limit of time and space kolektor link komunitas kajian pusat dollar online template spiderman 3 banned adsense google Template DFire artikel filsafat template florascent koleksi link music tips tips adsense latihan buat template codification characters kolektor gambar