- dikkat

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* PixelFloat.com - Style sheet for screen (all) media */
/* Layout */
body {
margin:0px; padding:0px;
}
#wrapper {
margin:0px auto 0px auto;	width:750px;
background:url(http://www.pixelfloat.com/img/main/bg-wrapper.jpg);
background-repeat:repeat-y;}
#banner-top {
width:750px;
height:213px;
background:url(http://www.pixelfloat.com/img/main/banner-top.jpg);
}
#img-logo {
margin:125px 0px 0px 45px;
border:0px;
}
#banner-top h1 {
display:none;
}
#curve-top {
width:750px;
height:47px;
background:url(http://www.pixelfloat.com/img/main/curve-top.jpg);
}
#menu-left {
margin:0px; padding:0px;
float:left;
width:183px;
height:398px;
}
#content-main {
padding:0px 0px 10px 0px;
margin:0px;
background:url(http://www.pixelfloat.com/img/main/menu-bg.gif) top no-repeat;
min-height:400px;
overflow:auto;
}
#content-copy {
margin:0px 0px 0px 0px;
padding:0px;
float:right;
width:563px;
}
#footer {
float:left;
padding:100px 0px 0px 0px;
width:750px;
height:65px;
background:url(http://www.pixelfloat.com/img/main/bg-footer.jpg);
}
.img-left {
float:left;
border:0px;
margin:0px 6px 0px -3px;
padding:0px;
}
.img-right {
border:0px;
margin:0px; padding: 0px;
}
.buffer {
margin:0px; padding:0px; height:40px;
}
.buffer-large {
margin:0px; padding:0px; height:150px;
}
/* Type */
#menu-left ul {
margin:50px 0px 0px 32px;
padding:0px;
list-style:none;
font:bold 12pt "Trebuchet MS", Arial;
}
#menu-left li {
padding:5px 0px 5px 0px;
cursor:pointer;
}
#menu-left a {
display:block;
padding:5px 0px 5px 27px;
width:120px;
height:26px;
}
#menu-left a:link, #menu-left a:visited {
text-decoration:none;
color:#fff;
background-image:url(http://www.pixelfloat.com/img/main/alink1px.gif);
background-repeat:no-repeat;
}
#menu-left a:hover, #menu-left a:active {
text-decoration:none;
color:#666;
background-image:url(http://www.pixelfloat.com/img/main/hover-bg.gif);
}
#footer a:link, #footer a:visited {
text-decoration:none;
color:#666;
}
#footer a:hover, #footer a:active {
text-decoration:underline;
color:#666;
}
.footer-validate {
float:right;
padding:15px 55px 0px 0px;
margin:0px;
}
.footer-validate img {
border:0px;
margin-left:3px;
}
.footer-copy {
padding:0px 0px 0px 45px;
margin:0px;
color:#666;
font:.7em/18px Verdana, Arial, Helvetica, sans-serif;
}
.page-head {
margin:20px 0px 0px 0px;
padding:0px 25px 5px 25px;
font:17pt "Trebuchet MS", Arial;
color:#9c0;
}
.para-top {
margin: 0px 25px 0px 0px;
padding:0px 15px 5px 25px;
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.para-next {
margin: 5px 25px 0px 0px;
padding:0px 15px 5px 25px;
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.para-next a:link, .para-next a:visited{
padding:0px 2px 0px 2px;
text-decoration:none;
color:#9c0;
font:1.2em/20px Verdana, Arial, Helvetica, sans-serif;
}
.para-next a:hover, .para-next a:active {
padding:0px 2px 0px 2px;
color:#666;
background-color:#9c0;
}
h2 {
margin:15px 0px 0px 0px;
padding:0px 0px 5px 25px;
font:14pt "Trebuchet MS", Arial;
color:#9c0;
}
.activity-list {
margin:10px 0px 10px 51px;
padding:0px 0px 0px 0px;
list-style:none;
font:bold .8em/15px "Trebuchet MS", Arial;
color:#666;
}
.activity-list li {
margin:5px 0px 5px 0px;
padding:5px 0px 5px 30px;
height:20px;
background-image:url(http://www.pixelfloat.com/img/page/li-bg.jpg);
background-repeat:no-repeat;
}
.details-list {
margin:10px 0px 10px 80px;
padding:0px 0px 0px 0px;
list-style:square;
font:.7em/21px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.address-name {
margin: 0px;
padding:0px 25px 0px 25px;
font:bold .8em/20px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.address-line {
margin: 0px;
padding:0px 25px 0px 25px;
font:.7em/15px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
#address-line-email {
margin: 0px;
padding:0px 25px 0px 25px;
font:.7em/15px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
/* Projects */
#projects {
margin:0px;
padding:0px 0px 5px 50px;
width:460px;
}
.projects-image {
background-image:url(http://www.pixelfloat.com/img/page/projects-image-bg.gif);
background-repeat:no-repeat;
width:439px;
height:151px;
}
.client-image {
margin:25px 0px 0px 24px;
padding:0px;
width:394px;
height:90px;
border:0px;
}
.projects-nav-1 {
margin:15px 0px 0px 24px;
border:0px;
}
#page-nav {
margin-right:10px;
text-align:right;
}
.projects-page-nav {
margin-right:20px;
border:0px;
}
.projects-nav-2 {
margin:15px 0px 0px 12px;
border:0px;
}
#page-num-nav {
margin:0px;
padding:0px;
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
#page-num-nav a {
margin:2px;
padding:2px 3px 2px 3px;
border:1px solid #ccc;
color:#333;
text-decoration:none;
}
#page-num-nav span {
margin:2px;
padding:2px 3px 2px 3px;
border:1px solid #ccc;
background:#9c0;
color:#fff;
}
#projects-loader {
margin-top:15px;
border-left:solid 1px;
border-right:solid 1px;
padding:0px;
background-image:url(http://www.pixelfloat.com/img/page/progress-bar.gif);
background-position:top;
background-repeat:repeat-x;
width:200px;
height:18px;
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
background-color:#36c;
}
#projects-loader-hidden {
display:none;
background-image:url(http://www.pixelfloat.com/img/page/progress-bar.gif);
}
.project-details {
margin:-10px 0px 0px 0px;
padding:20px 20px 0px 25px;
width:390px;
height:143px;
background-image:url(http://www.pixelfloat.com/img/page/projects-details-bg.gif);
background-repeat:no-repeat;
}
#projection-details-1, #projection-details-2, #projection-details-3, #projection-details-4, #projection-details-5 {
display:none;
}
.details-head {
margin-bottom:10px;
font:14pt "Trebuchet MS", Arial;
color:#9c0;
display:block;
}
.details-line {
font:.7em/15px Verdana, Arial, Helvetica, sans-serif;
color:#666;
display:block;
}
#pbar-text {
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
}
.img-btn {
border:0px;
}
/* Forms */
#contact-form {
margin: 20px 0px 0px 0px;
padding:0px 25px 0px 25px;
}
#contact-form label {
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
#contact-form-set {
border:0px;
margin:0px; padding:0px;
}
.txt-box {
margin-bottom:10px;
width:250px;
height:14px;
}
.txt-area {
width:400px;
height:100px;
overflow:auto;
}
.btn-sbmt {
margin-top:15px;
border:0px;
background-image:url(http://www.pixelfloat.com/img/page/btn-send.gif);
width:61px;
height:21px;
cursor:pointer;
}
#email-error, #message-error {
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
color:#f00;
}
.message-result {
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
}
#message-pbar {
margin:15px 0px 0px 20px;
width:96px;
height:18px;
background-image:url(http://www.pixelfloat.com/img/page/loading.gif);
border:0px;
display:none;
}
#pbar-text {
font:.7em/20px Verdana, Arial, Helvetica, sans-serif;
}
// PixelFloat.com - JavaScript document
//Show & Hide div
function toggleDetails(theDiv) {
var currentStyle = document.getElementById(theDiv).style;
currentStyle.display = currentStyle.display? "":"block";
}
//Trim space
function lTrim(stringValue){
var w_space = String.fromCharCode(32);
if(v_length < 1) return "";
var v_length = stringValue.length;
var strTemp = "";
var iTemp = 0;
while(iTemp < v_length){
if(stringValue.charAt(iTemp) == w_space){}
else{
strTemp = stringValue.substring(iTemp,v_length);
break;
}
iTemp = iTemp + 1;
}
return strTemp;
}
//Check if text field empty
function isEmpty(theTextField) {
theTextField = lTrim(theTextField.value);
if ((theTextField.length==0) || (theTextField==null)) return true;
else return false;
}
//Send form
function sendForm() {
var contactForm = document.forms[0];
var submitError = false;
if (isEmpty(contactForm.email)) {
document.getElementById("email-error").innerHTML = "Please type your e-mail address";
submitError = true;
}
if (isEmpty(contactForm.message)) {
document.getElementById("message-error").innerHTML = "Please type your message";
submitError = true;
}
if (! submitError) {
document.getElementById("message-pbar").style.display = "inline";
document.getElementById("pbar-text").innerHTML = "Sending message...";
ajax.requestFile = 'send-mail.php?name='+contactForm.name.value+"&email="+contactForm.email.value+"&subject="+contactForm.subject.value+"&message="+contactForm.message.value;
ajax.onCompletion = updateForm;
ajax.runAJAX();
}
}
//Update form inner html
function updateForm() {
eval(ajax.response);
}
//Get projects details
function getProjects(pageNumber) {
document.getElementById('projects').innerHTML='<div id="projects-loader"></div> <span id="pbar-text">Loading projects ...</span>';
ajax.requestFile = 'get-projects.php?page='+pageNumber;
ajax.onCompletion = listProjects;
ajax.runAJAX();
}
//Display projects
function listProjects() {
eval(ajax.response);
}
//Write email address
function writeEMail() {
var domain = "pixelfloat";
document.getElementById('address-line-email').innerHTML= "info"+"@"+domain+".com";
}

Tasarımın üzerindeki YAZI:

</head>
<body onContextmenu="alert('Copyrighted content.'); return false">
<div id="site" align="center">
<table width="765"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html" alt="Home" title="Home" class="pointerhand" style="cursor:pointer;">
<div id="header2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="765" height="165">
<param name="movie" value="http://www.antaradance.com/images/flash/header_nataraj.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://www.antaradance.com/images/flash/header_nataraj.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="765" height="165"></embed>
</object>
</div>
</a></td>
</tr>
<tr>
<td align="center" id="topnav_box">

<div id="topnav">
<ul>
<li><a href="about.htm" title="About Antara Nritya Niketan" class="selected">&lsquo; Antaranga &rsquo;</a></li>
<li><a href="guru.htm" title="About Founder / Guru">&lsquo; Acharya &rsquo;</a></li>
<li><a href="portfolio01.htm" title="Students' Portfolio">&lsquo; Shishya &rsquo;</a></li>
<li><a href="gallery.htm" title="Photo Gallery">&lsquo; Chaya Sangraha &rsquo;</a></li>
<li><a href="contact.htm" title="Contact Us">&lsquo; Sampark &rsquo;</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="background-color:#E1C631;"><img src="http://www.antaradance.com/images/welcome.jpg" width="765" height="68" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td><img src="http://www.antaradance.com/images/bg_maintop.jpg" width="765" height="29" /></td>
</tr>
<tr>
<td id="main">
<div class="content">
<h1>Antara Nritya Niketan</h1>
<table width="100%"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div id="submenu">
<table width="202" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.antaradance.com/images/submenu_top01.jpg" width="202" height="55" /></td>
</tr>
<tr>
<td>
<div id="submenu_box">
<ul>
<li><a href="about.htm" class="selected">About Antara</a></li>
<li><a href="obj_working.htm">Objectives &amp;<br />
Working</a></li>
<li><a href="achievements.htm">Achievements</a></li>
<li><a href="arangetram01.htm">'Arangetrams'</a></li>
<li><a href="other_programs.htm">Other Programs</a></li>
<li><a href="press.htm">Press Reviews</a></li>
<li><a href="thanks.htm">Heartfelt</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td><img src="http://www.antaradance.com/images/submenu_bottom.jpg" width="202" height="112" /></td>
</tr>
</table>
</div>
<div class="left_column01"> 	  </div>
</td>
<td>

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/********* CSS Document for ANTARA NRITYA NIKETAN *********/
/********* Created by WEB VIRTUOSO *********/
/********* Created on 12/19/2005 *********/
/* --------------- Global Styles --------------- */
body {
margin: 0;
padding: 0;
background: #000 url(http://www.antaradance.com/images/bg_body.jpg) repeat-x fixed;
}
img {
border: none;
}
a {
text-decoration: none;
padding: 0;
margin: 0;
}
a:hover {
text-decoration: none;
padding: 0;
margin: 0;
}
* {
padding: 0;
margin: 0;
}
#header1 {
background: url(http://www.antaradance.com/images/header.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header2 {
background: url(http://www.antaradance.com/images/header2.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header3 {
background: url(http://www.antaradance.com/images/header3.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header4 {
background: url(http://www.antaradance.com/images/header4.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header5 {
background: url(http://www.antaradance.com/images/header5.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header6 {
background: url(http://www.antaradance.com/images/header6.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header .pointerhand {
cursor: pointer;
cursor: hand;
}
.left_column01 {
background: url(http://www.antaradance.com/images/bg_internal01.jpg) no-repeat bottom;
height: 415px;
margin-left: -5px;
_margin-left: -7px;
}
.left_column02 {
background: url(http://www.antaradance.com/images/bg_internal02.jpg) no-repeat bottom;
height: 415px;
margin-left: -5px;
_margin-left: -7px;
}
.left_column03 {
background: url(http://www.antaradance.com/images/bg_internal03.jpg) no-repeat bottom;
height: 415px;
margin-left: -5px;
_margin-left: -7px;
}
.left_column10 {
background: url(http://www.antaradance.com/images/bg_internal10.jpg) no-repeat bottom;
height: 415px;
margin-left: -12px;
_margin-left: -10px;
}
/* --------------- Top Nav Styles --------------- */
#topnav_box {
background: #000 url(http://www.antaradance.com/images/topnav_bg.jpg) no-repeat;
}
#topnav{
float:left;
width:100%
height:25px;
text-align: center;
margin-left: 8px;
_margin-left: 4px;
font: bold 13px Trebuchet MS, Verdana, Helvetica, sans-serif;
}
#topnav ul{
list-style:none;
margin:0;
padding:0;
}
#topnav a{
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 100% 0px;
color:#6C1316;
line-height: 22px;
display:block;
width: 150px;
height: 25px;
/*padding-top:1px;*/
}
#topnav a:hover{
color:#fff;
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 100% -26px;
}
#topnav a.selected{
color:#fff;
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 100% -26px;
}
#topnav li{
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 0 0px;
float:left;
/*margin: 4px 0 0 0;
padding:0 0 0 2px;*/
}
/* --------------- Submenu Styles --------------- */
#submenu {
margin-left: 20px;
font: bold 13px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
}
#submenu_box {
background: url(http://www.antaradance.com/images/submenu_bg.jpg) repeat-y;
background-color: transparent;
}
#submenu_box ul {
padding: 0;
margin: 0;
list-style:none;
margin-left: 16px;
}
#submenu_box li {
background: url(http://www.antaradance.com/images/submenu_bullet.jpg) no-repeat 0 10px;
background-color: transparent;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
}
#submenu_box li a {
color: #D2691E;
font-weight: bold;
}
#submenu_box li a:hover {
color: #5F5E0C;
border-bottom: 2px dotted #D2691E;
}
#submenu_box .selected {
color: #5F5E0C;
border-bottom: 2px dotted #D2691E;
}
/* --------------- FOOTER Styles --------------- */
#footer {
background: url(http://www.antaradance.com/images/bg_footer.jpg) no-repeat;
height: 44px;
padding: 0 20px;
}
#footer {
font: bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
}
#footer .copyright {
color: #6C1316;
}
#footer .copyright a{
color: #6C1316;
}
#footer .copyright a:hover{
color: #FFFFCC;
border-bottom: 1px solid #6C1316;
}
#footer .WV {
color: #fff;
text-align: right;
}
#footer .WV a{
color: maroon;
border-bottom: 1px solid #6C1316;
}
#footer .WV a:hover{
color: #fff;
border-bottom: 1px solid #fff;
}
/* --------------- CONTENT AREA Styles --------------- */
#main {
background: url(http://www.antaradance.com/images/bg_main.jpg) repeat-y;
}
.namaskar {
font: bold italic 24px Georgia, "Times New Roman", Times, serif;
margin-left: 20px;
text-align: left;
color: #996600;
}
.welcome p {
font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif;
line-height: 15px;
padding: 5px 20px 5px 34px;
text-align: left;
}
.welcome a {
font-size: 13px;
color: #336633;
background: url(http://www.antaradance.com/images/bg_introlink.jpg) repeat-x 0 12px;
}
.welcome a:hover {
color: orange;
background: url(http://www.antaradance.com/images/bg_introlink_hover.jpg) repeat-x 0 12px;
}
.antara {
text-align: justify;
font-style: italic;
color: #003399;
}
.welcome strong {
font-size: 16px;
}
#intro_text {
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
color: #996600;
}
#intro_text p {
font-size: 12px;
font-weight: bold;
line-height: 20px;
padding: 5px 20px 5px 34px;
text-align: left;
}
#intro_text strong {
font-size: 16px;
}
#intro_text h2 {
font-size: 20px;
color: #996600;
line-height: 25px;
padding: 5px 20px 5px 34px;
text-align: center;
font-style: italic;
/*background-color: #F1D1AB;*/
margin: 20px 20px 0 20px;
/*border: 2px dashed #7F0F0F;*/
}
#intro_text a {
font-size: 13px;
color: #336633;
background: url(http://www.antaradance.com/images/bg_introlink.jpg) repeat-x 0 12px;
}
#intro_text a:hover {
color: orange;
background: url(http://www.antaradance.com/images/bg_introlink_hover.jpg) repeat-x 0 12px;
}
#events_box {
padding-right: 20px;
}
.events {
background: url(http://www.antaradance.com/images/events_content.jpg) repeat-y;
font: 12px Trebuchet MS, Verdana, Arial, sans-serif;
color: #000;
padding: 5px 20px 5px 30px;
text-align:left;
}
.orange {
color: #FF6600;
font-weight: bold;
}
.blue {
color: #2F48BF;
font-weight: bold;
}
.events p{
background: url(http://www.antaradance.com/images/events_bullet.jpg) no-repeat 0 2px;
background-color: transparent;
padding-left: 25px;
padding-bottom: 8px;
}
.float_right {
float: right;
padding-left: 8px;
}
.float_left {
float: left;
margin-right: 8px;
}
.float_left_flash {
float: left;
margin-right: 8px;
background-color: #000;
}
.more {
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
color: #DD6515;
text-align: left;
padding-top: 5px;
}
.more a {
color: #DD6515;
}
.more a:hover {
color: #70422B;
}
/* --------------- Internal Pages Styles --------------- */
#main h1 {
height: 55px;
font: bold italic 24px Georgia, "Times New Roman", Times, serif;
color: #7F0707;
margin-left: 80px;
padding-right: 80px;
padding-left: 56px;
padding-top: 28px;
text-align: left;
background: url(http://www.antaradance.com/images/bg_h1.jpg) no-repeat;
}
#main h3 {
font: bold italic 18px Georgia, "Times New Roman", Times, serif;
color: #7F0707;
margin-left: 40px;
margin-right: 45px;
text-align: left;
margin-top: 10px;
}
.content {
background: url(http://www.antaradance.com/images/bg_internal.jpg) no-repeat 522px 0;
background-color: transparent;
min-height: 500px;
}
/* for Internet Explorer */
/**/
* html .content {
height: 500px;
}
/**/
.content p {
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
color: #000;
padding: 10px 40px;
text-align: justify;
}
.box  {
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
color: #000;
margin: 10px 40px;
_margin-left: -20px;
text-align: left;
}
.box td {
padding-bottom: 4px;
}
.box a {
color: #336633;
font-weight: bold;
}
.box a:hover {
color: #336633;
border-bottom: 1px dashed maroon;
}
.hr {
background: url(http://www.antaradance.com/images/bg_hr.jpg) no-repeat;
height: 25px;
margin-left: 25px;
margin-top: 30px;
}
.first_para {
background: url(http://www.antaradance.com/images/bg_para.jpg) repeat-y 10px 5px;
background-color: transparent;
}
.content .float_right {
float: right;
padding-left: 8px;
border: 1px solid #4A9606;
background-color: #000;
padding: 3px;
}
.content .float_left {
float: left;
margin-right: 8px;
border: 1px solid #4A9606;
background-color: #000;
padding: 5px;
}
.content .float_none {
clear: both;
margin-right: 8px;
border: 1px solid #4A9606;
background-color: #000;
padding: 5px;
}
.content .highlight {
color: #F2621C;
font-weight: bold;
}
.content ul {
padding: 0;
margin: 0;
list-style-type: none;
margin-left: 50px;
margin-right: 40px;
text-align: justify;
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
}
.content li {
background: url(http://www.antaradance.com/images/bullet.gif) no-repeat 0 13px;
background-color: transparent;
padding-left: 30px;
padding-top: 10px;
}
.content li em {
color: #F2621C;
font-weight: bold;
}
.content li li {
background: url(http://www.antaradance.com/images/bullet2.gif) no-repeat 0 10px;
background-color: transparent;
margin-left: -40px;
padding-left: 20px;
}
.content p.pagelink {
text-align: right;
color: #003399;
font-weight: bold;
padding-right: 70px;
background: transparent url(http://www.antaradance.com/images/arrow.jpg) no-repeat;
background-position: 94%;
}
.content p.pagelink a {
color: #003399;
}
.content p.pagelink a:hover {
color: #BF4300;
border-bottom: 2px dotted #003399;
}
.content p.back {
text-align: right;
color: #003399;
font-weight: bold;
padding-right: 70px;
background: transparent url(http://www.antaradance.com/images/arrow_back.jpg) no-repeat;
background-position: 94%;
}
.content p.back a {
color: #003399;
}
.content p.back a:hover {
color: #BF4300;
border-bottom: 2px dotted #003399;
}
/*------------Scroll----------*/
div.scroll {
height: 425px;
width: 490px;
overflow: auto;
padding-bottom: 5px;
background-color: transparent;
}
.scroll p {
padding-right: 10px;
}
/*------------------------------------*/
/*-----quotes ----*/
.bqstart  {
float: left;
height: 45px;
margin-top: -50px;
margin-left: -32px;
_margin-left: -18px;
padding-top: 45px;
margin-bottom: -80px;
font-size: 50px;
color: #8F1A1A;
font-style: normal;
font-family: Georgia;
}
.bqend {
float: right;
height: 25px;
margin-top: -30px;
padding-top: 25px;
font-size: 300%;
color: #8F1A1A;
font-style: normal;
font-family: Georgia;
}
blockquote {
margin: 20px 65px;
padding: 0 20px;
line-height: 105%;
color: #09368B;
font-size: 18px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
text-align: left;
font-style: normal;
}
.content p.signature {
text-align: right;
font: 0.9em "Trebuchet MS", Verdana, Arial;
font-style: italic;
font-weight: bold;
line-height: 55px;
/*border-bottom: 2px dashed rgb(128, 151, 70);*/
/*margin-bottom: 15px;*/
margin: 10px 30px;
padding: 5px 10px;
background: url(http://www.antaradance.com/images/divider.gif) no-repeat 0 50px;
background-color: transparent;
}
/*-----------------------*/
.dropcap {
font: normal 45px Georgia;
color:chocolate;
font-weight:normal;
line-height:90%;
letter-spacing:-1px;
}
/* --------------- Popup Window Styles --------------- */
#popup {
background-color: #FFE3BF;
border: 2px solid #D5BC86;
margin: 20px;
}
#popup td {
padding: 10px;
color: #03379C;
font: 14px Helvetica, sans-serif, Verdana, Arial;
text-align:justify;
}
#popup p {
padding-top: 10px;
}
#popup img {
border: 2px solid chocolate;
}
#popup a {
color: #FF6600;
border-bottom: 1px dotted #ff6600;
padding-bottom: 2px;
font-style: italic;
}
#popup a:hover {
color: #529F46;
border-bottom: 1px dotted #ff6600;
padding-bottom: 2px;
}
/*------------------------------------*/
#popup_press {
background-color: #FFE3BF;
border: 2px solid #D5BC86;
margin: 20px;
}
#popup_press td {
padding: 10px;
color: #03379C;
font: 14px Helvetica, sans-serif, Verdana, Arial;
text-align:justify;
}
#popup_press p {
padding-top: 10px;
}
#popup_press img {
border: 2px dotted #D8050B;
padding: 10px;
margin: 0 auto;
background-color: #000;
}
#popup_press h2 {
margin: 5px 0;
padding: 0;
font: bold 17px Verdana, Arial, sans-serif;
text-align: center;
word-spacing: 4px;
text-transform: capitalize;
color: #8F8E3E;
}
/*----------- Tool Tips Style -----------------*/
a.info {
position:relative; /*this is the key*/
z-index:24; background-color: transparent;
color:#000;
text-decoration:none
}
a.info:hover{
z-index:25;
background-color:transparent;
cursor: help;
}
a.info span{
display: none
}
a.info:hover span{
/*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5px; left:-5px; width:300px;
border:10px solid #000;
background-color:#cff; color:#000;
text-align: center;
padding: 10px;
}
/*----------------------------------------------------------*/
/*-----------------Photo gallery & Arangetram Styles -------------*/
/*-----------------Arangetram Styles -------------*/
#gallery {
padding: 0 20px;
}
#gallery .photo {
/*margin: 10px 0;
padding-bottom: 20px;*/
background: url(http://www.antaradance.com/images/gallery_bg.gif) no-repeat;
width: 133px;
height: 250px;
}
#gallery img {
margin-top: 13px;
}
#gallery p {
font: bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
text-align: left;
padding: 0;
margin: 0;
margin-top: 13px;
line-height: 13px;
color: #154D86;
}
#gallery h4 {
font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif;
text-align: left;
padding: 0;
margin: 0;
color: #DD6515;
margin-left: 20px;
margin-bottom: 3px;
/*margin-top: 2px;*/
}
#gallery p.signature {
line-height: 55px;
/*border-bottom: 2px dashed rgb(128, 151, 70);*/
/*margin-bottom: 15px;*/
margin: 10px 10px;
padding: 5px 10px;
background: url(http://www.antaradance.com/images/divider.gif) no-repeat 0 50px;
background-color: transparent;
}
/*-----------------Photo gallery  Styles -------------*/
#galleryLarge {
/*padding-top: 20px;*/
width: 90%;
background: transparent;
margin-left: 30px;
text-align:center;
}
/*-------------thank you styles ----------------*/
.thanks p{
color: #154D86;
}
.thanks p a {
color: #154D86;
border-bottom: 1px dotted #154D86;
}
.thanks p a:hover {
color: maroon;
border-bottom: 1px dotted maroon;
}
/* --------------- Portfolio Styles --------------- */
.portfolio {
/*display: block;*/
clear: both;
/*width: 560px;*/
}
.portfolio .float_left_port {
float: left;
margin-right: 8px;
border: 2px dotted #EFB286;
background-color: #8C480B;
padding: 5px;
}
.content p.port_divider {
display: block;
clear: both;
/*width: 100%;*/
margin-left: 200px;
margin-bottom: 20px;
background: url(http://www.antaradance.com/images/port_divider.gif) no-repeat 0 20px;
background-color: transparent;
}
.portfolio .num_bullet {
margin-left: 10px;
margin-bottom: -20px;
color: #fff;
font: bold 13px Verdana;
background: url(http://www.antaradance.com/images/red_star.jpg) no-repeat 25px 10px;
widows: 50px;
height: 53px;
line-height: 50px;
/*line-height: 16px;
border-top: 10px solid #9D0305;
border-bottom: 1px solid #9D0305;
border-left: 1px solid #9D0305;
border-right: 1px solid #9D0305;
background-color: #EFEFEF;
padding: 4px 10px;*/
}
.portfolio .biodata_first {
float: left;
clear: right;
width: 520px;
margin-top: -25px;
}
.portfolio .biodata {
float: left;
clear: right;
width: 520px;
margin-top: -10px;
}
.portfolio .heading {
font-weight: bold;
color: #003366;
}
.pagination p {
color: #FF6600;
text-align: center;
font-weight: bold;
padding-top: 30px;
}
.pagination p a {
color: #FF6600;
padding: 2px 4px;
font-weight: bold;
border: 2px solid #EBDDC0;
}
.pagination p a:hover {
color: #FF6600;
border: 2px solid #000;
background-color: #EFEFEF;
padding: 2px 4px;
}
.pagination p a.current {
color: #FF6600;
border: 2px solid #000;
background-color: #EFEFEF;
padding: 2px 4px;
}
.portfolio .juniors {
margin-left: 40px;
font: bold 11px Trebuchet MS, Verdana, Arial, sans-serif;
color: #003366;
}
/*-----------------Press Reviews Styles -------------*/
.card {
/*float: left;*/
width: 180px;
margin: 0 20px;
padding: 0 10px;
/*text-align: center;*/
background: #F1E9DC;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
/* added rules */
height: 320px;
overflow:auto;
}
.card h2 {
margin: 5px 0 0 0;
padding: 0;
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
text-align: center;
text-transform: capitalize;
color: #8F8E3E;
}
.card-photo {
margin:0 auto;
padding: 0 auto;
border: none;
text-align: center;
}
.card-photo img {
border: 2px dotted #D8050B;
padding: 10px;
margin: 0 auto;
background-color: #000;
}
.card-photo a img {
border: 2px dotted #D8050B;
padding: 10px;
margin: 0 auto;
background-color: #000;
}
.card-photo a:hover img {
border: 2px dotted #000;
padding: 10px;
margin: 0 auto;
background-color: #D2691E;
}
.card-desc {
margin: 5px 10px; padding:0;
text-align: left;
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
}
.card-info {
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
margin: 5px 10px 0 10px;
padding:0;
text-align: right;
color: #DD6515;
}
.card-info a {
color: #DD6515;
border-bottom: 2px dotted #F1E9DC;
}
.card-info a:hover {
color: #70422B;
border-bottom: 2px dotted #999;
}
/*-----------------Advertisements Styles -------------*/
#adverts {
margin-top: 40px;
margin-left: 90px;
_margin-left: 70px;
}
#adverts a {
color: #fff;
}
#adverts a:hover {
color: #529F46;
}
dl {
float: left;
width: 240px;
margin: 0 0 20px 20px;
padding: 0;
background: #F0EADE url(http://www.antaradance.com/images/adbox_bottom.gif) no-repeat bottom left;
}
dt {
height: 50px;
margin: 0 0 10px 0;
padding: 10px;
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
border-bottom: 1px solid #fff;
background: #E3B734 url(http://www.antaradance.com/images/adbox_top.gif) no-repeat top left;
}
dd {
margin: 0 0 0 10px;
padding: 0 3px 5px 3px;
color: #000;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}
#blue dt {
background-color: #AF6123;
}
#blue {
background-color: #F0EADE;
}
#red dt {
background-color: #933;
}
#red {
background-color: #c99;
}
#green dt {
background-color: #9c6;
}
#green {
background-color: #cf9;
}
#advert01 {
background: #E3B734 url(http://www.antaradance.com/images/logo_advert01.gif) no-repeat top right;
height: 50px;
}
#advert02 {
background: #AF6123 url(http://www.antaradance.com/images/logo_advert02.gif) no-repeat top left;
height: 50px;
}
#advert03 {
background: url(http://www.antaradance.com/images/logo_advert03.gif) no-repeat top right;
height: 50px;
}
#advert04 {
background: url(http://www.antaradance.com/images/logo_advert04.gif) no-repeat top right;
height: 50px;
}

Tasarımın üzerindeki YAZI:

</head>
<body onContextmenu="alert('Copyrighted content.'); return false">
<div id="site" align="center">
<table width="765"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html" alt="Home" title="Home" class="pointerhand" style="cursor:pointer;">
<div id="header2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="765" height="165">
<param name="movie" value="http://www.antaradance.com/images/flash/header_nataraj.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://www.antaradance.com/images/flash/header_nataraj.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="765" height="165"></embed>
</object>
</div>
</a></td>
</tr>
<tr>
<td align="center" id="topnav_box">

<div id="topnav">
<ul>
<li><a href="about.htm" title="About Antara Nritya Niketan" class="selected">&lsquo; Antaranga &rsquo;</a></li>
<li><a href="guru.htm" title="About Founder / Guru">&lsquo; Acharya &rsquo;</a></li>
<li><a href="portfolio01.htm" title="Students' Portfolio">&lsquo; Shishya &rsquo;</a></li>
<li><a href="gallery.htm" title="Photo Gallery">&lsquo; Chaya Sangraha &rsquo;</a></li>
<li><a href="contact.htm" title="Contact Us">&lsquo; Sampark &rsquo;</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td style="background-color:#E1C631;"><img src="http://www.antaradance.com/images/welcome.jpg" width="765" height="68" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td><img src="http://www.antaradance.com/images/bg_maintop.jpg" width="765" height="29" /></td>
</tr>
<tr>
<td id="main">
<div class="content">
<h1>Antara Nritya Niketan</h1>
<table width="100%"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div id="submenu">
<table width="202" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.antaradance.com/images/submenu_top01.jpg" width="202" height="55" /></td>
</tr>
<tr>
<td>
<div id="submenu_box">
<ul>
<li><a href="about.htm" class="selected">About Antara</a></li>
<li><a href="obj_working.htm">Objectives &amp;<br />
Working</a></li>
<li><a href="achievements.htm">Achievements</a></li>
<li><a href="arangetram01.htm">'Arangetrams'</a></li>
<li><a href="other_programs.htm">Other Programs</a></li>
<li><a href="press.htm">Press Reviews</a></li>
<li><a href="thanks.htm">Heartfelt</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td><img src="http://www.antaradance.com/images/submenu_bottom.jpg" width="202" height="112" /></td>
</tr>
</table>
</div>
<div class="left_column01"> 	  </div>
</td>
<td>

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/********* CSS Document for ANTARA NRITYA NIKETAN *********/
/********* Created by WEB VIRTUOSO *********/
/********* Created on 12/19/2005 *********/
/* --------------- Global Styles --------------- */
body {
margin: 0;
padding: 0;
background: #000 url(http://www.antaradance.com/images/bg_body.jpg) repeat-x fixed;
}
img {
border: none;
}
a {
text-decoration: none;
padding: 0;
margin: 0;
}
a:hover {
text-decoration: none;
padding: 0;
margin: 0;
}
* {
padding: 0;
margin: 0;
}
#header1 {
background: url(http://www.antaradance.com/images/header.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header2 {
background: url(http://www.antaradance.com/images/header2.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header3 {
background: url(http://www.antaradance.com/images/header3.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header4 {
background: url(http://www.antaradance.com/images/header4.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header5 {
background: url(http://www.antaradance.com/images/header5.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header6 {
background: url(http://www.antaradance.com/images/header6.jpg) no-repeat top left;
background-color: transparent;
width: 765px;
height: 165px;
}
#header .pointerhand {
cursor: pointer;
cursor: hand;
}
.left_column01 {
background: url(http://www.antaradance.com/images/bg_internal01.jpg) no-repeat bottom;
height: 415px;
margin-left: -5px;
_margin-left: -7px;
}
.left_column02 {
background: url(http://www.antaradance.com/images/bg_internal02.jpg) no-repeat bottom;
height: 415px;
margin-left: -5px;
_margin-left: -7px;
}
.left_column03 {
background: url(http://www.antaradance.com/images/bg_internal03.jpg) no-repeat bottom;
height: 415px;
margin-left: -5px;
_margin-left: -7px;
}
.left_column10 {
background: url(http://www.antaradance.com/images/bg_internal10.jpg) no-repeat bottom;
height: 415px;
margin-left: -12px;
_margin-left: -10px;
}
/* --------------- Top Nav Styles --------------- */
#topnav_box {
background: #000 url(http://www.antaradance.com/images/topnav_bg.jpg) no-repeat;
}
#topnav{
float:left;
width:100%
height:25px;
text-align: center;
margin-left: 8px;
_margin-left: 4px;
font: bold 13px Trebuchet MS, Verdana, Helvetica, sans-serif;
}
#topnav ul{
list-style:none;
margin:0;
padding:0;
}
#topnav a{
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 100% 0px;
color:#6C1316;
line-height: 22px;
display:block;
width: 150px;
height: 25px;
/*padding-top:1px;*/
}
#topnav a:hover{
color:#fff;
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 100% -26px;
}
#topnav a.selected{
color:#fff;
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 100% -26px;
}
#topnav li{
background:url(http://www.antaradance.com/images/tab.gif) no-repeat 0 0px;
float:left;
/*margin: 4px 0 0 0;
padding:0 0 0 2px;*/
}
/* --------------- Submenu Styles --------------- */
#submenu {
margin-left: 20px;
font: bold 13px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
}
#submenu_box {
background: url(http://www.antaradance.com/images/submenu_bg.jpg) repeat-y;
background-color: transparent;
}
#submenu_box ul {
padding: 0;
margin: 0;
list-style:none;
margin-left: 16px;
}
#submenu_box li {
background: url(http://www.antaradance.com/images/submenu_bullet.jpg) no-repeat 0 10px;
background-color: transparent;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
}
#submenu_box li a {
color: #D2691E;
font-weight: bold;
}
#submenu_box li a:hover {
color: #5F5E0C;
border-bottom: 2px dotted #D2691E;
}
#submenu_box .selected {
color: #5F5E0C;
border-bottom: 2px dotted #D2691E;
}
/* --------------- FOOTER Styles --------------- */
#footer {
background: url(http://www.antaradance.com/images/bg_footer.jpg) no-repeat;
height: 44px;
padding: 0 20px;
}
#footer {
font: bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
}
#footer .copyright {
color: #6C1316;
}
#footer .copyright a{
color: #6C1316;
}
#footer .copyright a:hover{
color: #FFFFCC;
border-bottom: 1px solid #6C1316;
}
#footer .WV {
color: #fff;
text-align: right;
}
#footer .WV a{
color: maroon;
border-bottom: 1px solid #6C1316;
}
#footer .WV a:hover{
color: #fff;
border-bottom: 1px solid #fff;
}
/* --------------- CONTENT AREA Styles --------------- */
#main {
background: url(http://www.antaradance.com/images/bg_main.jpg) repeat-y;
}
.namaskar {
font: bold italic 24px Georgia, "Times New Roman", Times, serif;
margin-left: 20px;
text-align: left;
color: #996600;
}
.welcome p {
font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif;
line-height: 15px;
padding: 5px 20px 5px 34px;
text-align: left;
}
.welcome a {
font-size: 13px;
color: #336633;
background: url(http://www.antaradance.com/images/bg_introlink.jpg) repeat-x 0 12px;
}
.welcome a:hover {
color: orange;
background: url(http://www.antaradance.com/images/bg_introlink_hover.jpg) repeat-x 0 12px;
}
.antara {
text-align: justify;
font-style: italic;
color: #003399;
}
.welcome strong {
font-size: 16px;
}
#intro_text {
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
color: #996600;
}
#intro_text p {
font-size: 12px;
font-weight: bold;
line-height: 20px;
padding: 5px 20px 5px 34px;
text-align: left;
}
#intro_text strong {
font-size: 16px;
}
#intro_text h2 {
font-size: 20px;
color: #996600;
line-height: 25px;
padding: 5px 20px 5px 34px;
text-align: center;
font-style: italic;
/*background-color: #F1D1AB;*/
margin: 20px 20px 0 20px;
/*border: 2px dashed #7F0F0F;*/
}
#intro_text a {
font-size: 13px;
color: #336633;
background: url(http://www.antaradance.com/images/bg_introlink.jpg) repeat-x 0 12px;
}
#intro_text a:hover {
color: orange;
background: url(http://www.antaradance.com/images/bg_introlink_hover.jpg) repeat-x 0 12px;
}
#events_box {
padding-right: 20px;
}
.events {
background: url(http://www.antaradance.com/images/events_content.jpg) repeat-y;
font: 12px Trebuchet MS, Verdana, Arial, sans-serif;
color: #000;
padding: 5px 20px 5px 30px;
text-align:left;
}
.orange {
color: #FF6600;
font-weight: bold;
}
.blue {
color: #2F48BF;
font-weight: bold;
}
.events p{
background: url(http://www.antaradance.com/images/events_bullet.jpg) no-repeat 0 2px;
background-color: transparent;
padding-left: 25px;
padding-bottom: 8px;
}
.float_right {
float: right;
padding-left: 8px;
}
.float_left {
float: left;
margin-right: 8px;
}
.float_left_flash {
float: left;
margin-right: 8px;
background-color: #000;
}
.more {
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
color: #DD6515;
text-align: left;
padding-top: 5px;
}
.more a {
color: #DD6515;
}
.more a:hover {
color: #70422B;
}
/* --------------- Internal Pages Styles --------------- */
#main h1 {
height: 55px;
font: bold italic 24px Georgia, "Times New Roman", Times, serif;
color: #7F0707;
margin-left: 80px;
padding-right: 80px;
padding-left: 56px;
padding-top: 28px;
text-align: left;
background: url(http://www.antaradance.com/images/bg_h1.jpg) no-repeat;
}
#main h3 {
font: bold italic 18px Georgia, "Times New Roman", Times, serif;
color: #7F0707;
margin-left: 40px;
margin-right: 45px;
text-align: left;
margin-top: 10px;
}
.content {
background: url(http://www.antaradance.com/images/bg_internal.jpg) no-repeat 522px 0;
background-color: transparent;
min-height: 500px;
}
/* for Internet Explorer */
/**/
* html .content {
height: 500px;
}
/**/
.content p {
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
color: #000;
padding: 10px 40px;
text-align: justify;
}
.box  {
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
color: #000;
margin: 10px 40px;
_margin-left: -20px;
text-align: left;
}
.box td {
padding-bottom: 4px;
}
.box a {
color: #336633;
font-weight: bold;
}
.box a:hover {
color: #336633;
border-bottom: 1px dashed maroon;
}
.hr {
background: url(http://www.antaradance.com/images/bg_hr.jpg) no-repeat;
height: 25px;
margin-left: 25px;
margin-top: 30px;
}
.first_para {
background: url(http://www.antaradance.com/images/bg_para.jpg) repeat-y 10px 5px;
background-color: transparent;
}
.content .float_right {
float: right;
padding-left: 8px;
border: 1px solid #4A9606;
background-color: #000;
padding: 3px;
}
.content .float_left {
float: left;
margin-right: 8px;
border: 1px solid #4A9606;
background-color: #000;
padding: 5px;
}
.content .float_none {
clear: both;
margin-right: 8px;
border: 1px solid #4A9606;
background-color: #000;
padding: 5px;
}
.content .highlight {
color: #F2621C;
font-weight: bold;
}
.content ul {
padding: 0;
margin: 0;
list-style-type: none;
margin-left: 50px;
margin-right: 40px;
text-align: justify;
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
}
.content li {
background: url(http://www.antaradance.com/images/bullet.gif) no-repeat 0 13px;
background-color: transparent;
padding-left: 30px;
padding-top: 10px;
}
.content li em {
color: #F2621C;
font-weight: bold;
}
.content li li {
background: url(http://www.antaradance.com/images/bullet2.gif) no-repeat 0 10px;
background-color: transparent;
margin-left: -40px;
padding-left: 20px;
}
.content p.pagelink {
text-align: right;
color: #003399;
font-weight: bold;
padding-right: 70px;
background: transparent url(http://www.antaradance.com/images/arrow.jpg) no-repeat;
background-position: 94%;
}
.content p.pagelink a {
color: #003399;
}
.content p.pagelink a:hover {
color: #BF4300;
border-bottom: 2px dotted #003399;
}
.content p.back {
text-align: right;
color: #003399;
font-weight: bold;
padding-right: 70px;
background: transparent url(http://www.antaradance.com/images/arrow_back.jpg) no-repeat;
background-position: 94%;
}
.content p.back a {
color: #003399;
}
.content p.back a:hover {
color: #BF4300;
border-bottom: 2px dotted #003399;
}
/*------------Scroll----------*/
div.scroll {
height: 425px;
width: 490px;
overflow: auto;
padding-bottom: 5px;
background-color: transparent;
}
.scroll p {
padding-right: 10px;
}
/*------------------------------------*/
/*-----quotes ----*/
.bqstart  {
float: left;
height: 45px;
margin-top: -50px;
margin-left: -32px;
_margin-left: -18px;
padding-top: 45px;
margin-bottom: -80px;
font-size: 50px;
color: #8F1A1A;
font-style: normal;
font-family: Georgia;
}
.bqend {
float: right;
height: 25px;
margin-top: -30px;
padding-top: 25px;
font-size: 300%;
color: #8F1A1A;
font-style: normal;
font-family: Georgia;
}
blockquote {
margin: 20px 65px;
padding: 0 20px;
line-height: 105%;
color: #09368B;
font-size: 18px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
text-align: left;
font-style: normal;
}
.content p.signature {
text-align: right;
font: 0.9em "Trebuchet MS", Verdana, Arial;
font-style: italic;
font-weight: bold;
line-height: 55px;
/*border-bottom: 2px dashed rgb(128, 151, 70);*/
/*margin-bottom: 15px;*/
margin: 10px 30px;
padding: 5px 10px;
background: url(http://www.antaradance.com/images/divider.gif) no-repeat 0 50px;
background-color: transparent;
}
/*-----------------------*/
.dropcap {
font: normal 45px Georgia;
color:chocolate;
font-weight:normal;
line-height:90%;
letter-spacing:-1px;
}
/* --------------- Popup Window Styles --------------- */
#popup {
background-color: #FFE3BF;
border: 2px solid #D5BC86;
margin: 20px;
}
#popup td {
padding: 10px;
color: #03379C;
font: 14px Helvetica, sans-serif, Verdana, Arial;
text-align:justify;
}
#popup p {
padding-top: 10px;
}
#popup img {
border: 2px solid chocolate;
}
#popup a {
color: #FF6600;
border-bottom: 1px dotted #ff6600;
padding-bottom: 2px;
font-style: italic;
}
#popup a:hover {
color: #529F46;
border-bottom: 1px dotted #ff6600;
padding-bottom: 2px;
}
/*------------------------------------*/
#popup_press {
background-color: #FFE3BF;
border: 2px solid #D5BC86;
margin: 20px;
}
#popup_press td {
padding: 10px;
color: #03379C;
font: 14px Helvetica, sans-serif, Verdana, Arial;
text-align:justify;
}
#popup_press p {
padding-top: 10px;
}
#popup_press img {
border: 2px dotted #D8050B;
padding: 10px;
margin: 0 auto;
background-color: #000;
}
#popup_press h2 {
margin: 5px 0;
padding: 0;
font: bold 17px Verdana, Arial, sans-serif;
text-align: center;
word-spacing: 4px;
text-transform: capitalize;
color: #8F8E3E;
}
/*----------- Tool Tips Style -----------------*/
a.info {
position:relative; /*this is the key*/
z-index:24; background-color: transparent;
color:#000;
text-decoration:none
}
a.info:hover{
z-index:25;
background-color:transparent;
cursor: help;
}
a.info span{
display: none
}
a.info:hover span{
/*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5px; left:-5px; width:300px;
border:10px solid #000;
background-color:#cff; color:#000;
text-align: center;
padding: 10px;
}
/*----------------------------------------------------------*/
/*-----------------Photo gallery & Arangetram Styles -------------*/
/*-----------------Arangetram Styles -------------*/
#gallery {
padding: 0 20px;
}
#gallery .photo {
/*margin: 10px 0;
padding-bottom: 20px;*/
background: url(http://www.antaradance.com/images/gallery_bg.gif) no-repeat;
width: 133px;
height: 250px;
}
#gallery img {
margin-top: 13px;
}
#gallery p {
font: bold 12px Trebuchet MS, Verdana, Arial, sans-serif;
text-align: left;
padding: 0;
margin: 0;
margin-top: 13px;
line-height: 13px;
color: #154D86;
}
#gallery h4 {
font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif;
text-align: left;
padding: 0;
margin: 0;
color: #DD6515;
margin-left: 20px;
margin-bottom: 3px;
/*margin-top: 2px;*/
}
#gallery p.signature {
line-height: 55px;
/*border-bottom: 2px dashed rgb(128, 151, 70);*/
/*margin-bottom: 15px;*/
margin: 10px 10px;
padding: 5px 10px;
background: url(http://www.antaradance.com/images/divider.gif) no-repeat 0 50px;
background-color: transparent;
}
/*-----------------Photo gallery  Styles -------------*/
#galleryLarge {
/*padding-top: 20px;*/
width: 90%;
background: transparent;
margin-left: 30px;
text-align:center;
}
/*-------------thank you styles ----------------*/
.thanks p{
color: #154D86;
}
.thanks p a {
color: #154D86;
border-bottom: 1px dotted #154D86;
}
.thanks p a:hover {
color: maroon;
border-bottom: 1px dotted maroon;
}
/* --------------- Portfolio Styles --------------- */
.portfolio {
/*display: block;*/
clear: both;
/*width: 560px;*/
}
.portfolio .float_left_port {
float: left;
margin-right: 8px;
border: 2px dotted #EFB286;
background-color: #8C480B;
padding: 5px;
}
.content p.port_divider {
display: block;
clear: both;
/*width: 100%;*/
margin-left: 200px;
margin-bottom: 20px;
background: url(http://www.antaradance.com/images/port_divider.gif) no-repeat 0 20px;
background-color: transparent;
}
.portfolio .num_bullet {
margin-left: 10px;
margin-bottom: -20px;
color: #fff;
font: bold 13px Verdana;
background: url(http://www.antaradance.com/images/red_star.jpg) no-repeat 25px 10px;
widows: 50px;
height: 53px;
line-height: 50px;
/*line-height: 16px;
border-top: 10px solid #9D0305;
border-bottom: 1px solid #9D0305;
border-left: 1px solid #9D0305;
border-right: 1px solid #9D0305;
background-color: #EFEFEF;
padding: 4px 10px;*/
}
.portfolio .biodata_first {
float: left;
clear: right;
width: 520px;
margin-top: -25px;
}
.portfolio .biodata {
float: left;
clear: right;
width: 520px;
margin-top: -10px;
}
.portfolio .heading {
font-weight: bold;
color: #003366;
}
.pagination p {
color: #FF6600;
text-align: center;
font-weight: bold;
padding-top: 30px;
}
.pagination p a {
color: #FF6600;
padding: 2px 4px;
font-weight: bold;
border: 2px solid #EBDDC0;
}
.pagination p a:hover {
color: #FF6600;
border: 2px solid #000;
background-color: #EFEFEF;
padding: 2px 4px;
}
.pagination p a.current {
color: #FF6600;
border: 2px solid #000;
background-color: #EFEFEF;
padding: 2px 4px;
}
.portfolio .juniors {
margin-left: 40px;
font: bold 11px Trebuchet MS, Verdana, Arial, sans-serif;
color: #003366;
}
/*-----------------Press Reviews Styles -------------*/
.card {
/*float: left;*/
width: 180px;
margin: 0 20px;
padding: 0 10px;
/*text-align: center;*/
background: #F1E9DC;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
/* added rules */
height: 320px;
overflow:auto;
}
.card h2 {
margin: 5px 0 0 0;
padding: 0;
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
text-align: center;
text-transform: capitalize;
color: #8F8E3E;
}
.card-photo {
margin:0 auto;
padding: 0 auto;
border: none;
text-align: center;
}
.card-photo img {
border: 2px dotted #D8050B;
padding: 10px;
margin: 0 auto;
background-color: #000;
}
.card-photo a img {
border: 2px dotted #D8050B;
padding: 10px;
margin: 0 auto;
background-color: #000;
}
.card-photo a:hover img {
border: 2px dotted #000;
padding: 10px;
margin: 0 auto;
background-color: #D2691E;
}
.card-desc {
margin: 5px 10px; padding:0;
text-align: left;
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
}
.card-info {
font: bold 14px Trebuchet MS, Verdana, Arial, sans-serif;
margin: 5px 10px 0 10px;
padding:0;
text-align: right;
color: #DD6515;
}
.card-info a {
color: #DD6515;
border-bottom: 2px dotted #F1E9DC;
}
.card-info a:hover {
color: #70422B;
border-bottom: 2px dotted #999;
}
/*-----------------Advertisements Styles -------------*/
#adverts {
margin-top: 40px;
margin-left: 90px;
_margin-left: 70px;
}
#adverts a {
color: #fff;
}
#adverts a:hover {
color: #529F46;
}
dl {
float: left;
width: 240px;
margin: 0 0 20px 20px;
padding: 0;
background: #F0EADE url(http://www.antaradance.com/images/adbox_bottom.gif) no-repeat bottom left;
}
dt {
height: 50px;
margin: 0 0 10px 0;
padding: 10px;
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
border-bottom: 1px solid #fff;
background: #E3B734 url(http://www.antaradance.com/images/adbox_top.gif) no-repeat top left;
}
dd {
margin: 0 0 0 10px;
padding: 0 3px 5px 3px;
color: #000;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}
#blue dt {
background-color: #AF6123;
}
#blue {
background-color: #F0EADE;
}
#red dt {
background-color: #933;
}
#red {
background-color: #c99;
}
#green dt {
background-color: #9c6;
}
#green {
background-color: #cf9;
}
#advert01 {
background: #E3B734 url(http://www.antaradance.com/images/logo_advert01.gif) no-repeat top right;
height: 50px;
}
#advert02 {
background: #AF6123 url(http://www.antaradance.com/images/logo_advert02.gif) no-repeat top left;
height: 50px;
}
#advert03 {
background: url(http://www.antaradance.com/images/logo_advert03.gif) no-repeat top right;
height: 50px;
}
#advert04 {
background: url(http://www.antaradance.com/images/logo_advert04.gif) no-repeat top right;
height: 50px;
}

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*****************************************************
** Regines Patisserie
**
** (c) FreckleCreative.com.au
*****************************************************/
@import url(freckle.css);
body {
margin:0;
padding:0;
color: #8b3d1b;
font-size: 0.9em;
font-family: georgia, serif;
background: white url(http://www.regines.net.au/site/images/body_bg.jpg) 50% 0 repeat-x;
text-align: center;
}
img.logo,
#h1-header,
#d-accessability { display: none }
a,
a:visited { color: #fd0800; text-decoration: underline }
a:hover { color: #561416; }
acronym { border-bottom: 1px dotted #8b3d1b; cursor: help }
p {
margin: 0.8em 0;
padding: 0;
}
body #d-flash,
body #d-flash a {
display: block;
width: 724px;
height: 222px;
padding-left: 16px;
}
body #d-flash a,
body #d-flash a:visited {
padding-left: 0;
text-indent: -5000px;
text-align: center;
background: transparent url(http://www.regines.net.au/site/images/flash.jpg) 31px 0px no-repeat;
}
body #d-container {
text-align: left;
display: block;
margin: 0 auto;
padding:0;
width: 740px;
}
body #d-header {
display: block;
width: 740px;
height: 130px;
background: #721b1d url(http://www.regines.net.au/site/images/header_bg.jpg) top left no-repeat;
}
body #d-nav {
float: right;
padding: 29px 47px 0 0;
margin: 0;
list-style: none;
width: 401px;
height: 101px;
overflow: hidden;
}
body #d-nav li {
float: left;
width: 93px;
height: 101px;
}
body #d-nav li a,
body #d-nav li a:visited {
color: white;
display: block;
width: 93px;
height: 101px;
text-align: center;
text-decoration: none;
}
body #d-nav li.selected a,
body #d-nav li a:hover {
text-decoration: underline;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(http://www.regines.net.au/site/images/nav_hover.jpg);
}
body #d-nav li.selected a {
font-weight: bold;
text-decoration: underline !important;
background-image: url(http://www.regines.net.au/site/images/nav_selected.jpg) !important;
}
body #d-nav li a.item1 { padding-top: 60px }
body #d-nav li a.item2 { padding-top: 56px }
body #d-nav li a.item3 { padding-top: 52px }
body #d-nav li a.item4 { padding-top: 48px }
body #d-nav li a.item1:hover, body #d-nav li.selected a.item1 { background-position: 0 0 }
body #d-nav li a.item2:hover, body #d-nav li.selected a.item2 { background-position: -93px 0 }
body #d-nav li a.item3:hover, body #d-nav li.selected a.item3 { background-position: -186px 0 }
body #d-nav li a.item4:hover, body #d-nav li.selected a.item4 { background-position: -279px 0 }
body #d-wrapper {
display: block;
width: 740px;
background-color: white;
background-position: top left;
background-repeat: repeat-y;
background-image: url(http://www.regines.net.au/site/images/wrapper_paper.jpg);
}
body #d-wrapper-top { background: transparent url(http://www.regines.net.au/site/images/wrapper_top.jpg) top left no-repeat }
body#home #d-wrapper {
height: 538px;
background-image: url(http://www.regines.net.au/site/images/wrapper_bg.jpg);
background-repeat: no-repeat;
}
body #d-wrapper-top { padding: 52px 0 0 0 }
body h2 {
display: block;
margin: 0;
padding: 0; /*padding: 80px 0 0 40px;*/
width: 400px;
height: 85px;
text-indent: -3000px;
background-color: transparent;
background-position: 43px 0;
background-repeat: no-repeat;
}
body#aboutus h2 { background-image: url(http://www.regines.net.au/site/images/h2_aboutus.jpg) }
body#product h2 { background-image: url(http://www.regines.net.au/site/images/h2_products.jpg) }
body#contact h2 { background-image: url(http://www.regines.net.au/site/images/h2_contactus.jpg) }
body #d-content {
float: left;
padding: 5px 0 20px 45px;
margin: 0;
width: 695px;
height: 300px;
min-height: 300px;
text-align: justify;
background-color: transparent;
background-repeat: no-repeat;
background-position: left bottom;
background-image: url(http://www.regines.net.au/site/images/content_bottom.jpg);
}
body#aboutus h2 {
width: 400px;
}
body#aboutus #d-content {
font-size: 0.8em;
line-height: 1.6em;
}
body#aboutus #d-content img {
position: absolute;
display: block;
top: 250px;
margin-left: 490px;
}
html>body #d-content { height: auto }
body #d-content p { width: 475px; }
body#home #d-content p { width: 300px; }
body#home #d-content {
float: left;
width: 300px;
height: auto;
min-height: 200px;
padding: 40px 0 50px 80px;
font-size: 12px;
line-height: 1.7em;
background-image: none;
}
body.product #d-content p { width: 600px }
h3 {
clear: both;
margin: 10px 0 0 0;
padding: 3px;
background: transparent url(http://www.regines.net.au/site/images/hr.gif) left bottom no-repeat;
}
label {
clear: left;
float: left;
width: 100px;
padding-right: 10px;
}
select,
input.text {
width: 300px;
padding: 1px;
background-color: transparent;
border: 1px solid #8b3d1b;
}
body#contact h2 { width: 250px }
body#contact label {
clear: left;
float: left;
width: 72px;
font-weight: bold;
}
body#contact address,
body#contact .details p {
font-style: normal;
display: block;
width: 143px;
margin: 0 0 0 84px;
padding: 0 0 1em 0;
}
body#contact img {
position: absolute;
float: right;
top: 182px;
margin-left: 270px;
margin-right: 20px;
}
body#contact #d-content {
clear: none;
}
ul.cats,
ul.catnav,
ul.catnav ul {
margin: 0;
padding: 0;
list-style: none;
}
ul.cats li {
float: left;
width: 216px;
height: 146px;
padding: 0;
margin: 0;
color: #8b3d1b;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://www.regines.net.au/site/images/no_cat_image.gif);
}
ul.cats li a,
ul.cats li a:visited,
ul.cats li a span {
float: left;
color: #8b3d1b;
width: 216px;
height: 146px;
text-decoration: none;
}
ul.cats li a span {
width: 104px;
height: 30px;
font-size: 11px;
color: #6a1619;
cursor: pointer;
text-align: left;
padding: 116px 105px 0 7px;
}
ul.cats li a:hover { text-decoration: none; background-image: none; }
ul.cats li.pies { background-image: url(http://www.regines.net.au/site/images/cat_pies.jpg) }
/*ul.cats li.slab { background-image: url(http://www.regines.net.au/site/images/cat_slab.jpg) }*/
ul.cats li.cakes { background-image: url(http://www.regines.net.au/site/images/cat_mudcake.jpg) }
ul.cats li.savory { background-image: url(http://www.regines.net.au/site/images/cat_savory.jpg) }
ul.cats li.breakfast { background-image: url(http://www.regines.net.au/site/images/cat_breakfast.jpg) }
ul.cats li.cheesecakes { background-image: url(http://www.regines.net.au/site/images/cat_cheesecake.jpg) }
ul.cats li a { background: transparent url(http://www.regines.net.au/site/images/cat_a.gif) top left no-repeat }
ul.cats li a:hover span { background: transparent url(http://www.regines.net.au/site/images/cat_a_hover.gif) top left no-repeat; color: white; }
ul.catnav { float: left }
ul.catnav li {
display: block;
color: #8b3d1b;
width: 177px;
/* height: 34px; */
margin: 0;
padding: 0;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
background-image: url(http://www.regines.net.au/site/images/product_li_a_normal.jpg);
}
ul.catnav li li { background-image: url(http://www.regines.net.au/site/images/product_li_a.jpg) }
ul.catnav li a {
color: #8b3d1b;
font-weight: bold;
display: block;
width: 177px;
height: 34px;
font-size: 0.75em;
text-decoration: none !important;
background-image: none;
}
ul.catnav li a span {
display: block;
color: #8b3d1b;
margin: 0;
padding: 4px 5px 0 5px;
text-decoration: none;
text-align: left;
}
ul.catnav li li a span {
font-weight: normal;
color: #6e191b;
padding-left: 20px;
font-size: 0.9em;
padding-top: 5px;
background: transparent url(http://www.regines.net.au/site/images/li_dash.gif) 6px 50% no-repeat;
}
ul.catnav li a.selected,
ul.catnav li a:hover {
color: white !important;
text-decoration: none;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
background-image: url(http://www.regines.net.au/site/images/product_a_sel.jpg);
}
ul.catnav li a.selected span,
ul.catnav li a:hover span { color: white; }
ul.catnav li li a.selected,
ul.catnav li li a:hover { background-image: url(http://www.regines.net.au/site/images/product_li_a_hover.jpg); }
ul.catnav li li a.selected span,
ul.catnav li li a:hover span {
color: white;
background-image: url(http://www.regines.net.au/site/images/li_dash_white.gif);
}
ul.catnav li li { padding:0;margin:0 }
ul.products { display: block; margin-left: 158px; }
html>body ul.products { margin-left: 178px }
ul.products li { margin-left: 20px }
ul.products img { display: none }
ul.products li a span {
width: 205px;
cursor: pointer;
text-align: left;
padding: 116px 5px 0 6px;
}
ul.products li a:hover span { background-image: url(http://www.regines.net.au/site/images/product_a_hover.gif) }
body.productlist #d-content { padding-bottom: 70px }
.productphoto {
float: left;
width: 216px;
height: 146px;
margin-right: 20px;
margin-left: 20px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://www.regines.net.au/site/images/no_cat_image.gif);
}
.productphoto img,
.productphoto span em { display: none }
.productphoto span {
display: block;
width: 216px;
height: 146px;
text-indent: -3000px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://www.regines.net.au/site/images/product_image_cover.gif);
}
body.productlist h3 {
clear: none;
float: left;
width: 400px; /* 240px; */
margin: 10px 0 0 25px;
vertical-align: bottom;
}
body.productlist #d-content p { width:240px; margin-left: 205px; }
#d-productofmonth {
float: left;
width: 343px;
height: 257px;
margin: 0;
padding:0;
}
#d-productofmonth a {
display: block;
width: 343px;
height: 257px;
cursor: pointer;
text-indent: -3000px;
}
/***** Footer ************************/
body #d-footer {
clear: both;
margin: 0;
padding: 5px 0 0 43px;
font-size: 10px;
display: block;
height: 90px;
background-color: transparent;
background-repeat: no-repeat;
background-position: top left;
background-image: url(http://www.regines.net.au/site/images/footer_top.jpg);
}
body#home #d-footer {
height: auto;
padding: 0 0 0 80px;
background-image: none;
}
#d-footer a,
#d-footer a:visited {
color: #8b3d1b;
padding: 0 4px;
text-decoration: none;
}
#d-footer a:hover { text-decoration: underline }
#d-footer .links { display: inline }
#d-footer hr { display: none }
#d-footer p {
margin: 0;
padding: 0 0 6px 0;
}
#d-footer .valids {
padding: 38px 0 0 0;
}
#d-footer em { display: none }

Tasarımın üzerindeki YAZI:

</head>
<body id="product" class="productlist">
<h1 id="h1-header">Regines Patisserie</h1>
<div id="d-accessability">
<a href="#d-content" accesskey="C">Skip to Content (C)</a><br />
<a href="#d-nav" accesskey="N">Skip to Navigation (N)</a><br />
<a href="/sitemap.html" accesskey="M">Skip to SiteMap (M)</a>
</div>
<img class="logo" src="/site/images/logo.gif" alt="Logo" width="450" height="149" border="0" />
<div id="d-container">
<div id="d-header">
<ul id="d-nav">
<li ><a href="/home.html" id="m-home" title="Welcome to DS Family Law" accesskey="1" class="item1">Home</a></li>
<li ><a href="/patisserie-products.html" id="m-product" title="Regines Patisserie products" accesskey="2" class="item2">Products</a></li>
<li ><a href="/about-regines-patisseries.html" id="m-aboutus" title="About Regines Patisserie" accesskey="3" class="item3">About Us</a></li>
<li ><a href="/contact-regines-patisserie.html" id="m-contact" title="Contact Regines Patisserie" accesskey="4" class="item4">Contact</a></li>
</ul>
</div>
<div id="d-wrapper">
<div id="d-wrapper-top">
<h2>Shows a list of products</h2>
<div id="d-content">
<ul class="catnav">
<li><a href="/patisserie-products/product/Baked%20and%20Coldset%20Cheesecakes.html" class="first"><span>Baked And <br /> Coldset Cheesecakes</span></a>
</li>
<li><a href="/patisserie-products/product/Breakfast%20Items.html"><span>Breakfast <br /> Items</span></a>
</li>
<li><a href="/patisserie-products/product/Cakes%20and%20Tortes.html"><span>Cakes And <br /> Tortes</span></a>
</li>
<li><a href="/patisserie-products/product/Pies%20and%20Flans.html"><span>Pies And <br /> Flans</span></a>
</li>
<li><a href="/patisserie-products/product/Savoury%20and%20Individual%20Items.html"><span>Savoury And <br /> Individual Items</span></a>
</li>
<li><a href="/patisserie-products/product/Slab%20Cakes.html" class="first selected"><span>Slab <br /> Cakes</span></a>
<ul>
<li><a href="/patisserie-products/product/Slab%20Cakes/Baked%20Ricotta.html"><span>Baked <br /> Ricotta</span></a></li>
<li><a href="/patisserie-products/product/Slab%20Cakes/Banana.html"><span>Banana</span></a></li>
<li><a href="/patisserie-products/product/Slab%20Cakes/Carrot.html"><span>Carrot</span></a></li>
<li><a href="/patisserie-products/product/Slab%20Cakes/Moist%20Chocolate.html"><span>Moist <br /> Chocolate</span></a></li>
<li><a href="/patisserie-products/product/Slab%20Cakes/Sticky%20Date.html"><span>Sticky <br /> Date</span></a></li>
</ul>
</li>
</ul>

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*****************************************************
** Regines Patisserie
**
** (c) FreckleCreative.com.au
*****************************************************/
@import url(freckle.css);
body {
margin:0;
padding:0;
color: #8b3d1b;
font-size: 0.9em;
font-family: georgia, serif;
background: white url(http://www.regines.net.au/site/images/body_bg.jpg) 50% 0 repeat-x;
text-align: center;
}
img.logo,
#h1-header,
#d-accessability { display: none }
a,
a:visited { color: #fd0800; text-decoration: underline }
a:hover { color: #561416; }
acronym { border-bottom: 1px dotted #8b3d1b; cursor: help }
p {
margin: 0.8em 0;
padding: 0;
}
body #d-flash,
body #d-flash a {
display: block;
width: 724px;
height: 222px;
padding-left: 16px;
}
body #d-flash a,
body #d-flash a:visited {
padding-left: 0;
text-indent: -5000px;
text-align: center;
background: transparent url(http://www.regines.net.au/site/images/flash.jpg) 31px 0px no-repeat;
}
body #d-container {
text-align: left;
display: block;
margin: 0 auto;
padding:0;
width: 740px;
}
body #d-header {
display: block;
width: 740px;
height: 130px;
background: #721b1d url(http://www.regines.net.au/site/images/header_bg.jpg) top left no-repeat;
}
body #d-nav {
float: right;
padding: 29px 47px 0 0;
margin: 0;
list-style: none;
width: 401px;
height: 101px;
overflow: hidden;
}
body #d-nav li {
float: left;
width: 93px;
height: 101px;
}
body #d-nav li a,
body #d-nav li a:visited {
color: white;
display: block;
width: 93px;
height: 101px;
text-align: center;
text-decoration: none;
}
body #d-nav li.selected a,
body #d-nav li a:hover {
text-decoration: underline;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(http://www.regines.net.au/site/images/nav_hover.jpg);
}
body #d-nav li.selected a {
font-weight: bold;
text-decoration: underline !important;
background-image: url(http://www.regines.net.au/site/images/nav_selected.jpg) !important;
}
body #d-nav li a.item1 { padding-top: 60px }
body #d-nav li a.item2 { padding-top: 56px }
body #d-nav li a.item3 { padding-top: 52px }
body #d-nav li a.item4 { padding-top: 48px }
body #d-nav li a.item1:hover, body #d-nav li.selected a.item1 { background-position: 0 0 }
body #d-nav li a.item2:hover, body #d-nav li.selected a.item2 { background-position: -93px 0 }
body #d-nav li a.item3:hover, body #d-nav li.selected a.item3 { background-position: -186px 0 }
body #d-nav li a.item4:hover, body #d-nav li.selected a.item4 { background-position: -279px 0 }
body #d-wrapper {
display: block;
width: 740px;
background-color: white;
background-position: top left;
background-repeat: repeat-y;
background-image: url(http://www.regines.net.au/site/images/wrapper_paper.jpg);
}
body #d-wrapper-top { background: transparent url(http://www.regines.net.au/site/images/wrapper_top.jpg) top left no-repeat }
body#home #d-wrapper {
height: 538px;
background-image: url(http://www.regines.net.au/site/images/wrapper_bg.jpg);
background-repeat: no-repeat;
}
body #d-wrapper-top { padding: 52px 0 0 0 }
body h2 {
display: block;
margin: 0;
padding: 0; /*padding: 80px 0 0 40px;*/
width: 400px;
height: 85px;
text-indent: -3000px;
background-color: transparent;
background-position: 43px 0;
background-repeat: no-repeat;
}
body#aboutus h2 { background-image: url(http://www.regines.net.au/site/images/h2_aboutus.jpg) }
body#product h2 { background-image: url(http://www.regines.net.au/site/images/h2_products.jpg) }
body#contact h2 { background-image: url(http://www.regines.net.au/site/images/h2_contactus.jpg) }
body #d-content {
float: left;
padding: 5px 0 20px 45px;
margin: 0;
width: 695px;
height: 300px;
min-height: 300px;
text-align: justify;
background-color: transparent;
background-repeat: no-repeat;
background-position: left bottom;
background-image: url(http://www.regines.net.au/site/images/content_bottom.jpg);
}
body#aboutus h2 {
width: 400px;
}
body#aboutus #d-content {
font-size: 0.8em;
line-height: 1.6em;
}
body#aboutus #d-content img {
position: absolute;
display: block;
top: 250px;
margin-left: 490px;
}
html>body #d-content { height: auto }
body #d-content p { width: 475px; }
body#home #d-content p { width: 300px; }
body#home #d-content {
float: left;
width: 300px;
height: auto;
min-height: 200px;
padding: 40px 0 50px 80px;
font-size: 12px;
line-height: 1.7em;
background-image: none;
}
body.product #d-content p { width: 600px }
h3 {
clear: both;
margin: 10px 0 0 0;
padding: 3px;
background: transparent url(http://www.regines.net.au/site/images/hr.gif) left bottom no-repeat;
}
label {
clear: left;
float: left;
width: 100px;
padding-right: 10px;
}
select,
input.text {
width: 300px;
padding: 1px;
background-color: transparent;
border: 1px solid #8b3d1b;
}
body#contact h2 { width: 250px }
body#contact label {
clear: left;
float: left;
width: 72px;
font-weight: bold;
}
body#contact address,
body#contact .details p {
font-style: normal;
display: block;
width: 143px;
margin: 0 0 0 84px;
padding: 0 0 1em 0;
}
body#contact img {
position: absolute;
float: right;
top: 182px;
margin-left: 270px;
margin-right: 20px;
}
body#contact #d-content {
clear: none;
}
ul.cats,
ul.catnav,
ul.catnav ul {
margin: 0;
padding: 0;
list-style: none;
}
ul.cats li {
float: left;
width: 216px;
height: 146px;
padding: 0;
margin: 0;
color: #8b3d1b;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://www.regines.net.au/site/images/no_cat_image.gif);
}
ul.cats li a,
ul.cats li a:visited,
ul.cats li a span {
float: left;
color: #8b3d1b;
width: 216px;
height: 146px;
text-decoration: none;
}
ul.cats li a span {
width: 104px;
height: 30px;
font-size: 11px;
color: #6a1619;
cursor: pointer;
text-align: left;
padding: 116px 105px 0 7px;
}
ul.cats li a:hover { text-decoration: none; background-image: none; }
ul.cats li.pies { background-image: url(http://www.regines.net.au/site/images/cat_pies.jpg) }
/*ul.cats li.slab { background-image: url(http://www.regines.net.au/site/images/cat_slab.jpg) }*/
ul.cats li.cakes { background-image: url(http://www.regines.net.au/site/images/cat_mudcake.jpg) }
ul.cats li.savory { background-image: url(http://www.regines.net.au/site/images/cat_savory.jpg) }
ul.cats li.breakfast { background-image: url(http://www.regines.net.au/site/images/cat_breakfast.jpg) }
ul.cats li.cheesecakes { background-image: url(http://www.regines.net.au/site/images/cat_cheesecake.jpg) }
ul.cats li a { background: transparent url(http://www.regines.net.au/site/images/cat_a.gif) top left no-repeat }
ul.cats li a:hover span { background: transparent url(http://www.regines.net.au/site/images/cat_a_hover.gif) top left no-repeat; color: white; }
ul.catnav { float: left }
ul.catnav li {
display: block;
color: #8b3d1b;
width: 177px;
/* height: 34px; */
margin: 0;
padding: 0;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
background-image: url(http://www.regines.net.au/site/images/product_li_a_normal.jpg);
}
ul.catnav li li { background-image: url(http://www.regines.net.au/site/images/product_li_a.jpg) }
ul.catnav li a {
color: #8b3d1b;
font-weight: bold;
display: block;
width: 177px;
height: 34px;
font-size: 0.75em;
text-decoration: none !important;
background-image: none;
}
ul.catnav li a span {
display: block;
color: #8b3d1b;
margin: 0;
padding: 4px 5px 0 5px;
text-decoration: none;
text-align: left;
}
ul.catnav li li a span {
font-weight: normal;
color: #6e191b;
padding-left: 20px;
font-size: 0.9em;
padding-top: 5px;
background: transparent url(http://www.regines.net.au/site/images/li_dash.gif) 6px 50% no-repeat;
}
ul.catnav li a.selected,
ul.catnav li a:hover {
color: white !important;
text-decoration: none;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
background-image: url(http://www.regines.net.au/site/images/product_a_sel.jpg);
}
ul.catnav li a.selected span,
ul.catnav li a:hover span { color: white; }
ul.catnav li li a.selected,
ul.catnav li li a:hover { background-image: url(http://www.regines.net.au/site/images/product_li_a_hover.jpg); }
ul.catnav li li a.selected span,
ul.catnav li li a:hover span {
color: white;
background-image: url(http://www.regines.net.au/site/images/li_dash_white.gif);
}
ul.catnav li li { padding:0;margin:0 }
ul.products { display: block; margin-left: 158px; }
html>body ul.products { margin-left: 178px }
ul.products li { margin-left: 20px }
ul.products img { display: none }
ul.products li a span {
width: 205px;
cursor: pointer;
text-align: left;
padding: 116px 5px 0 6px;
}
ul.products li a:hover span { background-image: url(http://www.regines.net.au/site/images/product_a_hover.gif) }
body.productlist #d-content { padding-bottom: 70px }
.productphoto {
float: left;
width: 216px;
height: 146px;
margin-right: 20px;
margin-left: 20px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://www.regines.net.au/site/images/no_cat_image.gif);
}
.productphoto img,
.productphoto span em { display: none }
.productphoto span {
display: block;
width: 216px;
height: 146px;
text-indent: -3000px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://www.regines.net.au/site/images/product_image_cover.gif);
}
body.productlist h3 {
clear: none;
float: left;
width: 400px; /* 240px; */
margin: 10px 0 0 25px;
vertical-align: bottom;
}
body.productlist #d-content p { width:240px; margin-left: 205px; }
#d-productofmonth {
float: left;
width: 343px;
height: 257px;
margin: 0;
padding:0;
}
#d-productofmonth a {
display: block;
width: 343px;
height: 257px;
cursor: pointer;
text-indent: -3000px;
}
/***** Footer ************************/
body #d-footer {
clear: both;
margin: 0;
padding: 5px 0 0 43px;
font-size: 10px;
display: block;
height: 90px;
background-color: transparent;
background-repeat: no-repeat;
background-position: top left;
background-image: url(http://www.regines.net.au/site/images/footer_top.jpg);
}
body#home #d-footer {
height: auto;
padding: 0 0 0 80px;
background-image: none;
}
#d-footer a,
#d-footer a:visited {
color: #8b3d1b;
padding: 0 4px;
text-decoration: none;
}
#d-footer a:hover { text-decoration: underline }
#d-footer .links { display: inline }
#d-footer hr { display: none }
#d-footer p {
margin: 0;
padding: 0 0 6px 0;
}
#d-footer .valids {
padding: 38px 0 0 0;
}
#d-footer em { display: none }

süperrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr

Tasarımın üzerindeki YAZI:

</head>
<body>
<div class="top" align="center">
<table width="766" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="290"><a href="../index.html"><img src="http://www.chitalebandhu.in/images/logo.jpg" width="290" height="125" border="0" /></a></td>
<td><div id="top_nav">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="53"><img src="http://www.chitalebandhu.in/images/top_nav01.jpg" width="53" height="33" /></td>
<td align="right">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../about/contact.html">Contact Chitales</a></li>
</ul>
</td>
<td width="30"><img src="http://www.chitalebandhu.in/images/top_nav02.jpg" width="30" height="33" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td colspan="2">
<div id="flash">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="569"><img src="http://www.chitalebandhu.in/images/img08.jpg" width="569" height="179" /></td>
<td align="left" valign="top" id="submenu">

<ul>
<li><a href="sweets01.html">Sweets</a></li>
<li><a href="namkeen01.html">Namkeen</a></li>
<li><a href="ready_mixes.html">Ready mixes</a></li>
<li><a href="dairy01.html">Dairy Products</a></li>
<li style="border-bottom:0;"><a href="others.html">Other Products</a></li>
</ul>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><div id="bottom_nav">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="31"><img src="http://www.chitalebandhu.in/images/bottom_nav01.jpg" width="31" height="40" /></td>
<td>
<ul id="HDropdown-orange-classic">
<li><a href="#" title="Horizontal Css Menu">Horizontal Css Menu</a>
<ul>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
</ul>
</li>
<li><a href="#" title="Css Menu">Css Menu</a>
<ul>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
</ul>
</li>
<li><a href="#" title="Only Css Menu">Only Css Menu</a>
<ul>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
</ul>
<style>
#HDropdown-orange-classic {
margin:0;
padding:0px;
list-style:none;
background:url(images/horizontal_d_orange_classic_bg.gif) repeat-x top;
height:28px;
width:99%;
border:solid 1px #c93300;
border-width:1px 1px 1px 0;
}
#HDropdown-orange-classic li {
display:inline;
position:relative;
float:left;
}
#HDropdown-orange-classic li a {
display:block;
float:left;
height:29px;
line-height:29px;
padding:0 25px;
text-decoration:none;
color:#FFFFFF;
font-weight:normal;
font-size:12px;
border-left:solid 1px #c93300;
}
#HDropdown-orange-classic li a:hover {
color:#a9401b;
background:#FFFFFF;
}
#HDropdown-orange-classic li ul {
margin:0;
padding:0 5px;
line-height:none;
position:absolute;
top:29px;
left:0;
border:solid 1px #c93300;
border-width:0px 1px 1px 1px;
width:180px;
display:none;
background:#FFFFFF;
}
#HDropdown-orange-classic li:hover ul {
display:block;
}
#HDropdown-orange-classic li:hover a {
color:#a9401b;
background:#FFFFFF;
}
#HDropdown-orange-classic li ul li {
display:block;
border-bottom:solid 1px #dbdcd9;
width:100%;
background:url(images/d_horizontal_red_classic_menu_arrow.gif) no-repeat 3px 12px;
padding:0 0 0 10px;
}
#HDropdown-orange-classic li ul li:last-child {
border-bottom:0px;
}
#HDropdown-orange-classic li ul a {
border-width:0px;
color:#909090;
padding:0 5px 0 0;
background-color:transparent;
}
#HDropdown-orange-classic li:hover ul li a {
color:#909090;
}
#HDropdown-orange-classic li ul li a:hover {
color:#a9401b;
}
</style>
</td>
<td width="65"><img src="http://www.chitalebandhu.in/images/bottom_nav02.jpg" width="65" height="40" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td colspan="2">
<div id="main">
<div id="content">

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/********* CSS Document for CHITALE BANDHU MITHAIWALE *********/
/********* Created by WEB VIRTUOSO *********/
/********* Created on 11/19/2005 *********/
/* --------------- Global Styles --------------- */
body {
margin: 0;
padding: 0;
background: #8EA609 url(http://www.chitalebandhu.in/images/bg_body.jpg) repeat-x top left;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
img {
border: none;
}
a {
text-decoration: none;
padding: 0;
margin: 0;
}
a:hover {
text-decoration: none;
padding: 0;
margin: 0;
}
* {
padding: 0;
margin: 0;
}
.top {
margin-top: 39px;
}
#top_nav {
margin-top: 93px;
background: url(http://www.chitalebandhu.in/images/top_navbg.jpg) repeat-x;
text-align: left;
width: 477px;
}
#top_nav ul {
padding: 0;
padding-left: 5px;
margin: 0;
list-style-type: none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #F2F597;
}
#top_nav li {
display: inline;
padding-right: 20px;
/*text-align: center;*/
}
#top_nav li a {
color: #F2F597;
}
#top_nav li a:hover {
color: #FFF;
background: url(http://www.chitalebandhu.in/images/top_nav_hover.gif) repeat;
}
#top_nav li a.topcurrent {
color: #FFF;
}
#bottom_nav {
background: #fff url(http://www.chitalebandhu.in/images/bottom_navbg.jpg) repeat-x 2px;
text-align: left;
width: 766px;
}
#bottom_nav ul {
padding: 0;
padding-left: 15px;
margin: 0;
list-style-type: none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#bottom_nav li {
display: inline;
padding-right: 40px;
/*text-align: center;*/
background: url(http://www.chitalebandhu.in/images/bottom_nav_hover.gif);
}
#bottom_nav li a {
color: #713904;
}
#bottom_nav li a:hover {
color: #FFF;
}
#bottom_nav li a.bcurrent {
color: #FFF;
}
#main {
background: url(http://www.chitalebandhu.in/images/bg_main.jpg) repeat-y;
}
#main .para {
color: #713904;
font: 12px Verdana, Helvetica, sans-serif;
padding: 16px 60px 0 183px;
text-align: justify;
line-height: 20px;
}
#main .para span {
color: #ED8919;
font: bold 18px Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 1px;
}
#main .moto {
color: #4B8311;
font: bold 17px Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 1px;
text-align: left;
margin: 16px 60px 0 183px;
padding: 5px;
line-height: 20px;
background: #EFE6C2;
border: 1px dashed #8EA609;
/*width: 520px;*/
}
#main .moto span {
color: #ED8919;
}
#bottom {
background: url(http://www.chitalebandhu.in/images/bg_bottom.jpg) no-repeat;
height: 29px;
}
#main .heading {
padding-left: 100px;
text-align: left;
}
/* --------------- Index Page Styles --------------- */
#flash {
background: url(http://www.chitalebandhu.in/images/bg_flash.jpg) no-repeat;
}
/* --------------- Internal Pages Styles --------------- */
#content {
padding-left: 41px;
padding-top: 30px;
padding-right: 40px;
}
#content h1 {
background: url(http://www.chitalebandhu.in/images/bg_title.gif) no-repeat;
font: 34px Trebuchet MS, Verdana, Helvetica, sans-erif;
font-weight: bold;
color: #336600;
padding-top: 29px;
padding-bottom: 20px;
padding-left: 50px;
text-align: left;
}
#content p {
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color: #660000;
margin-left: 55px;
margin-right: 30px;
padding-bottom: 10px;
line-height: 20px;
}
#content p a {
color: #8EA609;
padding: 2px 4px;
font-weight: bold;
}
#content p a:hover {
color: #fff;
background: #515F00;
}
#content p.divider {
background: url(http://www.chitalebandhu.in/images/divider02.gif) no-repeat center top;
height: 44px;
}
#content ul.bullets {
padding: 0;
margin: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
list-style: none;
margin: 0 0 10px 70px;
text-align: left;
}
#content ul.bullets li {
padding-left: 20px;
color: #EE8D1A;
line-height: 25px;
background: url(http://www.chitalebandhu.in/images/bullet01.gif) no-repeat left 6px;
}
#content ul.bullets02 {
padding: 0;
margin: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
list-style: none;
margin: 0 0 10px 70px;
text-align: left;
}
#content ul.bullets02 li {
padding-left: 25px;
color: #336600;
line-height: 25px;
background: url(http://www.chitalebandhu.in/images/bullet02.gif) no-repeat left top;
}
#content ul.bullets02 li a {
color: #336600;
border-bottom: 1px dashed #F7941C;
padding-bottom: 2px;
}
#content ul.bullets02 li a:hover {
color: #fff;
background: #515F00;
padding: 2px 4px;
}
.float_right {
float: right;
margin-left: 20px;
}
#content img.photos {
background: #996600;
border: 3px solid #8EA609;
padding: 5px;
}
/* --------------- Internal submenu Styles --------------- */
#submenu {
background: url(http://www.chitalebandhu.in/images/bg_rt_nav.jpg) no-repeat 0 0;
/*padding-left: 18px;*/
padding-top: 13px;
font: 11px "Trebuchet MS", Verdana, Helvetica, sans-erif;
color: #610705;
font-weight: bold;
}
#submenu ul {
padding: 0;
margin: 0;
/*display: block;*/
text-align: left;
list-style-type: none;
width:170px;
}
#submenu li {
padding: 0;
margin: 0;
margin-left: 26px;
/*padding-left: 10px;*/
line-height: 31px;
border-bottom: 1px solid #A5B373;
display: block;
}
#submenu li a {
color: #610705;
display: block;
height: 31px;
padding-left: 18px;
}
#submenu li a:hover {
color: #3B6A0A;
display: block;
height: 31px;
background: url(http://www.chitalebandhu.in/images/bg_rt_navhover.gif) no-repeat 0 0 ;
padding-left: 33px;
}
#submenu li a.selected {
color: #3B6A0A;
display: block;
height: 31px;
background: url(http://www.chitalebandhu.in/images/bg_rt_navhover.gif) no-repeat 0 0 ;
padding-left: 33px;
}
/* ----------- Product STYLES ----------- */
.product {
margin: 0 30px;
}
#content h2 {
font: bold italic 19px "Trebuchet MS", Verdana, Arial;
color: #B7561B;
background: url(http://www.chitalebandhu.in/images/bullet05.gif) no-repeat left top;
/*line-height: 30px;*/
text-align: left;
margin-left: 30px;
padding-left: 30px;
margin-bottom: 20px;
}
.product h3 {
font: bold 15px "Trebuchet MS", Verdana, Arial;
color: #fff;
background: #EFBF2F url(http://www.chitalebandhu.in/images/bg_productname.jpg) repeat-x;
line-height: 30px;
text-align: center;
width: 75%;
border-bottom: 2px solid #fff;
}
.product h4 {
background: url(http://www.chitalebandhu.in/images/shop.gif) no-repeat 97% top;
text-align: right;
height: 25px;
padding-right: 35px;
padding-top: 8px;
color: #339933;
font: bold 11px "Trebuchet MS", Verdana, Arial;
}
.product h4 a {
color: #339933;
}
.product h4 a:hover {
color: #F9C92A;
}
.product .sweets_extra {
background: #F9C92A;
border: 1px solid #8EA609;
padding: 3px;
width: 85%;
text-align: center;
/*margin-left: 5px;*/
}
.product .variation {
background: #FAFAD4;
padding: 2px;
border: 3px solid #b7561b;
height: 152px;
width: 100%
}
.product .variation td {
color: #8EA609;
padding: 2px;
text-align: left;
}
.product .variation ul.bullets01 {
text-align: left;
margin: 0;
padding: 0;
list-style-type: none;
/*clear: both;*/
display: table;
_margin-left: 5px;
}
#content .variation ul.bullets01 li {
font: bold 11px Geneva, Arial, Helvetica, sans-serif;
padding-left: 15px;
background: transparent url(http://www.chitalebandhu.in/images/bullet04.gif) no-repeat 0px 5px;
_background-position: 0 6px;
width: 145px;
_width: 130px;
float: left;
display: block;
line-height: 25px;
/*margin-left: 0px;
_margin-left: 5px;*/
}
.product .sweets {
background: #F9C92A;
border: 1px solid #8EA609;
padding: 3px;
width: 156px;
text-align: center;
}
.product .sweets img {
background: #FAFAD4 url(http://www.chitalebandhu.in/images/bg_prod_thumb.jpg) no-repeat bottom right !important;
padding: 15px 16px;
border: 3px solid #b7561b;
}
.product p {
text-align: left;
}
.product p a {
background: url(http://www.chitalebandhu.in/images/shop.gif) no-repeat left top;
color: #8EA609;
font-weight: bold;
}
.product td.divider {
background: url(http://www.chitalebandhu.in/images/divider.gif) no-repeat center top;
}
#content p.pagination {
color: #993300;
text-align: right;
font-weight: bold;
}
#content p.pagination a {
padding: 10px;
font-size: 14px;
color: #B7561B;
}
#content p.pagination a:hover {
text-decoration: none;
color: #fff;
font-size: 14px;
background: url(http://www.chitalebandhu.in/images/bullet03.gif) no-repeat left 5px;
}
#content p.pagination a.current {
text-decoration: none;
color: #fff;
font-size: 14px;
background: url(http://www.chitalebandhu.in/images/bullet03.gif) no-repeat left 5px;
}
/* -----------END Product STYLES----------- */
/*------------photo gallery styles---------*
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}
/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block;
display:inline-block;
color:#000;
text-decoration:none;
border:1px solid #000;
width:75px;
height:47px;
float:left;
margin:4px;
z-index:50;
}
a.slidea {background:url(http://www.chitalebandhu.in/images/automation/thumb01.jpg);}
a.slideb {background:url(http://www.chitalebandhu.in/images/automation/thumb02.jpg);}
a.slidec {background:url(http://www.chitalebandhu.in/images/automation/thumb03.jpg);}
a.slided {background:url(http://www.chitalebandhu.in/images/automation/thumb04.jpg);}
a.slidee {background:url(http://www.chitalebandhu.in/images/automation/thumb05.jpg);}
a.slidef {background:url(http://www.chitalebandhu.in/images/automation/thumb06.jpg);}
a.slideg {background:url(http://www.chitalebandhu.in/images/automation/thumb07.jpg);}
a.slideh {background:url(http://www.chitalebandhu.in/images/automation/thumb08.jpg);}
a.slidei {background:url(http://www.chitalebandhu.in/images/automation/thumb09.jpg);}
a.slidej {background:url(http://www.chitalebandhu.in/images/automation/thumb10.jpg);}
a.slidek {background:url(http://www.chitalebandhu.in/images/automation/thumb11.jpg);}
a.slidel {background:url(http://www.chitalebandhu.in/images/automation/thumb12.jpg);}
a.slidem {background:url(http://www.chitalebandhu.in/images/automation/thumb13.jpg);}
a.sliden {background:url(http://www.chitalebandhu.in/images/automation/thumb14.jpg);}
a.slideo {background:url(http://www.chitalebandhu.in/images/automation/thumb15.jpg);}
a.slidep {background:url(http://www.chitalebandhu.in/images/automation/thumb16.jpg);}
a.slideq {background:url(http://www.chitalebandhu.in/images/automation/thumb17.jpg);}
a.slider {background:url(http://www.chitalebandhu.in/images/automation/thumb18.jpg);}
a.slides {background:url(http://www.chitalebandhu.in/images/automation/thumb19.jpg);}
a.slidet {background:url(http://www.chitalebandhu.in/images/automation/thumb20.jpg);}
a.slideu {background:url(http://www.chitalebandhu.in/images/automation/thumb21.jpg);}
a.slidev {background:url(http://www.chitalebandhu.in/images/automation/thumb22.jpg);}
a.slidew {background:url(http://www.chitalebandhu.in/images/automation/thumb23.jpg);}
a.slidex {background:url(http://www.chitalebandhu.in/images/automation/thumb24.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
a.slidea em {background:url(http://www.chitalebandhu.in/images/automation/photo01.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(http://www.chitalebandhu.in/images/automation/photo02.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(http://www.chitalebandhu.in/images/automation/photo03.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(http://www.chitalebandhu.in/images/automation/photo04.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(http://www.chitalebandhu.in/images/automation/photo05.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(http://www.chitalebandhu.in/images/automation/photo06.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(http://www.chitalebandhu.in/images/automation/photo07.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(http://www.chitalebandhu.in/images/automation/photo08.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(http://www.chitalebandhu.in/images/automation/photo09.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(http://www.chitalebandhu.in/images/automation/photo10.jpg) 5px 5px  no-repeat;}
a.slidek em {background:url(http://www.chitalebandhu.in/images/automation/photo11.jpg) 5px 5px  no-repeat;}
a.slidel em {background:url(http://www.chitalebandhu.in/images/automation/photo12.jpg) 5px 5px  no-repeat;}
a.slidem em {background:url(http://www.chitalebandhu.in/images/automation/photo13.jpg) 5px 5px  no-repeat;}
a.sliden em {background:url(http://www.chitalebandhu.in/images/automation/photo14.jpg) 5px 5px  no-repeat;}
a.slideo em {background:url(http://www.chitalebandhu.in/images/automation/photo15.jpg) 5px 5px  no-repeat;}
a.slidep em {background:url(http://www.chitalebandhu.in/images/automation/photo16.jpg) 5px 5px  no-repeat;}
a.slideq em {background:url(http://www.chitalebandhu.in/images/automation/photo17.jpg) 5px 5px  no-repeat;}
a.slider em {background:url(http://www.chitalebandhu.in/images/automation/photo18.jpg) 5px 5px  no-repeat;}
a.slides em {background:url(http://www.chitalebandhu.in/images/automation/photo19.jpg) 5px 5px  no-repeat;}
a.slidet em {background:url(http://www.chitalebandhu.in/images/automation/photo20.jpg) 5px 5px  no-repeat;}
a.slideu em {background:url(http://www.chitalebandhu.in/images/automation/photo21.jpg) 5px 5px  no-repeat;}
a.slidev em {background:url(http://www.chitalebandhu.in/images/automation/photo22.jpg) 5px 5px  no-repeat;}
a.slidew em {background:url(http://www.chitalebandhu.in/images/automation/photo23.jpg) 5px 5px  no-repeat;}
a.slidex em {background:url(http://www.chitalebandhu.in/images/automation/photo24.jpg) 5px 5px  no-repeat;}
/* styling for TOP gallery */
#container_top {
position:relative;
width:510px;
height:525px;
background:#d1c8c3;
border:2px solid #a49188;
margin:0 auto 1em auto;
}
#container_top img {
border:0;
}
#container_top .thumbs {
position:absolute;
left:0;
top:0;
}
#container_top a.gallery:hover span {
display:block;
position:absolute;
width:402px;
height:50px;
top:110px;
left:5px;
padding:5px;
font-style:italic;
color:#fff;
z-index:100;
}
#container_top a.gallery:hover span:first-line {
font-style:normal;
font-weight:bold;
font-size:1.1em;
color:#000;
}
#container_top a.gallery:active, #container_top a.gallery:focus {
border:1px solid #fff;
}
#container_top a.gallery:active em, #container_top a.gallery:focus em {
display:block;
position:absolute;
width:470px;
height:250px;
top:240px;
left:5px;
color:#000;
padding:14px;
border:1px solid #fff;
z-index:50;
}
#container_top h5 {
clear:both;
margin:0;
padding-top:270px;
text-align:center;
font-family: georgia, "times new roman", serif;
font-size:2.7em;
font-weight:normal;
color:#fff;
}
#container_top h5 em {
font-size:0.6em;
color:#000;
}
#content p.note {
font-size: 11px;
padding-bottom: 0;
text-align: right;
margin-right: 90px;
font-style: italic;
color: #CC3300;
}
/*----------------------End phpto gallery styles -------------------------------*
/* --------------- Footer Styles --------------- */
#footer {
font: 11px Trebuchet MS, Verdana, Helvetica, sans-serif;
padding: 1px 24px 10px 24px;
color: #F2F597;
}
#footer a {
color: #F2F597;
font-weight: bold;
}
#footer a:hover {
color: #713904;
border-bottom: 1px dashed #F2F597;
padding-bottom: 3px;
}
.designer {
color: #fff;
}

Tasarımın üzerindeki YAZI:

</head>
<body>
<div class="top" align="center">
<table width="766" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="290"><a href="../index.html"><img src="http://www.chitalebandhu.in/images/logo.jpg" width="290" height="125" border="0" /></a></td>
<td><div id="top_nav">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="53"><img src="http://www.chitalebandhu.in/images/top_nav01.jpg" width="53" height="33" /></td>
<td align="right">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../about/contact.html">Contact Chitales</a></li>
</ul>
</td>
<td width="30"><img src="http://www.chitalebandhu.in/images/top_nav02.jpg" width="30" height="33" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td colspan="2">
<div id="flash">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="569"><img src="http://www.chitalebandhu.in/images/img08.jpg" width="569" height="179" /></td>
<td align="left" valign="top" id="submenu">

<ul>
<li><a href="sweets01.html">Sweets</a></li>
<li><a href="namkeen01.html">Namkeen</a></li>
<li><a href="ready_mixes.html">Ready mixes</a></li>
<li><a href="dairy01.html">Dairy Products</a></li>
<li style="border-bottom:0;"><a href="others.html">Other Products</a></li>
</ul>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><div id="bottom_nav">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="31"><img src="http://www.chitalebandhu.in/images/bottom_nav01.jpg" width="31" height="40" /></td>
<td>
<ul id="HDropdown-orange-classic">
<li><a href="#" title="Horizontal Css Menu">Horizontal Css Menu</a>
<ul>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
</ul>
</li>
<li><a href="#" title="Css Menu">Css Menu</a>
<ul>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
</ul>
</li>
<li><a href="#" title="Only Css Menu">Only Css Menu</a>
<ul>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
<li><a href="#">Sub Menu</a></li>
</ul>
<style>
#HDropdown-orange-classic {
margin:0;
padding:0px;
list-style:none;
background:url(images/horizontal_d_orange_classic_bg.gif) repeat-x top;
height:28px;
width:99%;
border:solid 1px #c93300;
border-width:1px 1px 1px 0;
}
#HDropdown-orange-classic li {
display:inline;
position:relative;
float:left;
}
#HDropdown-orange-classic li a {
display:block;
float:left;
height:29px;
line-height:29px;
padding:0 25px;
text-decoration:none;
color:#FFFFFF;
font-weight:normal;
font-size:12px;
border-left:solid 1px #c93300;
}
#HDropdown-orange-classic li a:hover {
color:#a9401b;
background:#FFFFFF;
}
#HDropdown-orange-classic li ul {
margin:0;
padding:0 5px;
line-height:none;
position:absolute;
top:29px;
left:0;
border:solid 1px #c93300;
border-width:0px 1px 1px 1px;
width:180px;
display:none;
background:#FFFFFF;
}
#HDropdown-orange-classic li:hover ul {
display:block;
}
#HDropdown-orange-classic li:hover a {
color:#a9401b;
background:#FFFFFF;
}
#HDropdown-orange-classic li ul li {
display:block;
border-bottom:solid 1px #dbdcd9;
width:100%;
background:url(images/d_horizontal_red_classic_menu_arrow.gif) no-repeat 3px 12px;
padding:0 0 0 10px;
}
#HDropdown-orange-classic li ul li:last-child {
border-bottom:0px;
}
#HDropdown-orange-classic li ul a {
border-width:0px;
color:#909090;
padding:0 5px 0 0;
background-color:transparent;
}
#HDropdown-orange-classic li:hover ul li a {
color:#909090;
}
#HDropdown-orange-classic li ul li a:hover {
color:#a9401b;
}
</style>
</td>
<td width="65"><img src="http://www.chitalebandhu.in/images/bottom_nav02.jpg" width="65" height="40" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td colspan="2">
<div id="main">
<div id="content">

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">

Tasarımın altındaki YAZI:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/********* CSS Document for CHITALE BANDHU MITHAIWALE *********/
/********* Created by WEB VIRTUOSO *********/
/********* Created on 11/19/2005 *********/
/* --------------- Global Styles --------------- */
body {
margin: 0;
padding: 0;
background: #8EA609 url(http://www.chitalebandhu.in/images/bg_body.jpg) repeat-x top left;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
img {
border: none;
}
a {
text-decoration: none;
padding: 0;
margin: 0;
}
a:hover {
text-decoration: none;
padding: 0;
margin: 0;
}
* {
padding: 0;
margin: 0;
}
.top {
margin-top: 39px;
}
#top_nav {
margin-top: 93px;
background: url(http://www.chitalebandhu.in/images/top_navbg.jpg) repeat-x;
text-align: left;
width: 477px;
}
#top_nav ul {
padding: 0;
padding-left: 5px;
margin: 0;
list-style-type: none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #F2F597;
}
#top_nav li {
display: inline;
padding-right: 20px;
/*text-align: center;*/
}
#top_nav li a {
color: #F2F597;
}
#top_nav li a:hover {
color: #FFF;
background: url(http://www.chitalebandhu.in/images/top_nav_hover.gif) repeat;
}
#top_nav li a.topcurrent {
color: #FFF;
}
#bottom_nav {
background: #fff url(http://www.chitalebandhu.in/images/bottom_navbg.jpg) repeat-x 2px;
text-align: left;
width: 766px;
}
#bottom_nav ul {
padding: 0;
padding-left: 15px;
margin: 0;
list-style-type: none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#bottom_nav li {
display: inline;
padding-right: 40px;
/*text-align: center;*/
background: url(http://www.chitalebandhu.in/images/bottom_nav_hover.gif);
}
#bottom_nav li a {
color: #713904;
}
#bottom_nav li a:hover {
color: #FFF;
}
#bottom_nav li a.bcurrent {
color: #FFF;
}
#main {
background: url(http://www.chitalebandhu.in/images/bg_main.jpg) repeat-y;
}
#main .para {
color: #713904;
font: 12px Verdana, Helvetica, sans-serif;
padding: 16px 60px 0 183px;
text-align: justify;
line-height: 20px;
}
#main .para span {
color: #ED8919;
font: bold 18px Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 1px;
}
#main .moto {
color: #4B8311;
font: bold 17px Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 1px;
text-align: left;
margin: 16px 60px 0 183px;
padding: 5px;
line-height: 20px;
background: #EFE6C2;
border: 1px dashed #8EA609;
/*width: 520px;*/
}
#main .moto span {
color: #ED8919;
}
#bottom {
background: url(http://www.chitalebandhu.in/images/bg_bottom.jpg) no-repeat;
height: 29px;
}
#main .heading {
padding-left: 100px;
text-align: left;
}
/* --------------- Index Page Styles --------------- */
#flash {
background: url(http://www.chitalebandhu.in/images/bg_flash.jpg) no-repeat;
}
/* --------------- Internal Pages Styles --------------- */
#content {
padding-left: 41px;
padding-top: 30px;
padding-right: 40px;
}
#content h1 {
background: url(http://www.chitalebandhu.in/images/bg_title.gif) no-repeat;
font: 34px Trebuchet MS, Verdana, Helvetica, sans-erif;
font-weight: bold;
color: #336600;
padding-top: 29px;
padding-bottom: 20px;
padding-left: 50px;
text-align: left;
}
#content p {
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color: #660000;
margin-left: 55px;
margin-right: 30px;
padding-bottom: 10px;
line-height: 20px;
}
#content p a {
color: #8EA609;
padding: 2px 4px;
font-weight: bold;
}
#content p a:hover {
color: #fff;
background: #515F00;
}
#content p.divider {
background: url(http://www.chitalebandhu.in/images/divider02.gif) no-repeat center top;
height: 44px;
}
#content ul.bullets {
padding: 0;
margin: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
list-style: none;
margin: 0 0 10px 70px;
text-align: left;
}
#content ul.bullets li {
padding-left: 20px;
color: #EE8D1A;
line-height: 25px;
background: url(http://www.chitalebandhu.in/images/bullet01.gif) no-repeat left 6px;
}
#content ul.bullets02 {
padding: 0;
margin: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
list-style: none;
margin: 0 0 10px 70px;
text-align: left;
}
#content ul.bullets02 li {
padding-left: 25px;
color: #336600;
line-height: 25px;
background: url(http://www.chitalebandhu.in/images/bullet02.gif) no-repeat left top;
}
#content ul.bullets02 li a {
color: #336600;
border-bottom: 1px dashed #F7941C;
padding-bottom: 2px;
}
#content ul.bullets02 li a:hover {
color: #fff;
background: #515F00;
padding: 2px 4px;
}
.float_right {
float: right;
margin-left: 20px;
}
#content img.photos {
background: #996600;
border: 3px solid #8EA609;
padding: 5px;
}
/* --------------- Internal submenu Styles --------------- */
#submenu {
background: url(http://www.chitalebandhu.in/images/bg_rt_nav.jpg) no-repeat 0 0;
/*padding-left: 18px;*/
padding-top: 13px;
font: 11px "Trebuchet MS", Verdana, Helvetica, sans-erif;
color: #610705;
font-weight: bold;
}
#submenu ul {
padding: 0;
margin: 0;
/*display: block;*/
text-align: left;
list-style-type: none;
width:170px;
}
#submenu li {
padding: 0;
margin: 0;
margin-left: 26px;
/*padding-left: 10px;*/
line-height: 31px;
border-bottom: 1px solid #A5B373;
display: block;
}
#submenu li a {
color: #610705;
display: block;
height: 31px;
padding-left: 18px;
}
#submenu li a:hover {
color: #3B6A0A;
display: block;
height: 31px;
background: url(http://www.chitalebandhu.in/images/bg_rt_navhover.gif) no-repeat 0 0 ;
padding-left: 33px;
}
#submenu li a.selected {
color: #3B6A0A;
display: block;
height: 31px;
background: url(http://www.chitalebandhu.in/images/bg_rt_navhover.gif) no-repeat 0 0 ;
padding-left: 33px;
}
/* ----------- Product STYLES ----------- */
.product {
margin: 0 30px;
}
#content h2 {
font: bold italic 19px "Trebuchet MS", Verdana, Arial;
color: #B7561B;
background: url(http://www.chitalebandhu.in/images/bullet05.gif) no-repeat left top;
/*line-height: 30px;*/
text-align: left;
margin-left: 30px;
padding-left: 30px;
margin-bottom: 20px;
}
.product h3 {
font: bold 15px "Trebuchet MS", Verdana, Arial;
color: #fff;
background: #EFBF2F url(http://www.chitalebandhu.in/images/bg_productname.jpg) repeat-x;
line-height: 30px;
text-align: center;
width: 75%;
border-bottom: 2px solid #fff;
}
.product h4 {
background: url(http://www.chitalebandhu.in/images/shop.gif) no-repeat 97% top;
text-align: right;
height: 25px;
padding-right: 35px;
padding-top: 8px;
color: #339933;
font: bold 11px "Trebuchet MS", Verdana, Arial;
}
.product h4 a {
color: #339933;
}
.product h4 a:hover {
color: #F9C92A;
}
.product .sweets_extra {
background: #F9C92A;
border: 1px solid #8EA609;
padding: 3px;
width: 85%;
text-align: center;
/*margin-left: 5px;*/
}
.product .variation {
background: #FAFAD4;
padding: 2px;
border: 3px solid #b7561b;
height: 152px;
width: 100%
}
.product .variation td {
color: #8EA609;
padding: 2px;
text-align: left;
}
.product .variation ul.bullets01 {
text-align: left;
margin: 0;
padding: 0;
list-style-type: none;
/*clear: both;*/
display: table;
_margin-left: 5px;
}
#content .variation ul.bullets01 li {
font: bold 11px Geneva, Arial, Helvetica, sans-serif;
padding-left: 15px;
background: transparent url(http://www.chitalebandhu.in/images/bullet04.gif) no-repeat 0px 5px;
_background-position: 0 6px;
width: 145px;
_width: 130px;
float: left;
display: block;
line-height: 25px;
/*margin-left: 0px;
_margin-left: 5px;*/
}
.product .sweets {
background: #F9C92A;
border: 1px solid #8EA609;
padding: 3px;
width: 156px;
text-align: center;
}
.product .sweets img {
background: #FAFAD4 url(http://www.chitalebandhu.in/images/bg_prod_thumb.jpg) no-repeat bottom right !important;
padding: 15px 16px;
border: 3px solid #b7561b;
}
.product p {
text-align: left;
}
.product p a {
background: url(http://www.chitalebandhu.in/images/shop.gif) no-repeat left top;
color: #8EA609;
font-weight: bold;
}
.product td.divider {
background: url(http://www.chitalebandhu.in/images/divider.gif) no-repeat center top;
}
#content p.pagination {
color: #993300;
text-align: right;
font-weight: bold;
}
#content p.pagination a {
padding: 10px;
font-size: 14px;
color: #B7561B;
}
#content p.pagination a:hover {
text-decoration: none;
color: #fff;
font-size: 14px;
background: url(http://www.chitalebandhu.in/images/bullet03.gif) no-repeat left 5px;
}
#content p.pagination a.current {
text-decoration: none;
color: #fff;
font-size: 14px;
background: url(http://www.chitalebandhu.in/images/bullet03.gif) no-repeat left 5px;
}
/* -----------END Product STYLES----------- */
/*------------photo gallery styles---------*
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}
/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block;
display:inline-block;
color:#000;
text-decoration:none;
border:1px solid #000;
width:75px;
height:47px;
float:left;
margin:4px;
z-index:50;
}
a.slidea {background:url(http://www.chitalebandhu.in/images/automation/thumb01.jpg);}
a.slideb {background:url(http://www.chitalebandhu.in/images/automation/thumb02.jpg);}
a.slidec {background:url(http://www.chitalebandhu.in/images/automation/thumb03.jpg);}
a.slided {background:url(http://www.chitalebandhu.in/images/automation/thumb04.jpg);}
a.slidee {background:url(http://www.chitalebandhu.in/images/automation/thumb05.jpg);}
a.slidef {background:url(http://www.chitalebandhu.in/images/automation/thumb06.jpg);}
a.slideg {background:url(http://www.chitalebandhu.in/images/automation/thumb07.jpg);}
a.slideh {background:url(http://www.chitalebandhu.in/images/automation/thumb08.jpg);}
a.slidei {background:url(http://www.chitalebandhu.in/images/automation/thumb09.jpg);}
a.slidej {background:url(http://www.chitalebandhu.in/images/automation/thumb10.jpg);}
a.slidek {background:url(http://www.chitalebandhu.in/images/automation/thumb11.jpg);}
a.slidel {background:url(http://www.chitalebandhu.in/images/automation/thumb12.jpg);}
a.slidem {background:url(http://www.chitalebandhu.in/images/automation/thumb13.jpg);}
a.sliden {background:url(http://www.chitalebandhu.in/images/automation/thumb14.jpg);}
a.slideo {background:url(http://www.chitalebandhu.in/images/automation/thumb15.jpg);}
a.slidep {background:url(http://www.chitalebandhu.in/images/automation/thumb16.jpg);}
a.slideq {background:url(http://www.chitalebandhu.in/images/automation/thumb17.jpg);}
a.slider {background:url(http://www.chitalebandhu.in/images/automation/thumb18.jpg);}
a.slides {background:url(http://www.chitalebandhu.in/images/automation/thumb19.jpg);}
a.slidet {background:url(http://www.chitalebandhu.in/images/automation/thumb20.jpg);}
a.slideu {background:url(http://www.chitalebandhu.in/images/automation/thumb21.jpg);}
a.slidev {background:url(http://www.chitalebandhu.in/images/automation/thumb22.jpg);}
a.slidew {background:url(http://www.chitalebandhu.in/images/automation/thumb23.jpg);}
a.slidex {background:url(http://www.chitalebandhu.in/images/automation/thumb24.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
a.slidea em {background:url(http://www.chitalebandhu.in/images/automation/photo01.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(http://www.chitalebandhu.in/images/automation/photo02.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(http://www.chitalebandhu.in/images/automation/photo03.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(http://www.chitalebandhu.in/images/automation/photo04.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(http://www.chitalebandhu.in/images/automation/photo05.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(http://www.chitalebandhu.in/images/automation/photo06.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(http://www.chitalebandhu.in/images/automation/photo07.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(http://www.chitalebandhu.in/images/automation/photo08.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(http://www.chitalebandhu.in/images/automation/photo09.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(http://www.chitalebandhu.in/images/automation/photo10.jpg) 5px 5px  no-repeat;}
a.slidek em {background:url(http://www.chitalebandhu.in/images/automation/photo11.jpg) 5px 5px  no-repeat;}
a.slidel em {background:url(http://www.chitalebandhu.in/images/automation/photo12.jpg) 5px 5px  no-repeat;}
a.slidem em {background:url(http://www.chitalebandhu.in/images/automation/photo13.jpg) 5px 5px  no-repeat;}
a.sliden em {background:url(http://www.chitalebandhu.in/images/automation/photo14.jpg) 5px 5px  no-repeat;}
a.slideo em {background:url(http://www.chitalebandhu.in/images/automation/photo15.jpg) 5px 5px  no-repeat;}
a.slidep em {background:url(http://www.chitalebandhu.in/images/automation/photo16.jpg) 5px 5px  no-repeat;}
a.slideq em {background:url(http://www.chitalebandhu.in/images/automation/photo17.jpg) 5px 5px  no-repeat;}
a.slider em {background:url(http://www.chitalebandhu.in/images/automation/photo18.jpg) 5px 5px  no-repeat;}
a.slides em {background:url(http://www.chitalebandhu.in/images/automation/photo19.jpg) 5px 5px  no-repeat;}
a.slidet em {background:url(http://www.chitalebandhu.in/images/automation/photo20.jpg) 5px 5px  no-repeat;}
a.slideu em {background:url(http://www.chitalebandhu.in/images/automation/photo21.jpg) 5px 5px  no-repeat;}
a.slidev em {background:url(http://www.chitalebandhu.in/images/automation/photo22.jpg) 5px 5px  no-repeat;}
a.slidew em {background:url(http://www.chitalebandhu.in/images/automation/photo23.jpg) 5px 5px  no-repeat;}
a.slidex em {background:url(http://www.chitalebandhu.in/images/automation/photo24.jpg) 5px 5px  no-repeat;}
/* styling for TOP gallery */
#container_top {
position:relative;
width:510px;
height:525px;
background:#d1c8c3;
border:2px solid #a49188;
margin:0 auto 1em auto;
}
#container_top img {
border:0;
}
#container_top .thumbs {
position:absolute;
left:0;
top:0;
}
#container_top a.gallery:hover span {
display:block;
position:absolute;
width:402px;
height:50px;
top:110px;
left:5px;
padding:5px;
font-style:italic;
color:#fff;
z-index:100;
}
#container_top a.gallery:hover span:first-line {
font-style:normal;
font-weight:bold;
font-size:1.1em;
color:#000;
}
#container_top a.gallery:active, #container_top a.gallery:focus {
border:1px solid #fff;
}
#container_top a.gallery:active em, #container_top a.gallery:focus em {
display:block;
position:absolute;
width:470px;
height:250px;
top:240px;
left:5px;
color:#000;
padding:14px;
border:1px solid #fff;
z-index:50;
}
#container_top h5 {
clear:both;
margin:0;
padding-top:270px;
text-align:center;
font-family: georgia, "times new roman", serif;
font-size:2.7em;
font-weight:normal;
color:#fff;
}
#container_top h5 em {
font-size:0.6em;
color:#000;
}
#content p.note {
font-size: 11px;
padding-bottom: 0;
text-align: right;
margin-right: 90px;
font-style: italic;
color: #CC3300;
}
/*----------------------End phpto gallery styles -------------------------------*
/* --------------- Footer Styles --------------- */
#footer {
font: 11px Trebuchet MS, Verdana, Helvetica, sans-serif;
padding: 1px 24px 10px 24px;
color: #F2F597;
}
#footer a {
color: #F2F597;
font-weight: bold;
}
#footer a:hover {
color: #713904;
border-bottom: 1px dashed #F2F597;
padding-bottom: 3px;
}
.designer {
color: #fff;
}

Tasarımın altındaki YAZI:

<p class="detailtext">
<strong>Project:&nbsp;</strong>
Shnit
&nbsp;  <strong>Project link:&nbsp;</strong>
<a href="http://www.shnit.ch" target="_blank">www.shnit.ch</a>
&nbsp;  <strong>Mission:&nbsp;</strong>
Creation of full flash website
</p>
<p class="browselisting">
</p>
</div>
</div>
</div>
</div>
<br class="clearer" />
</div>

<div id="footerarea">
<div id="fa_txt">
<p id="fa_left"><a href="/news/hotnews/rss"><img src="https://www.nothing.ch/img/frontend/icon_rss.gif" width="12" height="12" title="rss feed" alt="rss feed" /></a></p>
<p style="float:left;"><strong><a href="https://www.nothing.ch">Nothing</a></strong>, Kirchstrasse 175, 3084 Wabern-Bern, Schweiz / Switzerland, <a href="mailto:&#105;&#110;&#102;&#111;&#064;&#110;&#111;&#116;&#104;&#105;&#110;&#103;&#046;&#099;&#104;">&#105;&#110;&#102;&#111;&#064;&#110;&#111;&#116;&#104;&#105;&#110;&#103;&#046;&#099;&#104;</a>, +41 31 384 1010</p>
<p id="fa_right">
<a href="/legal/termsofuse">Terms of Use</a>
&nbsp;|&nbsp;
<a href="/legal/privacypolicy">Privacy Policy</a>
</p>
</div>
<div id="fa_gfx" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nothing.ch/img/frontend/gfx_footer.png'), sizingMethod='scale');">&nbsp;</div>
</div>

</div>
</div>
<script src="https://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script src="/js/frontend/ga.js" type="text/javascript" language="javascript"></script>
</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* -----file: nothing-src.css----- */
body{background-image:url(https://www.nothing.ch/img/frontend/bgd_page.gif);background-repeat:repeat-x;background-color:#fff}body,div,p,ul,li,form,h1,h2,h3{margin:0;padding:0}body,input,textarea,select{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;color:#666}select{color:#b86642;border-top:1px solid #75736e;border-right:1px solid #f2f0ee;border-bottom:1px solid #f2f0ee;border-left:1px solid #75736e}img{border:0}a{color:#f60;text-decoration:none}a:hover{color:#000}br.clearer{clear:both;font-size:0;line-height:0;height:0}#wrapper{width:840px;text-align:left;background-image:url(https://www.nothing.ch/img/frontend/bgd_shadow_left.jpg);background-repeat:no-repeat;padding-left:36px;margin:0 auto}#shell{width:804px;background-image:url(https://www.nothing.ch/img/frontend/bgd_shadow_right.jpg);background-repeat:no-repeat;background-position:768px 0}#headerarea,#contentarea,#footerarea{width:768px}#contentarea{background-image:url(https://www.nothing.ch/img/frontend/bgd_topcontent.gif);background-repeat:repeat-x;background-color:#fff;padding-bottom:24px;min-height:280px}#footerarea{border-top:1px solid #ffdb83;margin-bottom:32px}* html #contentarea{height:auto!important}#logo{float:left;width:140px}#search{float:right;height:64px;width:628px;background-image:url(https://www.nothing.ch/img/frontend/hdr_structure.jpg);background-repeat:no-repeat;text-align:right}#searchfield{float:left;width:534px;padding-top:26px}#searchfield input{width:116px;background-image:url(https://www.nothing.ch/img/frontend/bgd_search_off.gif);background-repeat:repeat-x;background-color:#FF9312;border-top:1px solid #a52626;border-right:1px solid #ffcc6f;border-bottom:1px solid #ffcc6f;border-left:1px solid #a52626;margin-left:417px}#searchfield input:focus{background-image:url(https://www.nothing.ch/img/frontend/bgd_search_on.gif);background-repeat:repeat-x}#searchbutton{padding-top:23px;padding-right:10px}#searchbutton input{margin-left:3px;border-width:0;padding:0}.searchbox div .warning.active{display:block!important}.searchbox div{position:relative}.searchbox div .warning{display:none;position:absolute;top:-56px;left:416px;height:40px;min-width:100px;background:url(https://www.nothing.ch/img/frontend/search/bgd_warning_left.png) left no-repeat;z-index:999;padding:0 0 0 14px}.searchbox div .warning span{display:block;height:35px;min-width:100px;white-space:nowrap;color:#928d36;background:url(https://www.nothing.ch/img/frontend/search/bgd_warning_right.png) right no-repeat;padding:5px 25px 0 0}#colleft{float:left;width:203px;margin-right:6px}#colright{float:left;width:553px}#colminheight{height:320px}#navigation,#content{margin-top:7px}#navigation{width:197px;background-image:url(https://www.nothing.ch/img/frontend/nav_background.gif);background-repeat:repeat-x;background-color:#ffea95;margin-left:6px}#navigation p{font-size:12px;font-weight:700;background-image:url(https://www.nothing.ch/img/frontend/nav_sep_default.gif);background-repeat:no-repeat;padding:8px 17px}#navigation p.ix0{background-image:url(https://www.nothing.ch/img/frontend/nav_sep_first.gif)}#navigation p.ix1{background-image:url(https://www.nothing.ch/img/frontend/nav_sep_second.gif)}#navigation p a:hover{color:#930}#navigation p.selected{background-image:url(https://www.nothing.ch/img/frontend/nav_selected.gif);background-repeat:no-repeat}#navigation p.first{background-image:url(https://www.nothing.ch/img/frontend/nav_sep_first.gif);background-repeat:no-repeat}#subnavigation{padding-top:7px;padding-bottom:11px}#subnavigation p{font-size:11px;font-weight:400;background-image:none;padding:0 39px 0 17px}#subnavigation p.selected{background-image:none}p#navtitle{font-size:14px;font-weight:700;color:#fff;background-image:url(https://www.nothing.ch/img/frontend/nav_top.gif);background-repeat:no-repeat;padding-top:11px;padding-bottom:11px}p#navfooter{height:10px;background-image:url(https://www.nothing.ch/img/frontend/nav_bottom.gif);background-repeat:no-repeat;background-position:bottom;padding:0}#actionicons{padding-top:10px;padding-left:20px;float:left}#actiondisplay{float:left;padding-top:13px;padding-left:10px;font-size:10px}#content{width:553px;background-image:url(https://www.nothing.ch/img/frontend/bgd_caption.gif);background-repeat:no-repeat}#content a{font-weight:700}#content a:hover{color:#c30;background-color:#ff9}.contentwidth{width:520px;margin-left:19px}h1{font-size:14px;font-weight:700;padding-top:11px;padding-bottom:10px}.lead{font-size:12px;font-weight:700;color:#9b9b9b;line-height:148%;padding:12px 0 16px}.text{padding:4px 0}.detailtext{font-size:10px;line-height:130%}.note{font-size:10px;color:#999;padding:3px 0 4px}h2{font-size:12px;padding:12px 0 4px}h3{font-size:11px;padding-top:3px;padding-bottom:4px}.date{font-size:9px;color:#cdc2c2;text-align:right;padding-top:2px;padding-bottom:2px}ul{list-style:none;padding:4px 24px 6px 0}ul li{background-image:url(https://www.nothing.ch/img/frontend/gfx_listdot.gif);background-repeat:no-repeat;background-position:3px 7px;padding:2px 0 2px 15px}.button img{margin-right:10px}.button a:hover{background-color:transparent!important}#amityblotterswf{margin-top:4px;margin-bottom:5px}.objectinfoitem{margin-top:4px}.oi_object{float:left;width:151px;padding-top:7px}.oi_info{float:left;width:366px;border-bottom:1px dashed #d9ccbf;padding-top:4px;padding-bottom:14px;margin-bottom:2px}.oi_info.last{border-bottom:0 solid #000}.oi_info div.infobody{clear:left}.oi_info div.infobody p{padding-top:2px;padding-bottom:2px}.fulldisplay{width:553px;margin-top:10px;margin-bottom:15px}.fulldisplay .lead{padding-left:19px;padding-bottom:10px}.fulldisplay .text,.fulldisplay .detailtext{padding:8px 19px}.fulldisplay .browselisting{padding-left:19px}.itemrow{margin-bottom:7px}.itemrow p{float:left;margin-right:7px;margin-bottom:0!important}.tabledisplay{padding:0 10px 10px}.tabledisplay table{width:100%}.tabledisplay tr.grey{background-color:#efefef}.tabledisplay th,.tabledisplay td{vertical-align:top}.tabledisplay p{padding:7px 8px 8px}.tabledisplay .button img{margin:0}.tabledisplay p.note{padding-top:16px}.formlayout{margin-top:10px;margin-bottom:18px}.fl_row{margin:6px 0 8px}.formlayout p.text{float:left;width:130px;font-weight:700}.formlayout p.cached{color:#b86642}p.felement{padding-top:2px}p.felement input,p.felement textarea{border-top:1px solid #ffa868;border-right:1px solid #ffea95;border-bottom:1px solid #ffea95;border-left:1px solid #ffa868}p.felement input.ip_text{width:220px;background-color:#fff8dc}p.felement textarea.ip_textarea{width:220px;height:70px;background-color:#fff8dc}p.felement input.ip_radio,p.felement input.ip_checkbox,p.felement input.ip_checkboxes{background-color:transparent;border:none;margin-bottom:-1px;margin-left:0}p.felement input.ip_checkboxes{margin-left:130px}p.felement input.ip_checkboxes.first{margin-left:0}p.felement select{width:223px!important}.formlayout p.button{margin-top:20px;padding-left:130px}#footerarea p{font-size:9px;color:#cacaca;padding:2px 10px 4px}#fa_txt{height:20px;background-color:#fff5de}#fa_txt p{margin-top:2px}#fa_right{float:right;text-align:right}#footerarea p a{color:#ea3d00}#fa_gfx{clear:both;height:36px;background-image:url(https://www.nothing.ch/img/frontend/gfx_footer.png)!important;background-repeat:no-repeat}#newsarchive .subtitledate{margin-top:8px}#newsarchive p.text{clear:left;border-bottom:1px dashed #d9ccbf;padding-top:0;padding-bottom:14px;margin-bottom:2px}.browselisting{color:#cdc2c2;margin-top:13px;margin-bottom:24px}.browselisting a{font-weight:400!important}.browselisting em{color:#666;font-style:normal}#portrait .lead{padding-bottom:5px}#teampicture{margin-top:10px}#jobdetail{margin-top:12px}#jobdetail p{padding:3px 0 4px}#jobdetail ul{padding-top:1px;padding-bottom:9px}#jobdetail li{background-position:15px 7px;padding:2px 30px}#tbl_ssheets td.col1{width:160px}#tbl_ssheets td.col2{width:232px}#contactarea h2{padding-top:4px}.ca_addresscolumn{float:left;width:170px;margin-bottom:6px}.ca_addresscolumn h3{padding-top:10px;padding-bottom:10px}#searchresults .objectinfoitem{border-top:1px dashed #d9ccbf}#searchresults .oi_object{width:29px;padding-top:3px}#searchresults .oi_info{width:488px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.gamecarousel{width:516px}.gamecarousel.js{position:relative;height:178px}.gamecarousel p#prev,.gamecarousel p#next{display:none}.gamecarousel.js p#prev,.gamecarousel.js p#next{display:block;position:absolute;width:20px;height:178px;text-indent:-9999px;cursor:pointer}.gamecarousel.js p#prev{left:0;background:url(https://www.nothing.ch/img/games/btn_gamecarousel_prev.png) no-repeat}.gamecarousel.js p#next{right:0;background:url(https://www.nothing.ch/img/games/btn_gamecarousel_next.png) no-repeat}.gamecarousel .screenshots{width:474px;border-right:1px solid #fff;border-left:1px solid #fff}.gamecarousel.js .screenshots{position:absolute;height:178px;left:20px}#carousel{font-size:0}#carousel a img{border:0;width:237px;height:178px;margin:0;padding:0}#menu{position:absolute;top:226px;width:766px;height:25px;background-color:#FFF;margin:1px}#menu_inner{padding-left:209px}#menu_inner .menu_spacer{float:left;width:1px;height:20px;border-bottom:5px solid #B1BABF}#menu_inner .menu_item{float:left;padding-top:5px;padding-left:5px;padding-right:5px;height:15px}#menu_inner .menu_item a,.menu_item a:visited{color:#620000}#menu_inner .menu_item a:hover{color:#E50000}* html .searchbox div .warning{left:-210px;width:80px;white-space:nowrap;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nothing.ch/img/frontend/search/bgd_warning_left.png',sizingMethod='crop')}* html .searchbox div .warning span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nothing.ch/img/frontend/search/bgd_warning_right.png',sizingMethod='scale')}#navigation p a,#content a:visited,.error{color:#f60}#navigation p.selected a,#subnavigation p selected a,.lead strong{color:#666}h1 span,h2 span,.formlayout p.text span{font-weight:400}.subtitledate h3,#fa_left{float:left}.oi_info p.button,.oi_info p.note{padding-top:9px}
/* -----file: menu.css----- */
#topmenu ul{margin:0;padding:0;}#topmenu li{margin:0;padding:0;float:left;}#submenu-news, #submenu-company{display:none;}#topmenu a{display:block;}#topmenu a span{display:none;}a.topmenu-nothing{width:209px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_nothing.gif) no-repeat top left;}a.topmenu-news{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_news.gif) no-repeat top left;}a.topmenu-news.selected{background:url(https://www.nothing.ch/img/frontend/men_news_s.gif) no-repeat top left;}a.topmenu-company{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_company.gif) no-repeat top left;}a.topmenu-company.selected{background:url(https://www.nothing.ch/img/frontend/men_company_s.gif) no-repeat top left;}a.topmenu-services{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_services.gif) no-repeat top left;}a.topmenu-services.selected{background:url(https://www.nothing.ch/img/frontend/men_services_s.gif) no-repeat top left;}a.topmenu-blog{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_blog.gif) no-repeat top left;}a.topmenu-blog.selected{background:url(https://www.nothing.ch/img/frontend/men_blog_s.gif) no-repeat top left;}a.topmenu-works{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_works.gif) no-repeat top left;}a.topmenu-works.selected{background:url(https://www.nothing.ch/img/frontend/men_works_s.gif) no-repeat top left;}a.topmenu-contact{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_contact.gif) no-repeat top left;}a.topmenu-contact.selected{background:url(https://www.nothing.ch/img/frontend/men_contact_s.gif) no-repeat top left;}#menu{position:absolute;top:226px;width:766px;height:25px;background-color:white;margin:1px;}#menu_inner{padding-left:209px;}#menu_inner .menu_spacer{float:left;width:1px;height:20px;border-bottom:5px solid #B1BABF;}#menu_inner .menu_item{float:left;padding-top:5px;padding-left:5px;padding-right:5px;height:15px;}#menu_inner .menu_item a, .menu_item a:visited{color:#620000;}#menu_inner .menu_item a:hover{color:#E50000;}
/* -----file: container.css----- */
/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:2.2.2 */ .yui-overlay{position:absolute;display:block;}.yui-tt{visibility:hidden;position:absolute;color:#333;background-color:#FDFFB4;font-family:arial,helvetica,verdana,sans-serif;padding:2px;border:1px solid #FCC90D;font:100% sans-serif;width:auto;}* html body.masked select{visibility:hidden;}* html div.yui-panel-container select{visibility:inherit;}* html div.drag select{visibility:hidden;}* html div.hide-select select{visibility:hidden;}.mask{z-index:2;display:none;position:absolute;top:0;left:0;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);background-color:#fff;}.hide-scrollbars *{overflow:hidden;}.hide-scrollbars textarea, .hide-scrollbars select{overflow:hidden;display:none;}.show-scrollbars textarea, .show-scrollbars select{overflow:visible;}.yui-panel-container{position:absolute;background-color:transparent;z-index:6;visibility:hidden;overflow:visible;width:auto;}.yui-panel-container.focused{}.yui-panel-container.matte{padding:3px;background-color:#FFF;}.yui-panel-container.matte .underlay{display:none;}.yui-panel-container.shadow{padding:0px;background-color:transparent;}.yui-panel-container.shadow .underlay{visibility:inherit;position:absolute;background-color:#000;top:3px;left:3px;z-index:0;width:100%;height:100%;-moz-opacity:0.12;opacity:.12;filter:alpha(opacity=12);zoom:1;}.yui-panel{color:#82812a;visibility:hidden;border-collapse:separate;position:relative;left:0px;top:0px;background-color:#ffffee;border:1px solid #dddc70;z-index:1;overflow:hidden;}.yui-panel .hd{background-color:#fcfbb8;border:1px solid #FFF;border-bottom:1px solid #82812a;font-weight:bold;overflow:hidden;padding:8px 10px;}.yui-panel .bd{overflow:hidden;display:block;padding:10px 10px 10px 10px;}.yui-panel .bd p{margin:4px;}.yui-panel .container-close{position:absolute;top:5px;right:5px;z-index:6;height:12px;width:12px;margin:0px;padding:0px;background:url(/js/lib/yui/container/assets/close12_1.gif) no-repeat;cursor:pointer;visibility:inherit;}.yui-panel .ft{padding:4px 4px 4px 40px;overflow:hidden;margin-top:4px;}/*.yui-simple-dialog .bd .yui-icon{background-repeat:no-repeat;width:24px;height:24px;position:relative;top:14px;left:-34px;margin-right:-24px;z-index:10;}*/ * html .yui-simple-dialog .bd .yui-icon{margin-right:-40px;}.yui-simple-dialog .bd span.blckicon{background:url("blck16_1.gif") no-repeat;}.yui-simple-dialog .bd span.alrticon{background:url("alrt16_1.gif") no-repeat;}.yui-simple-dialog .bd span.hlpicon{background:url("hlp16_1.gif") no-repeat;}.yui-simple-dialog .bd span.infoicon{background:url("info16_1.gif") no-repeat;}.yui-simple-dialog .bd span.warnicon{background:url("warn16_1.gif") no-repeat;}.yui-simple-dialog .bd span.tipicon{background:url("tip16_1.gif") no-repeat;}.yui-dialog .ft, .yui-simple-dialog .ft{padding-bottom:5px;padding-right:5px;}.yui-dialog form, .yui-simple-dialog form{margin:0;}.button-group button{padding:3px 20px;margin:4px 8px;background-color:#eab882;background-image:url(https://www.nothing.ch/img/raygui/button/abort.gif);background-repeat:repeat-x;border:1px solid #c8814d;cursor:pointer;text-decoration:none;font-size:11px;color:#b05b33;}.button-group button.default{font-weight:bold;color:#2d6d28;background-image:url(https://www.nothing.ch/img/raygui/button/confirm.gif);background-color:#74c667;border:1px solid #5b9e50;}.button-group button:hover, .button-group button.hover{border:1px solid #0d3e09;}.button-group button:active{border:2px solid #E4E4E4;background-color:#BBB;border-top-color:#333;border-left-color:#333;}

Tasarımın üzerindeki YAZI:

</head>
<body>
<div id="wrapper">
<div id="shell">
<div id="headerarea">
<p><img src="https://www.nothing.ch/img/frontend/header/team/spacefox.jpg" width="768" height="120" alt="spacefox" /></p>
<div>
<div id="logo"><a href="/"><img src="https://www.nothing.ch/img/frontend/hdr_logo.jpg" width="140" height="64" alt="Nothing, Agentur f&uuml;r Webdesign, Software-/ Flash-Games-Entwicklung und Online-Werbung in Bern (Schweiz). Nothing, agency for web design, software/ flash game development and online advertising in Bern (Switzerland)." /></a></div>
<div id="search" class="searchbox">
<form action="/search/results" id="searchform">
<p id="searchfield"><input type="text" name="query" id="query" /></p>
<p id="searchbutton"><input type="image" src="https://www.nothing.ch/img/frontend/btn_search.gif" alt="search" /></p>
<div>
<div id="searchwarning" class="warning"><span>Please enter a search term</span></div>
</div>
</form>
</div>
</div>


<div id="topmenu">
<ul>
<li><a class="topmenu-nothing" href="/" title="Nothing"><span>Nothing</span></a></li>
<li><a class="topmenu-news" href="/news" title="News"><span>News</span></a></li>
<li><a class="topmenu-services" href="/services" title="Services"><span>Services</span></a></li>
<li><a class="topmenu-works selected" href="/works" title="Works"><span>Works</span></a></li>
<li><a class="topmenu-blog" href="/blog/en" title="Blog"><span>Blog</span></a></li>
<li><a class="topmenu-company" href="/company" title="Company"><span>Company</span></a></li>
<li><a class="topmenu-contact" href="/contact" title="Contact"><span>Contact</span></a></li>
</ul>
</div>


<p><img src="https://www.nothing.ch/img/frontend/splash/news.jpg" width="768" height="26" alt="picture company" title="Survive in any environment : Nothing for interactive media" /></p>
</div>
<div id="contentarea">
<div id="colleft">

<div id="navigation">
<p id="navtitle">Works</p>
<p class="first "><a href="/works/clients">Clients</a></p><p class=""><a href="/works/latest">Latest Works</a></p><p class=""><a href="/works/games">Games</a></p>
<p class="selected"><a href="/works/webdesign">Webdesign</a></p>
<p class="last_row "><a href="/works/successstories">Success Stories</a></p>
<p id="navfooter"></p>
</div>

<p id="actionicons">
<a href="/system/tellafriend" onmouseover="displayOver('tellafriend')" onmouseout="displayOut('tellafriend')"><img src="https://www.nothing.ch/img/frontend/ico_tellafriend.gif" width="20" height="20" alt="tellafriend" name="tellafriend" title="Tell a friend about this page" /></a>
<a href="javascript:printPage()" onmouseover="displayOver('print')" onmouseout="displayOut('print')"><img src="https://www.nothing.ch/img/frontend/ico_print.gif" width="20" height="20" alt="print" name="print" title="Print this page" /></a>
</p>
<div id="actiondisplay" style="display:none;">&nbsp;</div>
</div>
<div id="colright">
<div id="content">
<div class="contentwidth">
<h1>Webdesign - <span>Shnit</span></h1>
</div>
<div class="fulldisplay">
<div>
<p>
<img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/254207_141578535925412_100002197992423_283217_7925712_n.jpg" width="553" height="355" alt="Shnit" title="Shnit" />
</p>

Tasarımın altındaki YAZI:

<p class="detailtext">
<strong>Project:&nbsp;</strong>
Shnit
&nbsp;  <strong>Project link:&nbsp;</strong>
<a href="http://www.shnit.ch" target="_blank">www.shnit.ch</a>
&nbsp;  <strong>Mission:&nbsp;</strong>
Creation of full flash website
</p>
<p class="browselisting">
</p>
</div>
</div>
</div>
</div>
<br class="clearer" />
</div>

<div id="footerarea">
<div id="fa_txt">
<p id="fa_left"><a href="/news/hotnews/rss"><img src="https://www.nothing.ch/img/frontend/icon_rss.gif" width="12" height="12" title="rss feed" alt="rss feed" /></a></p>
<p style="float:left;"><strong><a href="https://www.nothing.ch">Nothing</a></strong>, Kirchstrasse 175, 3084 Wabern-Bern, Schweiz / Switzerland, <a href="mailto:&#105;&#110;&#102;&#111;&#064;&#110;&#111;&#116;&#104;&#105;&#110;&#103;&#046;&#099;&#104;">&#105;&#110;&#102;&#111;&#064;&#110;&#111;&#116;&#104;&#105;&#110;&#103;&#046;&#099;&#104;</a>, +41 31 384 1010</p>
<p id="fa_right">
<a href="/legal/termsofuse">Terms of Use</a>
&nbsp;|&nbsp;
<a href="/legal/privacypolicy">Privacy Policy</a>
</p>
</div>
<div id="fa_gfx" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nothing.ch/img/frontend/gfx_footer.png'), sizingMethod='scale');">&nbsp;</div>
</div>

</div>
</div>
<script src="https://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script src="/js/frontend/ga.js" type="text/javascript" language="javascript"></script>
</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style Tagleri Olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* -----file: nothing-src.css----- */
body{background-image:url(https://www.nothing.ch/img/frontend/bgd_page.gif);background-repeat:repeat-x;background-color:#fff}body,div,p,ul,li,form,h1,h2,h3{margin:0;padding:0}body,input,textarea,select{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;color:#666}select{color:#b86642;border-top:1px solid #75736e;border-right:1px solid #f2f0ee;border-bottom:1px solid #f2f0ee;border-left:1px solid #75736e}img{border:0}a{color:#f60;text-decoration:none}a:hover{color:#000}br.clearer{clear:both;font-size:0;line-height:0;height:0}#wrapper{width:840px;text-align:left;background-image:url(https://www.nothing.ch/img/frontend/bgd_shadow_left.jpg);background-repeat:no-repeat;padding-left:36px;margin:0 auto}#shell{width:804px;background-image:url(https://www.nothing.ch/img/frontend/bgd_shadow_right.jpg);background-repeat:no-repeat;background-position:768px 0}#headerarea,#contentarea,#footerarea{width:768px}#contentarea{background-image:url(https://www.nothing.ch/img/frontend/bgd_topcontent.gif);background-repeat:repeat-x;background-color:#fff;padding-bottom:24px;min-height:280px}#footerarea{border-top:1px solid #ffdb83;margin-bottom:32px}* html #contentarea{height:auto!important}#logo{float:left;width:140px}#search{float:right;height:64px;width:628px;background-image:url(https://www.nothing.ch/img/frontend/hdr_structure.jpg);background-repeat:no-repeat;text-align:right}#searchfield{float:left;width:534px;padding-top:26px}#searchfield input{width:116px;background-image:url(https://www.nothing.ch/img/frontend/bgd_search_off.gif);background-repeat:repeat-x;background-color:#FF9312;border-top:1px solid #a52626;border-right:1px solid #ffcc6f;border-bottom:1px solid #ffcc6f;border-left:1px solid #a52626;margin-left:417px}#searchfield input:focus{background-image:url(https://www.nothing.ch/img/frontend/bgd_search_on.gif);background-repeat:repeat-x}#searchbutton{padding-top:23px;padding-right:10px}#searchbutton input{margin-left:3px;border-width:0;padding:0}.searchbox div .warning.active{display:block!important}.searchbox div{position:relative}.searchbox div .warning{display:none;position:absolute;top:-56px;left:416px;height:40px;min-width:100px;background:url(https://www.nothing.ch/img/frontend/search/bgd_warning_left.png) left no-repeat;z-index:999;padding:0 0 0 14px}.searchbox div .warning span{display:block;height:35px;min-width:100px;white-space:nowrap;color:#928d36;background:url(https://www.nothing.ch/img/frontend/search/bgd_warning_right.png) right no-repeat;padding:5px 25px 0 0}#colleft{float:left;width:203px;margin-right:6px}#colright{float:left;width:553px}#colminheight{height:320px}#navigation,#content{margin-top:7px}#navigation{width:197px;background-image:url(https://www.nothing.ch/img/frontend/nav_background.gif);background-repeat:repeat-x;background-color:#ffea95;margin-left:6px}#navigation p{font-size:12px;font-weight:700;background-image:url(https://www.nothing.ch/img/frontend/nav_sep_default.gif);background-repeat:no-repeat;padding:8px 17px}#navigation p.ix0{background-image:url(https://www.nothing.ch/img/frontend/nav_sep_first.gif)}#navigation p.ix1{background-image:url(https://www.nothing.ch/img/frontend/nav_sep_second.gif)}#navigation p a:hover{color:#930}#navigation p.selected{background-image:url(https://www.nothing.ch/img/frontend/nav_selected.gif);background-repeat:no-repeat}#navigation p.first{background-image:url(https://www.nothing.ch/img/frontend/nav_sep_first.gif);background-repeat:no-repeat}#subnavigation{padding-top:7px;padding-bottom:11px}#subnavigation p{font-size:11px;font-weight:400;background-image:none;padding:0 39px 0 17px}#subnavigation p.selected{background-image:none}p#navtitle{font-size:14px;font-weight:700;color:#fff;background-image:url(https://www.nothing.ch/img/frontend/nav_top.gif);background-repeat:no-repeat;padding-top:11px;padding-bottom:11px}p#navfooter{height:10px;background-image:url(https://www.nothing.ch/img/frontend/nav_bottom.gif);background-repeat:no-repeat;background-position:bottom;padding:0}#actionicons{padding-top:10px;padding-left:20px;float:left}#actiondisplay{float:left;padding-top:13px;padding-left:10px;font-size:10px}#content{width:553px;background-image:url(https://www.nothing.ch/img/frontend/bgd_caption.gif);background-repeat:no-repeat}#content a{font-weight:700}#content a:hover{color:#c30;background-color:#ff9}.contentwidth{width:520px;margin-left:19px}h1{font-size:14px;font-weight:700;padding-top:11px;padding-bottom:10px}.lead{font-size:12px;font-weight:700;color:#9b9b9b;line-height:148%;padding:12px 0 16px}.text{padding:4px 0}.detailtext{font-size:10px;line-height:130%}.note{font-size:10px;color:#999;padding:3px 0 4px}h2{font-size:12px;padding:12px 0 4px}h3{font-size:11px;padding-top:3px;padding-bottom:4px}.date{font-size:9px;color:#cdc2c2;text-align:right;padding-top:2px;padding-bottom:2px}ul{list-style:none;padding:4px 24px 6px 0}ul li{background-image:url(https://www.nothing.ch/img/frontend/gfx_listdot.gif);background-repeat:no-repeat;background-position:3px 7px;padding:2px 0 2px 15px}.button img{margin-right:10px}.button a:hover{background-color:transparent!important}#amityblotterswf{margin-top:4px;margin-bottom:5px}.objectinfoitem{margin-top:4px}.oi_object{float:left;width:151px;padding-top:7px}.oi_info{float:left;width:366px;border-bottom:1px dashed #d9ccbf;padding-top:4px;padding-bottom:14px;margin-bottom:2px}.oi_info.last{border-bottom:0 solid #000}.oi_info div.infobody{clear:left}.oi_info div.infobody p{padding-top:2px;padding-bottom:2px}.fulldisplay{width:553px;margin-top:10px;margin-bottom:15px}.fulldisplay .lead{padding-left:19px;padding-bottom:10px}.fulldisplay .text,.fulldisplay .detailtext{padding:8px 19px}.fulldisplay .browselisting{padding-left:19px}.itemrow{margin-bottom:7px}.itemrow p{float:left;margin-right:7px;margin-bottom:0!important}.tabledisplay{padding:0 10px 10px}.tabledisplay table{width:100%}.tabledisplay tr.grey{background-color:#efefef}.tabledisplay th,.tabledisplay td{vertical-align:top}.tabledisplay p{padding:7px 8px 8px}.tabledisplay .button img{margin:0}.tabledisplay p.note{padding-top:16px}.formlayout{margin-top:10px;margin-bottom:18px}.fl_row{margin:6px 0 8px}.formlayout p.text{float:left;width:130px;font-weight:700}.formlayout p.cached{color:#b86642}p.felement{padding-top:2px}p.felement input,p.felement textarea{border-top:1px solid #ffa868;border-right:1px solid #ffea95;border-bottom:1px solid #ffea95;border-left:1px solid #ffa868}p.felement input.ip_text{width:220px;background-color:#fff8dc}p.felement textarea.ip_textarea{width:220px;height:70px;background-color:#fff8dc}p.felement input.ip_radio,p.felement input.ip_checkbox,p.felement input.ip_checkboxes{background-color:transparent;border:none;margin-bottom:-1px;margin-left:0}p.felement input.ip_checkboxes{margin-left:130px}p.felement input.ip_checkboxes.first{margin-left:0}p.felement select{width:223px!important}.formlayout p.button{margin-top:20px;padding-left:130px}#footerarea p{font-size:9px;color:#cacaca;padding:2px 10px 4px}#fa_txt{height:20px;background-color:#fff5de}#fa_txt p{margin-top:2px}#fa_right{float:right;text-align:right}#footerarea p a{color:#ea3d00}#fa_gfx{clear:both;height:36px;background-image:url(https://www.nothing.ch/img/frontend/gfx_footer.png)!important;background-repeat:no-repeat}#newsarchive .subtitledate{margin-top:8px}#newsarchive p.text{clear:left;border-bottom:1px dashed #d9ccbf;padding-top:0;padding-bottom:14px;margin-bottom:2px}.browselisting{color:#cdc2c2;margin-top:13px;margin-bottom:24px}.browselisting a{font-weight:400!important}.browselisting em{color:#666;font-style:normal}#portrait .lead{padding-bottom:5px}#teampicture{margin-top:10px}#jobdetail{margin-top:12px}#jobdetail p{padding:3px 0 4px}#jobdetail ul{padding-top:1px;padding-bottom:9px}#jobdetail li{background-position:15px 7px;padding:2px 30px}#tbl_ssheets td.col1{width:160px}#tbl_ssheets td.col2{width:232px}#contactarea h2{padding-top:4px}.ca_addresscolumn{float:left;width:170px;margin-bottom:6px}.ca_addresscolumn h3{padding-top:10px;padding-bottom:10px}#searchresults .objectinfoitem{border-top:1px dashed #d9ccbf}#searchresults .oi_object{width:29px;padding-top:3px}#searchresults .oi_info{width:488px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.gamecarousel{width:516px}.gamecarousel.js{position:relative;height:178px}.gamecarousel p#prev,.gamecarousel p#next{display:none}.gamecarousel.js p#prev,.gamecarousel.js p#next{display:block;position:absolute;width:20px;height:178px;text-indent:-9999px;cursor:pointer}.gamecarousel.js p#prev{left:0;background:url(https://www.nothing.ch/img/games/btn_gamecarousel_prev.png) no-repeat}.gamecarousel.js p#next{right:0;background:url(https://www.nothing.ch/img/games/btn_gamecarousel_next.png) no-repeat}.gamecarousel .screenshots{width:474px;border-right:1px solid #fff;border-left:1px solid #fff}.gamecarousel.js .screenshots{position:absolute;height:178px;left:20px}#carousel{font-size:0}#carousel a img{border:0;width:237px;height:178px;margin:0;padding:0}#menu{position:absolute;top:226px;width:766px;height:25px;background-color:#FFF;margin:1px}#menu_inner{padding-left:209px}#menu_inner .menu_spacer{float:left;width:1px;height:20px;border-bottom:5px solid #B1BABF}#menu_inner .menu_item{float:left;padding-top:5px;padding-left:5px;padding-right:5px;height:15px}#menu_inner .menu_item a,.menu_item a:visited{color:#620000}#menu_inner .menu_item a:hover{color:#E50000}* html .searchbox div .warning{left:-210px;width:80px;white-space:nowrap;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nothing.ch/img/frontend/search/bgd_warning_left.png',sizingMethod='crop')}* html .searchbox div .warning span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nothing.ch/img/frontend/search/bgd_warning_right.png',sizingMethod='scale')}#navigation p a,#content a:visited,.error{color:#f60}#navigation p.selected a,#subnavigation p selected a,.lead strong{color:#666}h1 span,h2 span,.formlayout p.text span{font-weight:400}.subtitledate h3,#fa_left{float:left}.oi_info p.button,.oi_info p.note{padding-top:9px}
/* -----file: menu.css----- */
#topmenu ul{margin:0;padding:0;}#topmenu li{margin:0;padding:0;float:left;}#submenu-news, #submenu-company{display:none;}#topmenu a{display:block;}#topmenu a span{display:none;}a.topmenu-nothing{width:209px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_nothing.gif) no-repeat top left;}a.topmenu-news{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_news.gif) no-repeat top left;}a.topmenu-news.selected{background:url(https://www.nothing.ch/img/frontend/men_news_s.gif) no-repeat top left;}a.topmenu-company{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_company.gif) no-repeat top left;}a.topmenu-company.selected{background:url(https://www.nothing.ch/img/frontend/men_company_s.gif) no-repeat top left;}a.topmenu-services{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_services.gif) no-repeat top left;}a.topmenu-services.selected{background:url(https://www.nothing.ch/img/frontend/men_services_s.gif) no-repeat top left;}a.topmenu-blog{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_blog.gif) no-repeat top left;}a.topmenu-blog.selected{background:url(https://www.nothing.ch/img/frontend/men_blog_s.gif) no-repeat top left;}a.topmenu-works{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_works.gif) no-repeat top left;}a.topmenu-works.selected{background:url(https://www.nothing.ch/img/frontend/men_works_s.gif) no-repeat top left;}a.topmenu-contact{width:93px !important;height:42px !important;background:url(https://www.nothing.ch/img/frontend/men_contact.gif) no-repeat top left;}a.topmenu-contact.selected{background:url(https://www.nothing.ch/img/frontend/men_contact_s.gif) no-repeat top left;}#menu{position:absolute;top:226px;width:766px;height:25px;background-color:white;margin:1px;}#menu_inner{padding-left:209px;}#menu_inner .menu_spacer{float:left;width:1px;height:20px;border-bottom:5px solid #B1BABF;}#menu_inner .menu_item{float:left;padding-top:5px;padding-left:5px;padding-right:5px;height:15px;}#menu_inner .menu_item a, .menu_item a:visited{color:#620000;}#menu_inner .menu_item a:hover{color:#E50000;}
/* -----file: container.css----- */
/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:2.2.2 */ .yui-overlay{position:absolute;display:block;}.yui-tt{visibility:hidden;position:absolute;color:#333;background-color:#FDFFB4;font-family:arial,helvetica,verdana,sans-serif;padding:2px;border:1px solid #FCC90D;font:100% sans-serif;width:auto;}* html body.masked select{visibility:hidden;}* html div.yui-panel-container select{visibility:inherit;}* html div.drag select{visibility:hidden;}* html div.hide-select select{visibility:hidden;}.mask{z-index:2;display:none;position:absolute;top:0;left:0;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);background-color:#fff;}.hide-scrollbars *{overflow:hidden;}.hide-scrollbars textarea, .hide-scrollbars select{overflow:hidden;display:none;}.show-scrollbars textarea, .show-scrollbars select{overflow:visible;}.yui-panel-container{position:absolute;background-color:transparent;z-index:6;visibility:hidden;overflow:visible;width:auto;}.yui-panel-container.focused{}.yui-panel-container.matte{padding:3px;background-color:#FFF;}.yui-panel-container.matte .underlay{display:none;}.yui-panel-container.shadow{padding:0px;background-color:transparent;}.yui-panel-container.shadow .underlay{visibility:inherit;position:absolute;background-color:#000;top:3px;left:3px;z-index:0;width:100%;height:100%;-moz-opacity:0.12;opacity:.12;filter:alpha(opacity=12);zoom:1;}.yui-panel{color:#82812a;visibility:hidden;border-collapse:separate;position:relative;left:0px;top:0px;background-color:#ffffee;border:1px solid #dddc70;z-index:1;overflow:hidden;}.yui-panel .hd{background-color:#fcfbb8;border:1px solid #FFF;border-bottom:1px solid #82812a;font-weight:bold;overflow:hidden;padding:8px 10px;}.yui-panel .bd{overflow:hidden;display:block;padding:10px 10px 10px 10px;}.yui-panel .bd p{margin:4px;}.yui-panel .container-close{position:absolute;top:5px;right:5px;z-index:6;height:12px;width:12px;margin:0px;padding:0px;background:url(/js/lib/yui/container/assets/close12_1.gif) no-repeat;cursor:pointer;visibility:inherit;}.yui-panel .ft{padding:4px 4px 4px 40px;overflow:hidden;margin-top:4px;}/*.yui-simple-dialog .bd .yui-icon{background-repeat:no-repeat;width:24px;height:24px;position:relative;top:14px;left:-34px;margin-right:-24px;z-index:10;}*/ * html .yui-simple-dialog .bd .yui-icon{margin-right:-40px;}.yui-simple-dialog .bd span.blckicon{background:url("blck16_1.gif") no-repeat;}.yui-simple-dialog .bd span.alrticon{background:url("alrt16_1.gif") no-repeat;}.yui-simple-dialog .bd span.hlpicon{background:url("hlp16_1.gif") no-repeat;}.yui-simple-dialog .bd span.infoicon{background:url("info16_1.gif") no-repeat;}.yui-simple-dialog .bd span.warnicon{background:url("warn16_1.gif") no-repeat;}.yui-simple-dialog .bd span.tipicon{background:url("tip16_1.gif") no-repeat;}.yui-dialog .ft, .yui-simple-dialog .ft{padding-bottom:5px;padding-right:5px;}.yui-dialog form, .yui-simple-dialog form{margin:0;}.button-group button{padding:3px 20px;margin:4px 8px;background-color:#eab882;background-image:url(https://www.nothing.ch/img/raygui/button/abort.gif);background-repeat:repeat-x;border:1px solid #c8814d;cursor:pointer;text-decoration:none;font-size:11px;color:#b05b33;}.button-group button.default{font-weight:bold;color:#2d6d28;background-image:url(https://www.nothing.ch/img/raygui/button/confirm.gif);background-color:#74c667;border:1px solid #5b9e50;}.button-group button:hover, .button-group button.hover{border:1px solid #0d3e09;}.button-group button:active{border:2px solid #E4E4E4;background-color:#BBB;border-top-color:#333;border-left-color:#333;}

-----------------------------------------------------------------------------------------------

Tasarımın üzerindeki yazı:

<![endif]-->   
<div id="pageContainer">
<div id="pageLike"><iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:100px; height:21px;" src="http://www.facebook.com/plugins/like.php?app_id=136110316471165&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FDrop-Bags%2F197751163585528&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21"></iframe></div>
<div onclick="window.location.href='http://www.dropbags.com/view-cart.php'" id="pageCart">There are <strong>0 items</strong> in your shopping cart <img border="0" alt="Shopping Cart" style="vertical-align:middle;margin-bottom:3px;" src="http://www.dropbags.com/_img/icon-cart.gif" /></div>
<div id="pageHeader"></div>
<div id="pageMainNav"><a href="http://www.dropbags.com/"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-home-on.gif" src="http://www.dropbags.com/_img/btn-home.gif" /></a><a href="http://www.dropbags.com/shop-by-product.php"><img border="0" alt="" src="http://www.dropbags.com/_img/btn-shopbyprod-on.gif" /></a><a href="http://www.dropbags.com/how-to-use.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-howtouse-on.gif" src="http://www.dropbags.com/_img/btn-howtouse.gif" /></a><a href="http://www.dropbags.com/where-to-buy.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-wheretobuy-on.gif" src="http://www.dropbags.com/_img/btn-wheretobuy.gif" /></a><a href="http://www.dropbags.com/uses.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-uses-on.gif" src="http://www.dropbags.com/_img/btn-uses.gif" /></a><a href="http://www.dropbags.com/wholesale.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-wholesale-on.gif" src="http://www.dropbags.com/_img/btn-wholesale.gif" /></a><a href="http://www.dropbags.com/my-account.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-myacct-on.gif" src="http://www.dropbags.com/_img/btn-myacct.gif" /></a><a href="http://www.dropbags.com/customer-service.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-custserv-on.gif" src="http://www.dropbags.com/_img/btn-custserv.gif" /></a><a href="http://www.dropbags.com/login.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-login-on.gif" src="http://www.dropbags.com/_img/btn-login.gif" /></a></div>
<div id="pageMainContent">
<div id="interiorContainerTop">
<div id="interiorContainerBot">
<div style="height:4px;overflow:hidden;"></div>
<div id="interiorContainerVert">
<div id="interiorContainerFade"><script type="text/javascript">
// Identify a caption for all images. This can also be set inline for each image.
hs.captionId = 'the-caption';
hs.outlineType = 'rounded-white';
</script>
<div id="the-caption" class="highslide-caption"><div style="clear:both"></div>
</div>
<script>
function calcSubtotal(existingTotal) {
if(existingTotal != '') {
var subTotal = existingTotal;
var unitTotal = existingTotal;
} else {
var subTotal = 0;
var unitTotal = 0;
}
var quantity = document.getElementById('quantity');
if(quantity.value == "1") subTotal = subTotal * 1;
if(quantity.value == "10") subTotal = subTotal * 10;
if(quantity.value == "2") subTotal = subTotal * 2;
if(quantity.value == "3") subTotal = subTotal * 3;
if(quantity.value == "4") subTotal = subTotal * 4;
if(quantity.value == "5") subTotal = subTotal * 5;
if(quantity.value == "6") subTotal = subTotal * 6;
if(quantity.value == "7") subTotal = subTotal * 7;
if(quantity.value == "8") subTotal = subTotal * 8;
if(quantity.value == "9") subTotal = subTotal * 9;
var subTotalTarget = document.getElementById('prodDetailSubTotal');
subTotal = parseFloat(subTotal);
unitTotal = parseFloat(unitTotal);
subTotal = subTotal.toFixed(2);
unitTotal = unitTotal.toFixed(2);
subTotalTarget.innerHTML = "Subtotal: <span id='subTotalValue'>$" + subTotal + "</span>";
document.f.st.value = subTotal;
document.f.ut.value = unitTotal;
return true;
}
function checkAttr_quantity(attrSetShortName) {
imageTargetName = 'prodDescImage'; // attrSetShortName + 'Image';
imageTarget = document.getElementById(imageTargetName);
attrImage = document.getElementById(attrSetShortName);
if(attrImage.value == '') {
//toggleHidden(attrSetShortName,'hide');
document.f.quantityAttrImage.value = "";
}
checkForLinkedImages();
checkForConditions();
}
function checkForLinkedImages() {
imageTargetName = 'mainImage';
imageTarget = document.getElementById(imageTargetName);
}
function checkForConditions() {
found = 'no';
var modTotal = 70.00;
if(found == 'no') {
}
calcSubtotal(modTotal);
}
function validateProduct() {
alertText = '';
quantityTarget = document.getElementById('quantity');
if(quantityTarget.value == '' && alertText == '') alertText = "You must choose a Quantity";
if(alertText == '') {
return true;
} else {
alert(alertText);
return false;
}
}
</script>
<div class="interiorContainerSideBar">
<div class="interiorContainerSideBarTwo">
<div class="leftColumn">
<div id="leftColumnHeader"><img border="0" alt="" src="http://www.pixsoulmedia.com/tillerman/images/h-menus.gif" /></div>
<ul id="leftNavItems">
<li onclick="window.location.href='http://www.dropbags.com/drop-bags.php'" class="sideNavSelected"><span class="navText">Drop Bags</span></li>
<li onclick="window.location.href='http://www.dropbags.com/replacement-bags.php'" class="sideNav"><span class="navText">Replacement Bags</span></li>
<li onclick="window.location.href='http://www.dropbags.com/accessories.php'" class="sideNav"><span class="navText">Accessories</span></li>
<li onclick="window.location.href='http://www.dropbags.com/drop-machines.php'" class="sideNav"><span class="navText">Drop Machines</span></li>
<li onclick="window.location.href='http://www.dropbags.com/press-screens.php'" class="sideNav"><span class="navText">Press Screens</span></li>
<li onclick="window.location.href='http://www.dropbags.com/combo-kits.php'" class="sideNav"><span class="navText">Combo Kits</span></li>
</ul>
</div>
<div class="rightColumn">
<div class="textContentPadding">
<div id="rightContentContainer">
<form onSubmit="return validateProduct()" method="post" action="http://www.dropbags.com/cart_p.php" name="f">
<input type="hidden" value="add" name="mode" /> 	<input type="hidden" value="1-gallon-three-bag-kit" name="productCode" /> 	<input type="hidden" value="1 Gallon - Three Bag Kit" name="productFormalName" /> 	<input type="hidden" value="" name="linkedAttrImage" /> 	<input type="hidden" value="" name="st" /> 	<input type="hidden" value="" name="ut" />
<div id="prodDetailLeft">

Tasarımın altındaki yazı:

</div>
</form>
</div>
</div>
</div>
<div class="clearDiv"></div>
</div>
</div>
<script>
calcSubtotal('70.00');
//checkForLinkedImages();
var addToCartDisabled = new Image();
addToCartDisabled.src = "http://www.dropbags.com/_img/btn-add-to-cart-disabled.gif";
var addToWishlistDisabled = new Image();
addToWishlistDisabled.src = "http://www.dropbags.com/_img/btn-add-to-wishlist-disabled.gif";
function changeDescImage(attrImage, descImage, attrSetName, attrValue) {
imageTarget = document.getElementById('prodDescImage');
imageTarget.src = "http://www.dropbags.com/_img/prodDescImages/" + descImage;
document.f.linkedAttrImage.value = "../prodDescImages/" + descImage;
if(attrSetName != '' && attrValue != '') {
attrTarget = document.getElementById(attrSetName);
attrTarget.value = attrValue;
attrImageTargetName = attrSetName + 'AttrImage';
document.f[attrImageTargetName].value = attrImage;
}
checkProdQuantity();
}
function checkProdQuantity() {
outOfStockTarget = document.getElementById('outOfStockBox');
limitedQtyTarget = document.getElementById('limitedQtyBox');
addToCartTarget = document.getElementById('addToCartBox');
prodQuantity = parseInt(document.getElementById('quantity').value);
var checkString = '1-gallon-three-bag-kit||';
var outOfStock = 0;
var limitedQty = 0;
var remainingQty = 0;
var disableAdd = 0;
var qtyInCart = parseInt(0);
var invArray = new Array();
var prodQuantityWCart = parseInt(prodQuantity + qtyInCart);
//alert("Qty: '"+prodQuantity+"'");
if(outOfStock == 1) {
outOfStockTarget.style.display = '';
limitedQtyTarget.style.display = 'none';
addToCartTarget.innerHTML = '<img src="http://www.dropbags.com/_img/btn-add-to-cart-disabled.gif" border="0" align="absmiddle" alt="Add to Shopping Bag - Disabled" />';
return false;
} else if(limitedQty == 1) {
limitedQtyTarget.style.display = '';
//if(remainingQty == 1) limitedNotice = 'There is only 1 item of this option combination remaining, buy it now!';
//else limitedNotice = 'There are only ' + remainingQty + ' items of this option combination remaining, buy it now!';
limitedNotice = 'There are only a few of this item remaining, buy it now!';
//if(qtyInCart > 0) limitedNotice = limitedNotice + '<br />You already have ' + qtyInCart + ' of this item in your shopping bag.';
limitedQtyTarget.innerHTML = '<img src="http://www.dropbags.com/_img/btn-icon-low-inventory.gif" border="0" align="left" alt="Low Inventory" /> ' + limitedNotice;
outOfStockTarget.style.display = 'none';
if(disableAdd) {
addToCartTarget.innerHTML = '<img src="http://www.dropbags.com/_img/btn-add-to-cart-disabled.gif" border="0" align="absmiddle" alt="Add to Shopping Bag - Disabled" />';
} else {
addToCartTarget.innerHTML = '<input type="image" src="http://www.dropbags.com/_img/btn-add-to-cart.gif" border="0" align="absmiddle" alt="Add to Shopping Bag" title="Add to Shopping Bag" />';
}
return false;
} else {
outOfStockTarget.style.display = 'none';
limitedQtyTarget.style.display = 'none';
addToCartTarget.innerHTML = '<input type="image" src="http://www.dropbags.com/_img/btn-add-to-cart.gif" border="0" align="absmiddle" alt="Add to Shopping Bag" title="Add to Shopping Bag" />';
return true;
}
}
function toggleHidden(targetId,mode) {
targetId = 'hidden' + targetId;
targetDiv = document.getElementById(targetId);
if(targetDiv.style.visibility == 'hidden' && mode == 'show') {
targetDiv.style.visibility = 'visible';
targetDiv.style.display = '';
} else if(targetDiv.style.visibility == 'visible' && mode == 'hide') {
targetDiv.style.visibility = 'hidden';
targetDiv.style.display = 'none';
}
}
checkProdQuantity();
</script></div>
</div>
<div style="height:4px;overflow:hidden;"></div>
</div>
</div>
</div>
<div id="pageFooter">
<div id="pageFooterNavOne"><a href="http://www.dropbags.com/">Home</a> 			<a href="http://www.dropbags.com/shop-by-product.php">Shop By Product</a> 			<a href="http://www.dropbags.com/how-to-use.php">How To Use</a> 			<a href="http://www.dropbags.com/where-to-buy.php">Where To Buy</a> 			<a href="http://www.dropbags.com/uses.php">Uses</a>  			<a href="http://www.dropbags.com/wholesale.php">Wholesale</a> 			<a href="http://www.dropbags.com/customer-service.php">Customer Service</a> 			<a href="http://www.dropbags.com/site-map.php" class="lastNav">Site Map</a></div>
<div id="pageFooterCopyright">All Content &copy; 2011 Drop Bags. All Rights Reserved</div>
<div id="pageFooterNavTwo"><a href="http://www.dropbags.com/privacy-policy.php">Privacy Policy</a> 			<a href="http://www.dropbags.com/terms-and-conditions.php">Terms &amp; Conditions</a> 			<a target="_blank" href="http://www.dicemedia.com/">site by: Dice Media</a></div>
</div>
</div>
 <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> <script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12263732-1");
pageTracker._trackPageview();
} catch(err) {}</script>   </meta>
</meta>
</meta>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* BASIC LAYOUT AND FRAMEWORK */
html, body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
}
body {
background: #5b5033 url('http://www.dropbags.com/_img//bgPage.jpg') repeat-x;
}
img {
margin: 0;
padding: 0;
border: 0;
}
#pageContainer {
background: url('http://www.dropbags.com/_img//bgGraphic.jpg') top center no-repeat;
}
#pageLike {
position: absolute;
z-index: 10;
top: 8px;
left: 50%;
margin-left: 140px;
width: 90px;
text-align: right;
}
#pageCart {
width: 920px;
height: 15px;
margin: 0 auto;
padding-right: 5px;
padding-top: 10px;
text-align: right;
font-size: 10px;
color: #fff;
cursor: pointer;
}
#pageHeader {
width: 920px;
height: 133px;
margin: 20px auto 0 auto;
background: url('https://img.webme.com/pic/t/tevhidinanci/tevhidinancibanner2.png') top center no-repeat;
}
#pageMainNav {
width: 920px;
height: 47px;
margin: 0 auto;
}
#pageMainNav a {
float: left;
display: inline;
}
#pageMainContent {
width: 910px;
margin: 0 auto;
}
/* END BASIC LAYOUT AND FRAMEWORK */
/* FOOTER */
#pageFooter {
width: 920px;
height: 65px;
margin: 0 auto;
font-size: 10px;
color: #ddcfaa;
background: url('http://www.dropbags.com/_img//bgFooter.gif') top center no-repeat;
}
#pageFooterNavOne {
padding-top: 10px;
margin-bottom: 20px;
font-size: 10px;
color: #766f5a;
text-align: center;
}
#pageFooterNavOne a {
text-decoration: none;
color: #766f5a;
padding-left: 12px;
padding-right: 12px;
border-right: 1px solid #766f5a;
}
#pageFooterNavOne a:hover {
color: #fff;
}
#pageFooterNavOne a.lastNav {
border: 0px;
}
#pageFooterCopyright {
float: left;
display: inline;
width: 300px;
height: 12px;
margin-left: 10px;
}
#pageFooterNavTwo {
float: right;
display: inline;
width: 400px;
height: 12px;
text-align: right;
}
#pageFooterNavTwo a {
color: #ddcfaa;
text-decoration: none;
padding: 0 12px;
}
#pageFooterNavTwo a:hover {
color: #fff;
}
#footerWords a {
color: #fff;
}
/* END FOOTER */
/* INTERIOR ALT LAYOUT ONE */
#interiorContainerTop {
width: 900px;
margin: 20px auto;
padding: 0;
font-size: 1px;
background: url('http://www.dropbags.com/_img//content-top.gif') top center no-repeat;
}
#interiorContainerBot {
width: 900px;
margin: 0;
padding: 0;
font-size: 1px;
background: url('http://www.dropbags.com/_img//content-bottom.gif') bottom center no-repeat;
}
#interiorContainerVert {
width: 900px;
font-size: 12px;
background: #ccc url('http://www.dropbags.com/_img//bgContentVert.gif') repeat-y;
}
#interiorContainerFade {
width: 890px;
margin: 0 auto;
background: url('http://www.dropbags.com/_img//bgContentFade.gif') repeat-x;
}
.textContentPadding {
padding: 20px;
font-family: 'Trebuchet MS', Trebuchet;
}
/* END INTERIOR ALT LAYOUT ONE */
/* SIDEBAR */
.interiorContainerSideBar {
width: 890px;
background: url('http://www.dropbags.com/_img//bgLeftColumnBottom.gif') bottom left repeat-y;
}
.interiorContainerSideBarTwo {
width: 890px;
background: url('http://www.dropbags.com/_img//bgLeftColumnTop.gif') no-repeat;
}
.leftColumn {
float: left;
display: inline;
width: 264px;
}
.rightColumn {
float: left;
display: inline;
width: 626px;
}
#leftColumnHeader {
margin-top: 5px;
margin-left: 5px;
}
#leftNavItems {
margin: 0 0 0 14px;
padding: 0;
}
#leftNavItems li {
width: 228px;
height: 30px;
line-height: 32px;
margin: 0 0 3px 0;
padding: 0;
color: #b4cd5e;
cursor: pointer;
list-style-type: none;
background: url('http://www.dropbags.com/_img//bgLeftNavItem.gif') no-repeat;
}
#leftNavItems li .navText {
margin-left: 23px;
}
#leftNavItems li.sideNavSelected {
color: #fff;
background: url('http://www.dropbags.com/_img//bgLeftNavItem-on.gif') no-repeat;
}
/* END SIDEBAR */
a {
color: #A2361E;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.cleanLink, a.cleanLink:hover {
border: 0;
background: none;
text-decoration: none;
}
h1 {
clear: both;
font-size: 20px;
font-weight: bold;
color: #a2361e;
margin: 0 0 10px 0;
}
h2 {
clear: both;
font-size: 15px;
font-weight: bold;
color: #000;
margin: 0 0 10px 0;
}
h3 {
clear: both;
height: 30px;
line-height: 30px;
font-size: 14px;
font-weight: bold;
color: #a2361e;
}
form {
margin: 0;
padding: 0;
display: inline;
}
.formBox {
width: 450px;
margin: 0 auto;
font-family: 'Trebuchet MS', Trebuchet;
}
.formBoxPlain {
font-family: 'Trebuchet MS', Trebuchet;
}
.formSection {
font-size: 14px;
font-weight: bold;
color: #a2361e;
}
.formLeft {
clear: left;
float: left;
display: inline;
width: 165px;
height: 30px;
line-height: 30px;
text-align: right;
vertical-align: middle;
border: 0px solid #ccc;
}
.formRight {
clear: right;
float: left;
display: inline;
width: 230px;
height: 30px;
line-height: 30px;
margin-left: 5px;
vertical-align: middle;
border: 0px solid #000;
}
.formLeftThin {
float: left;
display: inline;
width: 120px;
height: 30px;
line-height: 35px;
text-align: right;
vertical-align: middle;
border: 0px solid #ccc;
}
.formRightThin {
float: left;
display: inline;
width: 200px;
height: 30px;
line-height: 30px;
margin-left: 5px;
vertical-align: middle;
border: 0px solid #000;
}
.formRightThin input {
width: 199px;
}
.formTopGap {
margin-top: 10px;
}
.requiredField {
font-weight: bold;
}
.smallFont {
font-size: 11px;
}
.normalLine {
line-height: 14px;
}
.clearDiv, .clear {
display: block;
clear: both;
font-size: 1px;
height: 1px;
overflow: hidden;
}
.formBox input, .formBox select, .formBoxPlain input, .formBoxPlain select, .cleanField, .formBox textarea {
font-family: Verdana, Tahomal;
font-size: 12px;
padding: 2px;
border: 1px solid #96969d;
background-color: #fff !important;
vertical-align: middle;
}
.forgotPassLink {
text-align: right;
}
.forgotPassLink a {
color: #a2361e;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-right: 66px;
}
.forgotPassLink a:hover {
text-decoration: underline;
}
.plainField {
border: 0;
background: none !important;
}
#warningBox, #noticeBox {
width: 600px;
margin: 10px auto;
border: 1px solid #c7c7c7;
background-color: #BFA666;
}
#warningBoxInt, #noticeBoxInt {
padding: 10px;
text-align: left;
border: 1px solid #fff;
}
#warningBox #closeTag, #noticeBox #closeTag {
float: right;
display: block;
width: 55px;
height: 13px;
line-height: 13px;
font-size: 10px;
color: #666;
cursor: pointer;
text-align: center;
background-color: #fff;
}
/* FLOAT BOX */
.floatBoxLeft {
float: left;
display: inline;
width: 371px;
margin-left: 40px;
}
.floatBoxRight {
float: right;
display: inline;
width: 371px;
margin-right: 40px;
}
.floatBoxTitle {
color: #a2361e;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
font-family: 'Trebuchet MS', Trebuchet;
background: url('http://www.dropbags.com/_img//bgRegisterLogin.gif') no-repeat;
}
.floatBoxOne {
background: url('http://www.dropbags.com/_img//bgRegisterLoginBot.gif') bottom center no-repeat;
}
.floatBoxTwo {
background: url('http://www.dropbags.com/_img//bgRegisterLoginTop.gif') no-repeat;
}
.floatBoxContent {
padding: 20px 13px;
font-family: 'Trebuchet MS', Trebuchet;
}
/* END FLOAT BOX */
/* CATEGORY LAYOUT */
.catProductEntry {
}
/* END CATEGORY LAYOUT */
/* PROD LISTING */
.prodListingBox {
width: 560px;
margin: 0 auto;
}
.prodColOne, .prodColTwo {
float: left;
display: inline;
width: 280px;
text-align: center;
}
.prodListTitle {
font-size: 14px;
font-weight: bold;
color: #a2361e;
margin-bottom: 40px;
text-align: center;
}
/* END PROD LISTING */
.registerField input, .registerfield select {
padding: 2px;
border: 1px solid #334010;
background-color: #fff;
}
.sectionBar, .cartItemTitleBar {
width: 762px;
height: 31px;
line-height: 31px;
font-size: 14px;
font-weight: bold;
margin: 0 auto;
background: url('http://www.dropbags.com/_img//bgLongBar.gif') no-repeat;
}
.sectionBar span {
color: #a2361e;
margin-left: 10px;
}
.sectionBar span.bigFont {
font-family: 'Trebuchet MS', Trebuchet;
font-size: 18px;
}
.sectionBarContent {
overflow: auto;
width: 752px;
color: #5b4b52;
font-size: 14px;
font-weight: normal;
margin: 10px auto 20px auto;
}
.myAccountHeaders {
font-size: 14px;
font-weight: bold;
color: #a2361e;
}
#hiddenAddAddress {
margin-top: 10px;
padding: 10px;
border: 1px solid #fff;
background-color: #B2CD8C;
}
.dataHeader {
font-weight: bold;
color: #a2361e;
}
/* PRODUCT DETAILS */
#prodDetailLeft {
float: left;
display: inline;
width: 180px;
text-align: center;
}
#prodDetailRight {
float: left;
display: inline;
width: 400px;
}
#prodDetailEnlargeLink {
font-size: 10px;
}
#prodDetailSendToFriend {
font-family: Verdana;
font-size: 10px;
color: #af462d;
}
#prodDetailSendToFriend a {
text-decoration: none;
}
#prodDetailSendToFriend img {
margin-top: 2px;
}
#prodDetailProductName {
font-family: Verdana, Arial;
font-size: 20px;
font-weight: bold;
color: #a2361e;
}
#prodDetailProductPrice {
font-size: 15px;
}
#prodDetailProdDescBox {
font-family: Trebuchet, Verdana, Arial;
font-size: 12px;
margin-bottom: 30px;
}
#prodDetailAttributes {
}
#prodWishlistNotice {
margin-top: 10px;
}
#outOfStockBox {
height: 77px;
margin-bottom: 10px;
border: 0px solid #000;
}
#outOfStockBoxText {
padding-top: 28px;
}
#outOfStockCustom {
overflow: auto;
width: 393px;
font-size: 14px;
margin-bottom: 20px;
border: 1px solid #DAC16F;
background-color: #FFFEBB;
}
#outOfStockCustom img {
margin: 10px;
}
#outOfStockCustomText {
/*	float: right; */
/*	display: inline; */
margin: 10px;
}
#prodDetailSubTotal {
text-align: right;
font-size: 16px;
color: #000;
margin-right: 10px;
margin-bottom: 5px;
}
#wholesaleDiscount, #wholesaleDiscountRetail {
text-align: right;
font-size: 14px;
color: #9A0000;
margin-right: 10px;
margin-bottom: 5px;
}
.prodDetailAttrBoxFirst {
}
.prodDetailAttrBox {
float: left;
display: inline;
width: 200px;
margin-bottom: 10px;
}
.prodDetailAttrSetName {
font-size: 14px;
margin-bottom: 5px;
}
.prodDetailAttrSetValue input, .prodDetailAttrSetValue select {
border: 1px solid #DAC16F;
padding: 3px;
}
#itemExistsText {
clear: both;
width: 393px;
padding: 10px;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
border: 1px solid #DAC16F;
background-color: #FFFEBB;
}
/* END PRODUCT DETAILS */
/* START CATEGORY TEMPLATE */
.catProductEntry {
float: left;
display: inline;
width: 170px;
}
/* END CATEGORY TEMPLATE */
/* SHARE WITH A FRIEND */
#shareWithFriendProdName {
font-family: Verdana,Arial;
font-size: 20px;
font-weight: bold;
color: #a2361e;
}
#shareWithFriendPrice {
font-size: 15px;
}
/* END SHARE WITH A FRIEND */
/* CART & PRODUCT LISTING */
#viewCartSubTotal {
float: left;
display: inline;
width: 300px;
height: 30px;
}
.viewCartItemCount {
float: right;
display: inline;
width: 500px;
height: 30px;
text-align: right;
}
#cartSubTotalValue {
font-weight: bold;
color: #A2361E;
font-size: 14px;
}
.cartItemTitleBar, .viewCartItemName {
font-size: 12px;
}
.attrSetName {
font-weight: bold;
}
#viewCartSubTotalBox {
width: 762px;
height: 31px;
line-height: 31px;
font-size: 12px;
font-weight: bold;
margin: 0 auto;
text-align: right;
background: url('http://www.dropbags.com/_img//bgLongBar.gif') no-repeat;
}
#viewCartSubTotalBox span {
margin-right: 10px;
}
/* END CART & PRODUCT LISTING */
/* WHERE TO BUY STYLES */
#americaBox {
height: 510px;
margin-top: 20px;
overflow: hidden;
background: url('http://www.dropbags.com/_img//bg-america2.png') bottom center no-repeat;
}
#overlayBox {
width: 665px;
height: 60px;
overflow: hidden;
margin: -64px auto 0 auto;
background: #F9F2DF;
border-left: 4px solid #AA965E;
border-right: 4px solid #AA965E;
border-bottom: 4px solid #AA965E;
}
#zipSearchMap {
width: 90%;
height: 300px;
margin: 20px auto;
}
#zipSearchBox {
width: 400px;
padding-top: 10px;
padding-left: 20px;
margin-bottom: 10px;
}
.bigCleanField {
font-family: Verdana, Tahomal;
font-size: 18px;
padding: 5px;
border: 1px solid #96969d;
background-color: #fff !important;
vertical-align: middle;
text-align: center;
}
#zipSearch {
width: 570px;
padding-top: 10px;
margin: 0 auto 10px auto;
}
#zipError {
width: 570px;
height: 30px;
line-height: 30px;
font-size: 18px;
text-align: center;
font-weight: bold;
margin: 0 auto;
}
#ajaxScreen {
position: absolute;
z-index: 10;
top: 315px;
left: 50%;
width: 830px;
height: 377px;
text-align: center;
margin-left: -415px;
background: url('http://www.dropbags.com/_img//bg-trans.png') top left repeat;
}
#ajaxScreen img {
margin-top: 200px;
}
#mapLocData {
float: left;
display: inline;
width: 300px;
height: 300px;
margin: 20px 0px 0px 10px;
border: 1px solid #AA965E;
}
#mapLocInfo {
padding: 10px;
}
#zipSearchGMap {
float: right;
display: inline;
width: 510px;
height: 300px;
margin: 20px 10px 0px 0px;
border: 1px solid #AA965E;
}
#mapDataBox {
position: relative;
z-index: 100;
width: 100%;
height: 100px;
overflow: hidden;
padding: 10px;
margin-top: -100px;
}
#mapDataBoxContents {
}
.mapDataEntry {
float: left;
display: inline;
width: 280px;
cursor: pointer;
margin: 0px 5px 20px 5px;
}
/* END WHERE TO BUY STYLES */
.subCatEntry {
float: left;
display: inline;
text-align: center;
margin-bottom: 10px;
}
input.errorField {
border: 1px solid #ff0000;
background: #FFC6C6;
}
.twoCol {
float: left;
display: inline;
width: 50%;
}
.vertical {
vertical-align: middle;
margin-bottom: 3px;
}

Tasarımın üzerindeki yazı:

<![endif]-->   
<div id="pageContainer">
<div id="pageLike"><iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:100px; height:21px;" src="http://www.facebook.com/plugins/like.php?app_id=136110316471165&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FDrop-Bags%2F197751163585528&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21"></iframe></div>
<div onclick="window.location.href='http://www.dropbags.com/view-cart.php'" id="pageCart">There are <strong>0 items</strong> in your shopping cart <img border="0" alt="Shopping Cart" style="vertical-align:middle;margin-bottom:3px;" src="http://www.dropbags.com/_img/icon-cart.gif" /></div>
<div id="pageHeader"></div>
<div id="pageMainNav"><a href="http://www.dropbags.com/"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-home-on.gif" src="http://www.dropbags.com/_img/btn-home.gif" /></a><a href="http://www.dropbags.com/shop-by-product.php"><img border="0" alt="" src="http://www.dropbags.com/_img/btn-shopbyprod-on.gif" /></a><a href="http://www.dropbags.com/how-to-use.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-howtouse-on.gif" src="http://www.dropbags.com/_img/btn-howtouse.gif" /></a><a href="http://www.dropbags.com/where-to-buy.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-wheretobuy-on.gif" src="http://www.dropbags.com/_img/btn-wheretobuy.gif" /></a><a href="http://www.dropbags.com/uses.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-uses-on.gif" src="http://www.dropbags.com/_img/btn-uses.gif" /></a><a href="http://www.dropbags.com/wholesale.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-wholesale-on.gif" src="http://www.dropbags.com/_img/btn-wholesale.gif" /></a><a href="http://www.dropbags.com/my-account.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-myacct-on.gif" src="http://www.dropbags.com/_img/btn-myacct.gif" /></a><a href="http://www.dropbags.com/customer-service.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-custserv-on.gif" src="http://www.dropbags.com/_img/btn-custserv.gif" /></a><a href="http://www.dropbags.com/login.php"><img border="0" alt="" oversr="http://www.dropbags.com/_img/btn-login-on.gif" src="http://www.dropbags.com/_img/btn-login.gif" /></a></div>
<div id="pageMainContent">
<div id="interiorContainerTop">
<div id="interiorContainerBot">
<div style="height:4px;overflow:hidden;"></div>
<div id="interiorContainerVert">
<div id="interiorContainerFade"><script type="text/javascript">
// Identify a caption for all images. This can also be set inline for each image.
hs.captionId = 'the-caption';
hs.outlineType = 'rounded-white';
</script>
<div id="the-caption" class="highslide-caption"><div style="clear:both"></div>
</div>
<script>
function calcSubtotal(existingTotal) {
if(existingTotal != '') {
var subTotal = existingTotal;
var unitTotal = existingTotal;
} else {
var subTotal = 0;
var unitTotal = 0;
}
var quantity = document.getElementById('quantity');
if(quantity.value == "1") subTotal = subTotal * 1;
if(quantity.value == "10") subTotal = subTotal * 10;
if(quantity.value == "2") subTotal = subTotal * 2;
if(quantity.value == "3") subTotal = subTotal * 3;
if(quantity.value == "4") subTotal = subTotal * 4;
if(quantity.value == "5") subTotal = subTotal * 5;
if(quantity.value == "6") subTotal = subTotal * 6;
if(quantity.value == "7") subTotal = subTotal * 7;
if(quantity.value == "8") subTotal = subTotal * 8;
if(quantity.value == "9") subTotal = subTotal * 9;
var subTotalTarget = document.getElementById('prodDetailSubTotal');
subTotal = parseFloat(subTotal);
unitTotal = parseFloat(unitTotal);
subTotal = subTotal.toFixed(2);
unitTotal = unitTotal.toFixed(2);
subTotalTarget.innerHTML = "Subtotal: <span id='subTotalValue'>$" + subTotal + "</span>";
document.f.st.value = subTotal;
document.f.ut.value = unitTotal;
return true;
}
function checkAttr_quantity(attrSetShortName) {
imageTargetName = 'prodDescImage'; // attrSetShortName + 'Image';
imageTarget = document.getElementById(imageTargetName);
attrImage = document.getElementById(attrSetShortName);
if(attrImage.value == '') {
//toggleHidden(attrSetShortName,'hide');
document.f.quantityAttrImage.value = "";
}
checkForLinkedImages();
checkForConditions();
}
function checkForLinkedImages() {
imageTargetName = 'mainImage';
imageTarget = document.getElementById(imageTargetName);
}
function checkForConditions() {
found = 'no';
var modTotal = 70.00;
if(found == 'no') {
}
calcSubtotal(modTotal);
}
function validateProduct() {
alertText = '';
quantityTarget = document.getElementById('quantity');
if(quantityTarget.value == '' && alertText == '') alertText = "You must choose a Quantity";
if(alertText == '') {
return true;
} else {
alert(alertText);
return false;
}
}
</script>
<div class="interiorContainerSideBar">
<div class="interiorContainerSideBarTwo">
<div class="leftColumn">
<div id="leftColumnHeader"><img border="0" alt="" src="http://www.pixsoulmedia.com/tillerman/images/h-menus.gif" /></div>
<ul id="leftNavItems">
<li onclick="window.location.href='http://www.dropbags.com/drop-bags.php'" class="sideNavSelected"><span class="navText">Drop Bags</span></li>
<li onclick="window.location.href='http://www.dropbags.com/replacement-bags.php'" class="sideNav"><span class="navText">Replacement Bags</span></li>
<li onclick="window.location.href='http://www.dropbags.com/accessories.php'" class="sideNav"><span class="navText">Accessories</span></li>
<li onclick="window.location.href='http://www.dropbags.com/drop-machines.php'" class="sideNav"><span class="navText">Drop Machines</span></li>
<li onclick="window.location.href='http://www.dropbags.com/press-screens.php'" class="sideNav"><span class="navText">Press Screens</span></li>
<li onclick="window.location.href='http://www.dropbags.com/combo-kits.php'" class="sideNav"><span class="navText">Combo Kits</span></li>
</ul>
</div>
<div class="rightColumn">
<div class="textContentPadding">
<div id="rightContentContainer">
<form onSubmit="return validateProduct()" method="post" action="http://www.dropbags.com/cart_p.php" name="f">
<input type="hidden" value="add" name="mode" /> 	<input type="hidden" value="1-gallon-three-bag-kit" name="productCode" /> 	<input type="hidden" value="1 Gallon - Three Bag Kit" name="productFormalName" /> 	<input type="hidden" value="" name="linkedAttrImage" /> 	<input type="hidden" value="" name="st" /> 	<input type="hidden" value="" name="ut" />
<div id="prodDetailLeft">

Tasarımın altındaki yazı:

</div>
</form>
</div>
</div>
</div>
<div class="clearDiv"></div>
</div>
</div>
<script>
calcSubtotal('70.00');
//checkForLinkedImages();
var addToCartDisabled = new Image();
addToCartDisabled.src = "http://www.dropbags.com/_img/btn-add-to-cart-disabled.gif";
var addToWishlistDisabled = new Image();
addToWishlistDisabled.src = "http://www.dropbags.com/_img/btn-add-to-wishlist-disabled.gif";
function changeDescImage(attrImage, descImage, attrSetName, attrValue) {
imageTarget = document.getElementById('prodDescImage');
imageTarget.src = "http://www.dropbags.com/_img/prodDescImages/" + descImage;
document.f.linkedAttrImage.value = "../prodDescImages/" + descImage;
if(attrSetName != '' && attrValue != '') {
attrTarget = document.getElementById(attrSetName);
attrTarget.value = attrValue;
attrImageTargetName = attrSetName + 'AttrImage';
document.f[attrImageTargetName].value = attrImage;
}
checkProdQuantity();
}
function checkProdQuantity() {
outOfStockTarget = document.getElementById('outOfStockBox');
limitedQtyTarget = document.getElementById('limitedQtyBox');
addToCartTarget = document.getElementById('addToCartBox');
prodQuantity = parseInt(document.getElementById('quantity').value);
var checkString = '1-gallon-three-bag-kit||';
var outOfStock = 0;
var limitedQty = 0;
var remainingQty = 0;
var disableAdd = 0;
var qtyInCart = parseInt(0);
var invArray = new Array();
var prodQuantityWCart = parseInt(prodQuantity + qtyInCart);
//alert("Qty: '"+prodQuantity+"'");
if(outOfStock == 1) {
outOfStockTarget.style.display = '';
limitedQtyTarget.style.display = 'none';
addToCartTarget.innerHTML = '<img src="http://www.dropbags.com/_img/btn-add-to-cart-disabled.gif" border="0" align="absmiddle" alt="Add to Shopping Bag - Disabled" />';
return false;
} else if(limitedQty == 1) {
limitedQtyTarget.style.display = '';
//if(remainingQty == 1) limitedNotice = 'There is only 1 item of this option combination remaining, buy it now!';
//else limitedNotice = 'There are only ' + remainingQty + ' items of this option combination remaining, buy it now!';
limitedNotice = 'There are only a few of this item remaining, buy it now!';
//if(qtyInCart > 0) limitedNotice = limitedNotice + '<br />You already have ' + qtyInCart + ' of this item in your shopping bag.';
limitedQtyTarget.innerHTML = '<img src="http://www.dropbags.com/_img/btn-icon-low-inventory.gif" border="0" align="left" alt="Low Inventory" /> ' + limitedNotice;
outOfStockTarget.style.display = 'none';
if(disableAdd) {
addToCartTarget.innerHTML = '<img src="http://www.dropbags.com/_img/btn-add-to-cart-disabled.gif" border="0" align="absmiddle" alt="Add to Shopping Bag - Disabled" />';
} else {
addToCartTarget.innerHTML = '<input type="image" src="http://www.dropbags.com/_img/btn-add-to-cart.gif" border="0" align="absmiddle" alt="Add to Shopping Bag" title="Add to Shopping Bag" />';
}
return false;
} else {
outOfStockTarget.style.display = 'none';
limitedQtyTarget.style.display = 'none';
addToCartTarget.innerHTML = '<input type="image" src="http://www.dropbags.com/_img/btn-add-to-cart.gif" border="0" align="absmiddle" alt="Add to Shopping Bag" title="Add to Shopping Bag" />';
return true;
}
}
function toggleHidden(targetId,mode) {
targetId = 'hidden' + targetId;
targetDiv = document.getElementById(targetId);
if(targetDiv.style.visibility == 'hidden' && mode == 'show') {
targetDiv.style.visibility = 'visible';
targetDiv.style.display = '';
} else if(targetDiv.style.visibility == 'visible' && mode == 'hide') {
targetDiv.style.visibility = 'hidden';
targetDiv.style.display = 'none';
}
}
checkProdQuantity();
</script></div>
</div>
<div style="height:4px;overflow:hidden;"></div>
</div>
</div>
</div>
<div id="pageFooter">
<div id="pageFooterNavOne"><a href="http://www.dropbags.com/">Home</a> 			<a href="http://www.dropbags.com/shop-by-product.php">Shop By Product</a> 			<a href="http://www.dropbags.com/how-to-use.php">How To Use</a> 			<a href="http://www.dropbags.com/where-to-buy.php">Where To Buy</a> 			<a href="http://www.dropbags.com/uses.php">Uses</a>  			<a href="http://www.dropbags.com/wholesale.php">Wholesale</a> 			<a href="http://www.dropbags.com/customer-service.php">Customer Service</a> 			<a href="http://www.dropbags.com/site-map.php" class="lastNav">Site Map</a></div>
<div id="pageFooterCopyright">All Content &copy; 2011 Drop Bags. All Rights Reserved</div>
<div id="pageFooterNavTwo"><a href="http://www.dropbags.com/privacy-policy.php">Privacy Policy</a> 			<a href="http://www.dropbags.com/terms-and-conditions.php">Terms &amp; Conditions</a> 			<a target="_blank" href="http://www.dicemedia.com/">site by: Dice Media</a></div>
</div>
</div>
 <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> <script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12263732-1");
pageTracker._trackPageview();
} catch(err) {}</script>   </meta>
</meta>
</meta>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* BASIC LAYOUT AND FRAMEWORK */
html, body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
}
body {
background: #5b5033 url('http://www.dropbags.com/_img//bgPage.jpg') repeat-x;
}
img {
margin: 0;
padding: 0;
border: 0;
}
#pageContainer {
background: url('http://www.dropbags.com/_img//bgGraphic.jpg') top center no-repeat;
}
#pageLike {
position: absolute;
z-index: 10;
top: 8px;
left: 50%;
margin-left: 140px;
width: 90px;
text-align: right;
}
#pageCart {
width: 920px;
height: 15px;
margin: 0 auto;
padding-right: 5px;
padding-top: 10px;
text-align: right;
font-size: 10px;
color: #fff;
cursor: pointer;
}
#pageHeader {
width: 920px;
height: 133px;
margin: 20px auto 0 auto;
background: url('https://img.webme.com/pic/t/tevhidinanci/tevhidinancibanner2.png') top center no-repeat;
}
#pageMainNav {
width: 920px;
height: 47px;
margin: 0 auto;
}
#pageMainNav a {
float: left;
display: inline;
}
#pageMainContent {
width: 910px;
margin: 0 auto;
}
/* END BASIC LAYOUT AND FRAMEWORK */
/* FOOTER */
#pageFooter {
width: 920px;
height: 65px;
margin: 0 auto;
font-size: 10px;
color: #ddcfaa;
background: url('http://www.dropbags.com/_img//bgFooter.gif') top center no-repeat;
}
#pageFooterNavOne {
padding-top: 10px;
margin-bottom: 20px;
font-size: 10px;
color: #766f5a;
text-align: center;
}
#pageFooterNavOne a {
text-decoration: none;
color: #766f5a;
padding-left: 12px;
padding-right: 12px;
border-right: 1px solid #766f5a;
}
#pageFooterNavOne a:hover {
color: #fff;
}
#pageFooterNavOne a.lastNav {
border: 0px;
}
#pageFooterCopyright {
float: left;
display: inline;
width: 300px;
height: 12px;
margin-left: 10px;
}
#pageFooterNavTwo {
float: right;
display: inline;
width: 400px;
height: 12px;
text-align: right;
}
#pageFooterNavTwo a {
color: #ddcfaa;
text-decoration: none;
padding: 0 12px;
}
#pageFooterNavTwo a:hover {
color: #fff;
}
#footerWords a {
color: #fff;
}
/* END FOOTER */
/* INTERIOR ALT LAYOUT ONE */
#interiorContainerTop {
width: 900px;
margin: 20px auto;
padding: 0;
font-size: 1px;
background: url('http://www.dropbags.com/_img//content-top.gif') top center no-repeat;
}
#interiorContainerBot {
width: 900px;
margin: 0;
padding: 0;
font-size: 1px;
background: url('http://www.dropbags.com/_img//content-bottom.gif') bottom center no-repeat;
}
#interiorContainerVert {
width: 900px;
font-size: 12px;
background: #ccc url('http://www.dropbags.com/_img//bgContentVert.gif') repeat-y;
}
#interiorContainerFade {
width: 890px;
margin: 0 auto;
background: url('http://www.dropbags.com/_img//bgContentFade.gif') repeat-x;
}
.textContentPadding {
padding: 20px;
font-family: 'Trebuchet MS', Trebuchet;
}
/* END INTERIOR ALT LAYOUT ONE */
/* SIDEBAR */
.interiorContainerSideBar {
width: 890px;
background: url('http://www.dropbags.com/_img//bgLeftColumnBottom.gif') bottom left repeat-y;
}
.interiorContainerSideBarTwo {
width: 890px;
background: url('http://www.dropbags.com/_img//bgLeftColumnTop.gif') no-repeat;
}
.leftColumn {
float: left;
display: inline;
width: 264px;
}
.rightColumn {
float: left;
display: inline;
width: 626px;
}
#leftColumnHeader {
margin-top: 5px;
margin-left: 5px;
}
#leftNavItems {
margin: 0 0 0 14px;
padding: 0;
}
#leftNavItems li {
width: 228px;
height: 30px;
line-height: 32px;
margin: 0 0 3px 0;
padding: 0;
color: #b4cd5e;
cursor: pointer;
list-style-type: none;
background: url('http://www.dropbags.com/_img//bgLeftNavItem.gif') no-repeat;
}
#leftNavItems li .navText {
margin-left: 23px;
}
#leftNavItems li.sideNavSelected {
color: #fff;
background: url('http://www.dropbags.com/_img//bgLeftNavItem-on.gif') no-repeat;
}
/* END SIDEBAR */
a {
color: #A2361E;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.cleanLink, a.cleanLink:hover {
border: 0;
background: none;
text-decoration: none;
}
h1 {
clear: both;
font-size: 20px;
font-weight: bold;
color: #a2361e;
margin: 0 0 10px 0;
}
h2 {
clear: both;
font-size: 15px;
font-weight: bold;
color: #000;
margin: 0 0 10px 0;
}
h3 {
clear: both;
height: 30px;
line-height: 30px;
font-size: 14px;
font-weight: bold;
color: #a2361e;
}
form {
margin: 0;
padding: 0;
display: inline;
}
.formBox {
width: 450px;
margin: 0 auto;
font-family: 'Trebuchet MS', Trebuchet;
}
.formBoxPlain {
font-family: 'Trebuchet MS', Trebuchet;
}
.formSection {
font-size: 14px;
font-weight: bold;
color: #a2361e;
}
.formLeft {
clear: left;
float: left;
display: inline;
width: 165px;
height: 30px;
line-height: 30px;
text-align: right;
vertical-align: middle;
border: 0px solid #ccc;
}
.formRight {
clear: right;
float: left;
display: inline;
width: 230px;
height: 30px;
line-height: 30px;
margin-left: 5px;
vertical-align: middle;
border: 0px solid #000;
}
.formLeftThin {
float: left;
display: inline;
width: 120px;
height: 30px;
line-height: 35px;
text-align: right;
vertical-align: middle;
border: 0px solid #ccc;
}
.formRightThin {
float: left;
display: inline;
width: 200px;
height: 30px;
line-height: 30px;
margin-left: 5px;
vertical-align: middle;
border: 0px solid #000;
}
.formRightThin input {
width: 199px;
}
.formTopGap {
margin-top: 10px;
}
.requiredField {
font-weight: bold;
}
.smallFont {
font-size: 11px;
}
.normalLine {
line-height: 14px;
}
.clearDiv, .clear {
display: block;
clear: both;
font-size: 1px;
height: 1px;
overflow: hidden;
}
.formBox input, .formBox select, .formBoxPlain input, .formBoxPlain select, .cleanField, .formBox textarea {
font-family: Verdana, Tahomal;
font-size: 12px;
padding: 2px;
border: 1px solid #96969d;
background-color: #fff !important;
vertical-align: middle;
}
.forgotPassLink {
text-align: right;
}
.forgotPassLink a {
color: #a2361e;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-right: 66px;
}
.forgotPassLink a:hover {
text-decoration: underline;
}
.plainField {
border: 0;
background: none !important;
}
#warningBox, #noticeBox {
width: 600px;
margin: 10px auto;
border: 1px solid #c7c7c7;
background-color: #BFA666;
}
#warningBoxInt, #noticeBoxInt {
padding: 10px;
text-align: left;
border: 1px solid #fff;
}
#warningBox #closeTag, #noticeBox #closeTag {
float: right;
display: block;
width: 55px;
height: 13px;
line-height: 13px;
font-size: 10px;
color: #666;
cursor: pointer;
text-align: center;
background-color: #fff;
}
/* FLOAT BOX */
.floatBoxLeft {
float: left;
display: inline;
width: 371px;
margin-left: 40px;
}
.floatBoxRight {
float: right;
display: inline;
width: 371px;
margin-right: 40px;
}
.floatBoxTitle {
color: #a2361e;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
font-family: 'Trebuchet MS', Trebuchet;
background: url('http://www.dropbags.com/_img//bgRegisterLogin.gif') no-repeat;
}
.floatBoxOne {
background: url('http://www.dropbags.com/_img//bgRegisterLoginBot.gif') bottom center no-repeat;
}
.floatBoxTwo {
background: url('http://www.dropbags.com/_img//bgRegisterLoginTop.gif') no-repeat;
}
.floatBoxContent {
padding: 20px 13px;
font-family: 'Trebuchet MS', Trebuchet;
}
/* END FLOAT BOX */
/* CATEGORY LAYOUT */
.catProductEntry {
}
/* END CATEGORY LAYOUT */
/* PROD LISTING */
.prodListingBox {
width: 560px;
margin: 0 auto;
}
.prodColOne, .prodColTwo {
float: left;
display: inline;
width: 280px;
text-align: center;
}
.prodListTitle {
font-size: 14px;
font-weight: bold;
color: #a2361e;
margin-bottom: 40px;
text-align: center;
}
/* END PROD LISTING */
.registerField input, .registerfield select {
padding: 2px;
border: 1px solid #334010;
background-color: #fff;
}
.sectionBar, .cartItemTitleBar {
width: 762px;
height: 31px;
line-height: 31px;
font-size: 14px;
font-weight: bold;
margin: 0 auto;
background: url('http://www.dropbags.com/_img//bgLongBar.gif') no-repeat;
}
.sectionBar span {
color: #a2361e;
margin-left: 10px;
}
.sectionBar span.bigFont {
font-family: 'Trebuchet MS', Trebuchet;
font-size: 18px;
}
.sectionBarContent {
overflow: auto;
width: 752px;
color: #5b4b52;
font-size: 14px;
font-weight: normal;
margin: 10px auto 20px auto;
}
.myAccountHeaders {
font-size: 14px;
font-weight: bold;
color: #a2361e;
}
#hiddenAddAddress {
margin-top: 10px;
padding: 10px;
border: 1px solid #fff;
background-color: #B2CD8C;
}
.dataHeader {
font-weight: bold;
color: #a2361e;
}
/* PRODUCT DETAILS */
#prodDetailLeft {
float: left;
display: inline;
width: 180px;
text-align: center;
}
#prodDetailRight {
float: left;
display: inline;
width: 400px;
}
#prodDetailEnlargeLink {
font-size: 10px;
}
#prodDetailSendToFriend {
font-family: Verdana;
font-size: 10px;
color: #af462d;
}
#prodDetailSendToFriend a {
text-decoration: none;
}
#prodDetailSendToFriend img {
margin-top: 2px;
}
#prodDetailProductName {
font-family: Verdana, Arial;
font-size: 20px;
font-weight: bold;
color: #a2361e;
}
#prodDetailProductPrice {
font-size: 15px;
}
#prodDetailProdDescBox {
font-family: Trebuchet, Verdana, Arial;
font-size: 12px;
margin-bottom: 30px;
}
#prodDetailAttributes {
}
#prodWishlistNotice {
margin-top: 10px;
}
#outOfStockBox {
height: 77px;
margin-bottom: 10px;
border: 0px solid #000;
}
#outOfStockBoxText {
padding-top: 28px;
}
#outOfStockCustom {
overflow: auto;
width: 393px;
font-size: 14px;
margin-bottom: 20px;
border: 1px solid #DAC16F;
background-color: #FFFEBB;
}
#outOfStockCustom img {
margin: 10px;
}
#outOfStockCustomText {
/*	float: right; */
/*	display: inline; */
margin: 10px;
}
#prodDetailSubTotal {
text-align: right;
font-size: 16px;
color: #000;
margin-right: 10px;
margin-bottom: 5px;
}
#wholesaleDiscount, #wholesaleDiscountRetail {
text-align: right;
font-size: 14px;
color: #9A0000;
margin-right: 10px;
margin-bottom: 5px;
}
.prodDetailAttrBoxFirst {
}
.prodDetailAttrBox {
float: left;
display: inline;
width: 200px;
margin-bottom: 10px;
}
.prodDetailAttrSetName {
font-size: 14px;
margin-bottom: 5px;
}
.prodDetailAttrSetValue input, .prodDetailAttrSetValue select {
border: 1px solid #DAC16F;
padding: 3px;
}
#itemExistsText {
clear: both;
width: 393px;
padding: 10px;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
border: 1px solid #DAC16F;
background-color: #FFFEBB;
}
/* END PRODUCT DETAILS */
/* START CATEGORY TEMPLATE */
.catProductEntry {
float: left;
display: inline;
width: 170px;
}
/* END CATEGORY TEMPLATE */
/* SHARE WITH A FRIEND */
#shareWithFriendProdName {
font-family: Verdana,Arial;
font-size: 20px;
font-weight: bold;
color: #a2361e;
}
#shareWithFriendPrice {
font-size: 15px;
}
/* END SHARE WITH A FRIEND */
/* CART & PRODUCT LISTING */
#viewCartSubTotal {
float: left;
display: inline;
width: 300px;
height: 30px;
}
.viewCartItemCount {
float: right;
display: inline;
width: 500px;
height: 30px;
text-align: right;
}
#cartSubTotalValue {
font-weight: bold;
color: #A2361E;
font-size: 14px;
}
.cartItemTitleBar, .viewCartItemName {
font-size: 12px;
}
.attrSetName {
font-weight: bold;
}
#viewCartSubTotalBox {
width: 762px;
height: 31px;
line-height: 31px;
font-size: 12px;
font-weight: bold;
margin: 0 auto;
text-align: right;
background: url('http://www.dropbags.com/_img//bgLongBar.gif') no-repeat;
}
#viewCartSubTotalBox span {
margin-right: 10px;
}
/* END CART & PRODUCT LISTING */
/* WHERE TO BUY STYLES */
#americaBox {
height: 510px;
margin-top: 20px;
overflow: hidden;
background: url('http://www.dropbags.com/_img//bg-america2.png') bottom center no-repeat;
}
#overlayBox {
width: 665px;
height: 60px;
overflow: hidden;
margin: -64px auto 0 auto;
background: #F9F2DF;
border-left: 4px solid #AA965E;
border-right: 4px solid #AA965E;
border-bottom: 4px solid #AA965E;
}
#zipSearchMap {
width: 90%;
height: 300px;
margin: 20px auto;
}
#zipSearchBox {
width: 400px;
padding-top: 10px;
padding-left: 20px;
margin-bottom: 10px;
}
.bigCleanField {
font-family: Verdana, Tahomal;
font-size: 18px;
padding: 5px;
border: 1px solid #96969d;
background-color: #fff !important;
vertical-align: middle;
text-align: center;
}
#zipSearch {
width: 570px;
padding-top: 10px;
margin: 0 auto 10px auto;
}
#zipError {
width: 570px;
height: 30px;
line-height: 30px;
font-size: 18px;
text-align: center;
font-weight: bold;
margin: 0 auto;
}
#ajaxScreen {
position: absolute;
z-index: 10;
top: 315px;
left: 50%;
width: 830px;
height: 377px;
text-align: center;
margin-left: -415px;
background: url('http://www.dropbags.com/_img//bg-trans.png') top left repeat;
}
#ajaxScreen img {
margin-top: 200px;
}
#mapLocData {
float: left;
display: inline;
width: 300px;
height: 300px;
margin: 20px 0px 0px 10px;
border: 1px solid #AA965E;
}
#mapLocInfo {
padding: 10px;
}
#zipSearchGMap {
float: right;
display: inline;
width: 510px;
height: 300px;
margin: 20px 10px 0px 0px;
border: 1px solid #AA965E;
}
#mapDataBox {
position: relative;
z-index: 100;
width: 100%;
height: 100px;
overflow: hidden;
padding: 10px;
margin-top: -100px;
}
#mapDataBoxContents {
}
.mapDataEntry {
float: left;
display: inline;
width: 280px;
cursor: pointer;
margin: 0px 5px 20px 5px;
}
/* END WHERE TO BUY STYLES */
.subCatEntry {
float: left;
display: inline;
text-align: center;
margin-bottom: 10px;
}
input.errorField {
border: 1px solid #ff0000;
background: #FFC6C6;
}
.twoCol {
float: left;
display: inline;
width: 50%;
}
.vertical {
vertical-align: middle;
margin-bottom: 3px;
}

................................................................................................

Tasarımın üzerindeki yazı:

</script>
<script>
jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){
setTimeout(function() {
$("#wrapper_content_home, #wrapper_content_subpage").fadeTo('slow', 1.0, function() {});}, 2000);
$('#email_sho').click(function(){
$('#email_signup_box').fadeTo('slow', 1.0, function() {
$('.exit').click(function(){
$('#email_signup_box').fadeTo('slow', 0.0, function() {$('#email_signup_box').hide();});
});
});
});
});
</script>
<script type="text/javascript" src="/js/scripts.js"></script>
</head>
<body>

<div id="topmargin"></div>
<div id="header_wrapper">
<div id="header">

<a href="/index.php" id="logo"><img src="http://www.hillsanddales.org/images/logo.jpg" width="220" height="803" alt="Hills &amp; Dales Estate" /></a>
<ul id="navigation">
<li><a href="/index.php/visitors/home" id="nav_visitors">Visitors</a>
<ul class="subnav_background_extralarge">
<li><a href="/index.php/visitors/directions">Directions</a></li>
<li><a href="/index.php/visitors/hours_admission">Hours &amp; Admission</a></li>
<li><a href="/index.php/visitors/group_tours">Group Tours</a></li>
<li><a href="/index.php/visitors/area_attractions">Area Attractions</a></li>
<li><a href="/index.php/visitors/calendar_events">Calendar of Events</a></li>
<li><a href="/index.php/visitors/request_brochure">Request Brochure</a></li>
<li><a href="/index.php/visitors/gift_shop">Gift Shop</a></li>
<li><a href="/index.php/resources/annual_pass">Annual Pass</a></li>
</ul>
</li>
<li><a href="/index.php/house_garden/home" id="nav_housegarden">House &amp; Garden</a>
<ul class="subnav_background_large">
<li><a href="/index.php/house_garden/garden_tour">Garden Tour</a></li>
<li><a href="/index.php/house_garden/signature_plants">Signature Plants</a></li>
<li><a href="/index.php/house_garden/blooming_calendar">Blooming Calendar</a></li>
<li><a href="/index.php/house_garden/architectural_history">Architectural History</a></li>
<li><a href="/index.php/house_garden/collection_highlights">Collection Highlights</a></li>
</ul>
</li>
<li><a href="/index.php/heritage/home" id="nav_heritage">Heritage</a>
<ul class="subnav_background_medium">
<li><a href="/index.php/heritage/timeline">Timeline</a></li>
<li><a href="/index.php/heritage/family_biographies">Family Biographies</a></li>
<li><a href="/index.php/heritage/explore_more">Explore More</a></li>
</ul>
</li>
<li><a href="/index.php/educational_programs/home" id="nav_educationalprograms">Educational Programs</a>
<ul class="subnav_background_medium_offset">
<li><a href="/index.php/educational_programs/workshops_lectures">Workshops/Lectures</a></li>
<li><a href="/index.php/educational_programs/outreach_programs">Outreach Programs</a></li>
<li><a href="/index.php/educational_programs/5th_grade_program">5th Grade Program</a></li>
<li><a href="/index.php/educational_programs/young_visitors">Young Visitors</a></li>
</ul>
</li>
<li><a href="/index.php/rentals/home" id="nav_rentals">Rentals</a>
<ul class="subnav_background_small">
<li><a href="/index.php/rentals/special_events">Special Events</a></li>
<li><a href="/index.php/rentals/onsite_photography">On-Site Photography</a></li>
</ul>
</li>
</ul>
</div>

Tasarımın altındaki yazı:

<div class="areaattractions_content">
<h3>Bellevue</h3>
<div class="clearer"></div>
<div class="divider"><hr /></div>
</div>
</div>
</div>
</div>
</div>
<div id="footer_wrapper" >
<div id="footer" style="background:none;">
<a href="#" id="email_sho" class="email_btn"></a>
<p id="footer_links"><a href="/">Home</a> | <a href="/index.php/resources/contact">Contact</a> | <a href="/index.php/resources/mission">Mission</a> | <a href="/index.php/resources/news">News</a> | <a href="/index.php/resources/trustees">Trustees</a> | <a href="/index.php/resources/credits">Credits</a> | <a href="/index.php/resources/links">Links</a></p>
<form method="post" action="http://www.hillsanddales.org/index.php"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="19" />
<input type="hidden" name="XID" value="f4732c7d338b581718996bacbc91d0e12a1aacdf" />
<input type="hidden" name="RP" value="search/results" />
<input type="hidden" name="NRP" value="search&amp;#47;noresults" />
<input type="hidden" name="RES" value="" />
<input type="hidden" name="status" value="" />
<input type="hidden" name="weblog" value="area_attractions|blooming_calendar|collection_highlights|current_news|educational_programs|family_biographies|garden_tour|heritage|house_garden|newsletter|rentals|resources|signature_plants|timeline|visitors|workshops_lectures" />
<input type="hidden" name="search_in" value="everywhere" />
<input type="hidden" name="where" value="all" />
<input type="hidden" name="site_id" value="1" />
</div>
<div id="search_form">
<input type="text" name="keywords" id="input_search" value="Search the Estate..." onblur="if (value=='') {value='Search the Estate...'}" onfocus="if (value=='Search the Estate...') {value=''}" />
<input type="image" name="submit" id="input_search_submit" src="http://www.hillsanddales.org/images/button_search.jpg" />
</div>
</form>
</div>
<div id="footer_discovermore">
<div id="newslettersignup">
<h3>E-Mail List Sign-Up</h3>
<p>Sign-Up for our E-mail Newsletter and get the latest news at Hills &amp; Dales. <a href="http://eblast.kelseyads.com/public/azAh/jtY/subscribe" target="_blank">click here</a></p>
</div>
<div id="calendarofevents">
<h3>Calendar of Events</h3>
<p>See what’s happening the coming months at Hills &amp; Dales Estate. <a href="/index.php/visitors/calendar_events" class="more">find out</a></p>
</div>
<div id="annualpass">
<h3>Annual Pass</h3>
<p>Are you interested in visiting Hills &amp; Dales Estate in every season? <a href="/index.php/resources/annual_pass" class="more">learn more</a></p>
</div>
</div>
</div>
<div id="bg">
<div>
<img src="" />
</div>
</div>
<script type="text/javascript">
function init() {
new Effect.Opacity('wrapper_content_subpage', { from: 0.0, to:1.0, duration: 2, delay: 1 });
}
window.onload = init;
</script>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1275495-13");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
<!--
<div id="footer_wrapper">
<div id="footer">
<a href="#" onclick="expandfooter()" style="display:block;" id="expand" name="expand">expand</a>
<a href="#" onclick="collapsefooter()" style="display:none;" id="collapse" name="collapse">collapse</a>
<p id="footer_links"><a href="/">Home</a> | <a href="/index.php/resources/contact">Contact</a> | <a href="/index.php/resources/mission">Mission</a> | <a href="/index.php/resources/news">News</a> | <a href="/index.php/resources/trustees">Trustees</a> | <a href="/index.php/resources/credits">Credits</a> | <a href="/index.php/resources/links">Links</a></p>
<form method="post" action="http://www.hillsanddales.org/index.php"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="19" />
<input type="hidden" name="XID" value="1d948777c82d7e02190e97ed96edeafeee6e8290" />
<input type="hidden" name="RP" value="search/results" />
<input type="hidden" name="NRP" value="search&amp;#47;noresults" />
<input type="hidden" name="RES" value="" />
<input type="hidden" name="status" value="" />
<input type="hidden" name="weblog" value="area_attractions|blooming_calendar|collection_highlights|current_news|educational_programs|family_biographies|garden_tour|heritage|house_garden|newsletter|rentals|resources|signature_plants|timeline|visitors|workshops_lectures" />
<input type="hidden" name="search_in" value="everywhere" />
<input type="hidden" name="where" value="all" />
<input type="hidden" name="site_id" value="1" />
</div>
<div id="search_form">
<input type="text" name="keywords" id="input_search" value="Search the Estate..." onblur="if (value=='') {value='Search the Estate...'}" onfocus="if (value=='Search the Estate...') {value=''}" />
<input type="image" name="submit" id="input_search_submit" src="http://www.hillsanddales.org/images/button_search.jpg" />
</div>
</form>
</div>
<div id="footer_discovermore">
<div id="newslettersignup">
<h3>E-Mail List Sign-Up</h3>
<p>Sign-Up for our E-mail Newsletter and get the latest news at Hills &amp; Dales. <a href="http://eblast.kelseyads.com/public/azAh/jtY/subscribe" target="_blank">click here</a></p>
</div>
<div id="calendarofevents">
<h3>Calendar of Events</h3>
<p>See what’s happening the coming months at Hills &amp; Dales Estate. <a href="/index.php/visitors/calendar_events" class="more">find out</a></p>
</div>
<div id="annualpass">
<h3>Annual Pass</h3>
<p>Are you interested in visiting Hills &amp; Dales Estate in every season? <a href="/index.php/resources/annual_pass" class="more">learn more</a></p>
</div>
</div>
</div>
<div id="bg">
<div>
<img src="http://www.hillsanddales.org/images/background_visitors.jpg" />
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1275495-13");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {
margin:0;
padding:0;
}
html, body {
height:100%;
background:#eae5c6 url("http://www.hillsanddales.org/images/background_pattern.jpg") top left;
padding:0;
margin:0;
}
h1 {
font:italic bold 24px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 10px 0;
margin:0;
}
h2 {
font:italic bold 24px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0;
margin:0;
}
h3 {
font:italic 23px "Times New Roman", times, georgia, serif;
color:#888054;
line-height:1.2em;
padding:0;
margin:0;
}
h4 {
font:italic 23px "Times New Roman", times, georgia, serif;
color:#888054;
line-height:1.2em;
padding:0;
margin:0;
}
h5 {
font:italic bold 24px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 10px 0;
margin:0;
}
p {
font:normal 18px "Times New Roman", times, georgia, serif;
line-height:1.6em;
color:#6d6c6f;
padding:0 0 25px 0;
}
a {
font:italic bold 16px "Times New Roman", times, georgia, serif;
color:#6d6c6f;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:0;
}
pre {
padding:0;
margin:0;
}
#topmargin {
visibility:hidden;
width:100%;
height:50%;
min-height:295px;
margin-top:-211px; /* this is half the height of the wrapper */
}
/* Hide from IE5mac *//*/
#topmargin {
display: none;
}
html, body {
height: auto;
}
/* end hack */
/* ]]> */
#header_wrapper {
width:100%;
height:94px;
background:url("http://www.hillsanddales.org/images/background_wrapper_header.png") top left repeat-x;
position:fixed;
top:0;
left:0;
padding:0;
margin:0;
z-index:3;
}
#header {
width:960px;
height:94px;
background:url("http://www.hillsanddales.org/images/background_header.jpg") top left no-repeat;
position:relative;
padding:0;
margin:0 auto;
}
#logo {
width:220px;
height:83px;
float:left;
display:block;
padding:3px 0 0 0;
margin:0;
}
#logo_christmas {
width:247px;
height:83px;
position:absolute;
top:3px;
left:-8px;
}
#navigation {
width:740px;
height:43px;
float:left;
list-style:none;
padding:0;
margin:0;
position:absolute;
top:24px;
left:246px;
}
#navigation li {
list-style:none;
display:inline; /* Vertical Spacing Fix for IE */
float:left;
padding:0;
margin:0 -3px 0 -3px;
}
#navigation li a {
font:italic bold 15px "Times New Roman", helvetica, verdana, sans-serif;
color:#6d6c6f;
line-height:1.4em;
text-decoration:none;
text-indent:-999999px;
display:block;
padding:0;
margin:0;
}
#navigation li:hover ul, #navigation li.sfhover ul {
left:auto;
}
#navigation li ul {
position:absolute;
left:-10000px;
top:39px;
width:288px;
height:98px;
padding:15px 10px 0 22px;
margin:0;
}
#navigation li ul.subnav_background_extralarge {
height:115px;
background:url("http://www.hillsanddales.org/images/subnav_background_extralarge.png") top left no-repeat;
}
#navigation li ul.subnav_background_large {
background:url("http://www.hillsanddales.org/images/subnav_background_large.png") top left no-repeat;
}
#navigation li ul.subnav_background_medium {
background:url("http://www.hillsanddales.org/images/subnav_background_medium.png") top left no-repeat;
}
#navigation li ul.subnav_background_medium_offset {
background:url("http://www.hillsanddales.org/images/subnav_background_medium.png") top left no-repeat;
margin:0 0 0 -84px;
}
#navigation li ul.subnav_background_small {
background:url("http://www.hillsanddales.org/images/subnav_background_small.png") top left no-repeat;
margin:0 0 0 -208px;
}
#navigation li ul .subnav {
width:320px;
background:url("http://www.hillsanddales.org/images/subnav_background_bottom.png") bottom left no-repeat;
left:auto;
}
#navigation li ul li {
width:144px;
display:block;
float:left;
padding:0;
margin:0;
}
#navigation li ul li:hover {
}
#navigation li ul li a {
width:144px;
background:none;
color:#606061;
text-align:left;
text-indent:0;
margin:0;
padding:0 0 2px 0;
}
#navigation li ul li a:hover {
text-decoration:underline;
}
#navigation #nav_visitors {
width:109px;
height:43px;
background:url("http://www.hillsanddales.org/images/nav_visitors.png") top left no-repeat;
}
#navigation li:hover a#nav_visitors, #navigation li.sfhover a#nav_visitors {
background-position:0 -43px;
}
#navigation #nav_housegarden {
width:171px;
height:43px;
background:url("http://www.hillsanddales.org/images/nav_housegarden.png") top left no-repeat;
padding:0;
margin:0 0 0 0;
z-index:1;
}
#navigation li:hover a#nav_housegarden, #navigation li.sfhover a#nav_housegarden {
background-position:0 -43px;
}
#navigation #nav_heritage {
width:116px;
height:43px;
background:url("http://www.hillsanddales.org/images/nav_heritage.png") top left no-repeat;
}
#navigation li:hover a#nav_heritage, #navigation li.sfhover a#nav_heritage {
background-position:0 -43px;
}
#navigation #nav_educationalprograms {
width:230px;
height:43px;
background:url("http://www.hillsanddales.org/images/nav_educationalprograms.png") top left no-repeat;
}
#navigation li:hover a#nav_educationalprograms, #navigation li.sfhover a#nav_educationalprograms {
background-position:0 -43px;
}
#navigation #nav_rentals {
width:106px;
height:43px;
background:url("http://www.hillsanddales.org/images/nav_rentals.png") top left no-repeat;
}
#navigation li:hover a#nav_rentals, #navigation li.sfhover a#nav_rentals {
background-position:0 -43px;
}
/* End Navigation */
/* Begin Wrapper */
#wrapper {
width:930px;
height:460px;
clear:both;
position:relative;
padding:0 0 45px 0;
margin:0 auto;
/* IE4ever Hack: Hide from IE4 **/
position:static;
/** end hack */
z-index:2;
}
/* End Wrapper */
/* Begin Homepage */
#wrapper_content_home {
width:850px;
height:380px;
background:url("http://www.hillsanddales.org/images/background_wrapper_content_home.png") top left no-repeat;
position:relative;
z-index:2;
padding:40px;
display:none;
margin:0;
}
#email_signup_box{
width:850px;
height:380px;
background:url("http://www.hillsanddales.org/images/email_box_background.png") top left no-repeat;
position:absolute;
z-index:4;
padding:40px;
display:none;
left:auto;
margin:auto auto;
}
#email_signup_box .exit{
position:absolute;
right:-10px;
top:-10px;
cursor:pointer;
}
#header_home {
width:493px;
height:28px;
background:url("http://www.hillsanddales.org/images/header_home.jpg") top left no-repeat;
text-indent:-99999px;
padding:0;
margin:-3px 0 5px -3px;
}
#content_home {
width:500px;
padding:0;
margin:0;
}
#subcontent_home {
width:810px;
height:158px;
background:url("http://www.hillsanddales.org/images/background_subcontent_home.jpg") top left no-repeat;
position:absolute;
top:247px;
left:40px;
padding:15px 20px 0 20px;
}
#subcontent_home h2 {
font:italic bold 22px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 6px 0;
margin:0;
}
#subcontent_home p {
font:normal 13px arial, helvetica, verdana, sans-serif;
line-height:1.6em;
padding:0 0 10px 0;
margin:0;
}
#subcontent_home_left {
width:244px;
float:left;
padding:0 20px 0 0;
margin:0;
}
#subcontent_home_middle {
width:243px;
float:left;
padding:0 20px 0 20px;
}
#subcontent_home_right {
width:243px;
float:left;
padding:0 0 0 20px;
}
/* End Homepage */
/* Begin Subpage */
#wrapper_content_subpage {
width:904px;
height:434px;
background:url("http://www.hillsanddales.org/images/background_wrapper_content_subpage.png") top left no-repeat;
position:relative;
z-index:2;
padding:13px;
margin:0;
}
/* Begin Sidebar */
#sidebar_mask_top {
width:288px;
height:28px;
position:absolute;
top:0;
left:0;
z-index:3;
}
#sidebar_mask_bottom {
width:288px;
height:28px;
position:absolute;
top:406px;
left:0;
z-index:3;
}
#sidebar_scrollbar_container {
width:229px;
height:434px;
float:left;
position:relative;
z-index:2;
padding:0 34px 0 25px;
margin:0 9px 0 0;
}
#sidebar_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/scrollbar_track_sidebar.jpg") top left no-repeat;
position:absolute;
top:10px;
right:7px;
padding:4px;
margin:0;
z-index:4;
}
#sidebar_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#sidebar_scrollbar_handle {
width:15px;
background:#d9d2a2 url("http://www.hillsanddales.org/images/handle_arrows_sidebar.jpg") center center no-repeat;
cursor:move;
}
#sidebar_scrollbar_content {
overflow:hidden;
width:224px;
height:404px;
padding:30px 0 0 5px;
}
div#sidebar_scroll_up {
width:20px;
height:20px;
background-color:#666;
position:absolute;
top:20px;
right:0;
}
div#sidebar_scroll_down {
width:20px;
height:20px;
background-color:#666;
position:absolute;
bottom:20px;
right:0;
}
#sidebar_scrollbar_content h2 {
font:bold 17px arial, helvetica, verdana, sans-serif;
line-height:1.5em;
color:#813519;
padding:0;
margin:0;
}
#sidebar_scrollbar_content h3 {
font:bold 16px arial, helvetica, verdana, sans-serif;
line-height:1.5em;
color:#813519;
padding:0;
margin:0;
}
#sidebar_scrollbar_content h4 {
font:bold 16px arial, helvetica, verdana, sans-serif;
line-height:1.5em;
color:#813519;
padding:0;
margin:0;
}
#sidebar_scrollbar_content p {
font:normal 14px arial, helvetica, verdana, sans-serif;
line-height:1.6em;
padding:0 0 15px 0;
margin:0;
}
#sidebar_scrollbar_content a {
font:italic bold 16px "Times New Roman", times, georgia, serif;
line-height:1.5em;
color:#6d6c6f;
outline:none;
text-decoration:none;
}
#sidebar_scrollbar_content a:hover {
text-decoration:underline;
}
#sidebar_scrollbar_content ul {
list-style:none;
padding:0 0 10px 0;
margin:0;
}
#sidebar_scrollbar_content ul.sidebar_list {
list-style:disc inside;
}
#sidebar_scrollbar_content ul.sidebar_list li {
font:normal 14px arial, helvetica, verdana, sans-serif;
line-height:1.6em;
color:#6d6c6f;
padding:0 0 5px 0;
margin:0;
}
#sidebar_scrollbar_content ul.quicklinks {
padding:0 0 20px 0;
margin:0;
}
#sidebar_scrollbar_content ul.quicklinks .selected {
font:italic bold 16px "Times New Roman", times, georgia, serif;
line-height:1.5em;
color:#1c4622;
}
#sidebar_scrollbar_content .small {
font-size:13px;
font-style:italic;
}
#sidebar_scrollbar_content .emphasis {
font-size:15px;
font-weight:bold;
}
.sidebar_column1 {
width:112px;
float:left;
}
.sidebar_column2 {
width:112px;
float:left;
}
/* End Sidebar */
/* Sidebar Headers */
#header_visitors {
width:224px;
height:49px;
background:url("http://www.hillsanddales.org/images/header_visitors.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-indent:-99999px;
color:#d7d2a9;
padding:0;
margin:-13px 0 20px -2px;
}
#header_background_visitors {
width:224px;
height:34px;
background:url("http://www.hillsanddales.org/images/header_background_visitors.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
#header_housegarden {
width:224px;
height:49px;
background:url("http://www.hillsanddales.org/images/header_housegarden.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-indent:-99999px;
color:#d7d2a9;
padding:0;
margin:-13px 0 20px -2px;
}
#header_background_housegarden {
width:224px;
height:33px;
background:url("http://www.hillsanddales.org/images/header_background_housegarden.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
#header_heritage {
width:224px;
height:49px;
background:url("http://www.hillsanddales.org/images/header_heritage.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-indent:-99999px;
color:#d7d2a9;
padding:0;
margin:-13px 0 20px -2px;
}
#header_background_heritage {
width:224px;
height:33px;
background:url("http://www.hillsanddales.org/images/header_background_heritage.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
#header_educationalprograms {
width:224px;
height:49px;
background:url("http://www.hillsanddales.org/images/header_educationalprograms.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-indent:-99999px;
color:#d7d2a9;
padding:0;
margin:-13px 0 20px -2px;
}
#header_background_educationalprograms {
width:224px;
height:33px;
background:url("http://www.hillsanddales.org/images/header_background_educationalprograms.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
#header_rentals {
width:224px;
height:49px;
background:url("http://www.hillsanddales.org/images/header_rentals.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-indent:-99999px;
color:#d7d2a9;
padding:0;
margin:-13px 0 20px -2px;
}
#header_background_rentals {
width:224px;
height:33px;
background:url("http://www.hillsanddales.org/images/header_background_rentals.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
#header_resources {
width:224px;
height:49px;
background:url("http://www.hillsanddales.org/images/header_resources.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-indent:-99999px;
color:#d7d2a9;
padding:0;
margin:-13px 0 20px -2px;
}
#header_background_resources {
width:224px;
height:33px;
background:url("http://www.hillsanddales.org/images/header_background_resources.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
#header_background_searchresults {
width:224px;
height:33px;
background:url("http://www.hillsanddales.org/images/header_background_searchresults.jpg") top left no-repeat;
font:italic normal 18px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:center;
text-transform:capitalize;
color:#d7d2a9;
padding:35px 0 0 0;
margin:-13px 0 20px -2px;
}
/* End Sidebar Headers */
#subpage_content {
width:601px;
height:428px;
float:left;
position:relative;
padding:3px;
margin:0;
}
#subpage_scrollbar_container {
width:601px;
height:428px;
position:relative;
padding:0;
margin:0;
}
#subpage_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:4;
}
#subpage_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#subpage_scrollbar_handle {
width:15px;
background:#d4cea8 url("http://www.hillsanddales.org/images/handle_arrows_subpage.jpg") center center no-repeat;
cursor:move;
}
#subpage_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 30px 0 28px;
margin:0;
}
div#subpage_scroll_up {
width:20px;
height:20px;
background-color:#666;
position:absolute;
top:20px;
right:0;
z-index:4;
}
div#subpage_scroll_down {
width:20px;
height:20px;
background-color:#666;
position:absolute;
bottom:20px;
right:0;
z-index:4;
}
#subpage_content_mask_top {
width:601px;
height:28px;
position:absolute;
top:0;
left:0;
z-index:3;
}
#subpage_content_mask_left {
width:28px;
height:372px;
position:absolute;
top:28px;
left:0;
z-index:3;
}
#subpage_content_mask_right {
width:28px;
height:372px;
position:absolute;
top:28px;
left:573px;
z-index:3;
}
#subpage_content_mask_bottom {
width:601px;
height:28px;
position:absolute;
top:400px;
left:0;
z-index:3;
}
#subpage_content .column1 {
width:272px;
float:left;
}
#subpage_content .column2 {
width:271px;
float:left;
}
#subpage_content ul {
list-style:disc;
padding:0 0 25px 18px;
margin:0;
}
#subpage_content ul li {
font:normal 18px "Times New Roman", times, georgia, serif;
line-height:1.6em;
color:#6d6c6f;
padding:0;
margin:0;
}
#subpage_content .date {
font-size:20px;
font-weight:bold;
font-style:italic;
}
#subpage_content .subpage_photothumb {
float:left;
padding:5px 10px 5px 0;
margin:0;
}
#subpage_content .photo_caption {
width:119px;
float:left;
padding:5px 10px 5px 0;
margin:0;
}
#subpage_content .photo_caption img {
padding:0;
margin:0;
}
#subpage_content .photo_caption p {
font-size:14px;
font-weight:bold;
font-style:italic;
line-height:1.2em;
text-align:center;
padding:0;
margin:0;
}
#subpage_content .photo_caption_right {
float:right;
padding:0;
margin:5px 10px 5px 10px;
}
#subpage_content .photo_caption_right img {
padding:0;
margin:0;
}
#subpage_content .photo_caption_right p {
font-size:14px;
font-weight:bold;
font-style:italic;
text-align:center;
padding:0;
margin:0;
}
#subpage_content .subpage_photoright {
float:right;
padding:3px 5px 10px 10px;
margin:0;
}
#subpage_content .subpage_photoleft {
float:left;
padding:3px 10px 10px 5px;
margin:0;
}
/* End Subpage */
/* Photos */
.photo_wrapper {
width:184px;
float:right;
text-align:center;
padding:0;
margin:3px 5px 5px 10px;
}
.photo {
background:url("http://www.hillsanddales.org/images/background_newsphotocaption_bottom.jpg") bottom left no-repeat;
}
.photo img {
width:176px;
background:url("http://www.hillsanddales.org/images/background_newsphotocaption_top.jpg") top left no-repeat;
padding:4px;
margin:0;
}
#familybiographies_container .photo img {
background:none;
width:204px;
padding:0;
margin:0;
}
/* End Photos */
/* Family Biographies */
#outer_container {
width:601px;
height:428px;
overflow:hidden;
position:relative;
}
#familybiographies_wrapper {
width:601px;
height:428px;
overflow:hidden;
position:relative;
}
#familybiographies_container {
position:relative;
top:-354px;
left:-601px;
width:1803px;
z-index:1;
}
#familybiographies_legend {
width:224px;
height:256px;
padding:0;
margin:0 0 15px -3px;
}
#familybiographies_ferrell_legend {
width:224px;
height:196px;
padding:0;
margin:0 0 15px -3px;
}
#familybiographies_callawayfamily {
width:204px;
height:280px;
position:absolute;
top:77px;
left:73px;
padding:0;
margin:0;
}
#familybiographies_instructions {
width:436px;
height:22px;
background:url("http://www.hillsanddales.org/images/familybiographies_instructions.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:375px;
left:86px;
padding:0;
margin:0;
}
#familybiographies_ferrellfamily {
width:204px;
height:280px;
position:absolute;
top:77px;
left:331px;
padding:0;
margin:0;
}
.scrollbar_container {
width:601px;
height:428px;
background:#fff;
position:absolute;
top:3px;
left:3px;
padding:0;
margin:0;
z-index:4;
}
.scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:9;
}
.scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
.scrollbar_handle {
width:15px;
background:#d4cea8 url("http://www.hillsanddales.org/images/handle_arrows_subpage.jpg") center center no-repeat;
cursor:move;
}
.scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 30px 0 28px;
margin:0;
}
.button_close_familybiographies {
width:83px;
height:53px;
background:url("http://www.hillsanddales.org/images/button_close_familybiographies.png") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:8px;
right:33px;
z-index:6;
}
#close_175 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_176 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_177 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_178 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_179 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_180 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_181 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_182 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
#close_193 {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:10;
}
.scrollbar_content img {
float:right;
padding:3px 5px 10px 10px;
}
.familybiographies_detail {
width:547px;
height:404px;
background:#fff;
overflow:hidden;
position:absolute;
top:0;
left:0;
padding:24px 30px 0 24px;
z-index:4;
}
#familybiographies_detail_content h4 {
text-align:center;
}
#familybiographies_detail_content h4 .years {
color:#6d6c6f;
}
#familybiographies_detail_content .familybiographies_detail_photo {
display:block;
padding:0;
margin:51px auto 10px auto;
}
#familybiographies_detail_content .familybiographies_trackwrapper_spacer {
position:absolute;
top:9px;
right:0;
padding:0;
margin:0;
z-index:9;
}
/* Family Biographies Tree Stuff */
.connector {
height:50px;
}
.grid_wrapper {
width:601px;
float:left;
}
.grid_wrapper_small {
width:571px;
float:left;
padding:0 0 0 30px;
}
.grid_2photos {
width:531px;
padding:0 0 0 70px;
}
.photo {
width:204px;
height:280px;
float:left;
}
.photo_small {
width:167px;
height:280px;
float:left;
}
.connection_horizontal {
width:54px;
height:280px;
float:left;
padding:0;
margin:0;
}
.connection_horizontal_small {
width:20px;
height:280px;
float:left;
padding:0;
margin:0;
}
.connector_wrapper {
width:601px;
height:148px;
float:left;
}
.connector_button_children {
width:601px;
height:74px;
float:left;
}
.connector_button_parent {
width:601px;
height:74px;
float:left;
}
.connector_button_children_2connections {
width:300px;
height:74px;
float:left;
}
.connector_button_parent_2connectionsa {
width:300px;
height:74px;
float:left;
}
.connector_button_parent_2connectionsb {
width:301px;
height:74px;
float:left;
}
/* End Family Biographies */
/* Signature Plants */
.signatureplants_content {
width:543px;
padding:0;
margin:0;
}
.signatureplants_content img {
float:right;
padding:3px 5px 10px 10px;
margin:0;
}
.scientificname {
font:italic 18px "Times New Roman", times, georgia, serif;
line-height:1.6em;
color:#6d6c6f;
padding:0 0 5px 0;
margin:0;
}
/* End Signature Plants */
/* Collection Highlights Plants */
.collectionhighlights_content {
width:543px;
padding:0;
margin:0;
}
.collectionhighlights_content img {
float:right;
padding:3px 5px 10px 10px;
margin:0;
}
.collectionhighlights_header {
width:542px;
}
.collectionhighlights_header h2 {
float:left;
font:italic bold 22px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:left;
color:#813519;
padding:0 0 6px 0;
margin:0;
}
.collectionhighlights_header p {
float:right;
font:italic 18px "Times New Roman", times, georgia, serif;
line-height:1.6em;
color:#bfba94;
text-align:right;
padding:0;
margin:0;
}
/* End Collection Highlights Plants */
/* Begin Area Attractions */
.areaattractions_content {
width:542px;
padding:0;
margin:0;
}
.areaattractions_content img {
float:right;
padding:3px 5px 10px 10px;
margin:0;
}
.areaattractions_header {
width:542px;
}
.areaattractions_header h2 {
float:left;
font:italic bold 22px "Times New Roman", times, georgia, serif;
line-height:1.2em;
text-align:left;
color:#813519;
padding:0 0 6px 0;
margin:0;
}
.areaattractions_header p {
float:right;
font:italic 18px "Times New Roman", times, georgia, serif;
line-height:1.6em;
color:#bfba94;
text-align:right;
padding:0;
margin:0;
}
.websiteaddress {
display:block;
padding:0;
margin:0;
}
/* End Area Attractions */
/* Begin Timeline */
#time_outercontainer {
background:url("http://www.hillsanddales.org/images/timeline_background.gif") 0px 15px no-repeat;
overflow:hidden;
width:601px;
height:428px;
margin:0 auto;
float:left;
position:relative;
}
#time_innercontainer{
width:7000px;
height:428px;
}
div.time_span_outer {
width:165px;
height:325px;
float:left;
position:relative;
margin:61px 5px 0 5px;
}
.time_span {
width:165px;
height:325px;
background:url("http://www.hillsanddales.org/images/timeline_expanded_background.gif") top left no-repeat;
overflow:hidden;
position:absolute;
bottom:0px;
}
.time_content img {
width:165px;
height:280px;
}
.time_content_detail {
width:230px;
height:250px;
position:absolute;
top:20px;
left:190px;
}
.time_content_detail p {
line-height:1.5em;
}
.button_earlieryears {
width:116px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_earlieryears.jpg") top left no-repeat;
display:block;
text-indent:-999999px;
position:absolute;
top:10px;
right:117px;
z-index:6;
}
.button_lateryears {
width:103px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_lateryears.jpg") top left no-repeat;
text-indent:-999999px;
display:block;
position:absolute;
top:10px;
right:7px;
z-index:6;
}
/* End Timeline */
/* Begin Blooming Calendar */
#bloom_outercontainer {
width:601px;
height:428px;
overflow:hidden;
position:relative;
}
#bloom_innercontainer {
width:11400px;
height:428px;
position:relative;
}
.bloomdetail_photo {
display:block;
margin:51px auto 10px auto;
}
.bloom_detail h4 {
text-align:center;
}
.button_prevmonth {
width:129px;
height:53px;
background:url("http://www.hillsanddales.org/images/button_prevmonth.png") top left no-repeat;
display:block;
text-indent:-999999px;
position:absolute;
top:8px;
right:148px;
z-index:8;
}
.button_nextmonth {
width:115px;
height:53px;
background:url("http://www.hillsanddales.org/images/button_nextmonth.png") top left no-repeat;
text-indent:-999999px;
display:block;
position:absolute;
top:8px;
right:33px;
z-index:8;
}
.bloom_detail {
background:#fff;
width:601px;
height:428px;
position:absolute;
top:0px;
left:0px;
z-index:999;
}
div.month_outer {
width:547px;
height:428px;
float:left;
padding:0 30px 0 24px;
margin:0;
position:relative;
}
.bloommonth_content p {
padding:0 0 25px 0;
}
.bloommonth_content img {
padding:5px 10px 5px 0;
float:left;
}
/* Blooming Calendar Scrollbar Stuff */
#january_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#january_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#january_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#february_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#february_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#february_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#march_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#march_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#march_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#april_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#april_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#april_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#may_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#may_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#may_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#june_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#june_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#june_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#july_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#july_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#july_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#august_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#august_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#august_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#september_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#september_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#september_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#october_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#october_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#october_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#november_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#november_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#november_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#december_scrollbar_track_wrapper {
width:15px;
height:404px;
background:url("http://www.hillsanddales.org/images/subpage_scrollbar_track.jpg") top left no-repeat;
position:absolute;
top:7px;
right:4px;
padding:4px;
margin:0;
z-index:7;
}
#december_scrollbar_track {
width:15px;
height:406px;
cursor:move;
}
#december_scrollbar_content {
overflow:hidden;
width:543px;
height:404px;
padding:24px 0 0 0;
margin:0;
}
#bloomingcalendar_content_mask_top {
width:601px;
height:28px;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
z-index:3;
}
#bloomingcalendar_content_mask_left {
width:28px;
height:372px;
position:absolute;
top:28px;
left:0;
z-index:3;
}
#bloomingcalendar_content_mask_right {
width:28px;
height:372px;
position:absolute;
top:28px;
left:573px;
z-index:3;
}
#bloomingcalendar_content_mask_bottom {
width:601px;
height:28px;
position:absolute;
top:400px;
left:0;
padding:0;
margin:0;
z-index:3;
}
#bloomingcalendar_content_mask_top {
width:601px;
height:28px;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
z-index:3;
}
/* End Blooming Calendar */
/* Begin Garden Tour */
#gardentour_outer_container {
width:601px;
height:428px;
overflow:hidden;
position:relative;
}
#gardentour_container {
width:1659px;
height:856px;
position:relative;
top:-300px;
left:-525px;
z-index:2;
}
#gardentour_legend {
width:224px;
height:131px;
padding:0;
margin:0 0 15px -3px;
}
.gardentour_detail {
width:547px;
height:404px;
background:#fff;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
padding:24px 30px 0 24px;
z-index:4;
}
/* NEW LOCATIONS ARE AT BOTTOM */
#gardentour_1 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/1.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:280px;
left:850px;
}
#gardentour_2 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/2.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:778px;
left:1493px;
}
#gardentour_3 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/3.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:460px;
left:930px;
}
#gardentour_4 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/4.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:355px;
left:743px;
}
#gardentour_5 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/5.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:385px;
left:595px;
}
#gardentour_6 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/6.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:326px;
left:635px;
}
#gardentour_7 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/7.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:320px;
left:460px;
}
#gardentour_8 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/8.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:420px;
left:450px;
}
#gardentour_9 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/9.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:470px;
left:480px;
}
#gardentour_10 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/10.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:465px;
left:385px;
}
#gardentour_11 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/11.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:610px;
left:420px;
}
#gardentour_12 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/12.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:640px;
left:600px;
}
#gardentour_13 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/13.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:620px;
left:760px;
}
#gardentour_14 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/14.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:615px;
left:820px;
}
#gardentour_15 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/15.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:610px;
left:980px;
}
#gardentour_16 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/16.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:635px;
left:1140px;
}
#gardentour_17 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/17.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:580px;
left:1070px;
}
#gardentour_18 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/18.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:570px;
left:960px;
}
#gardentour_19 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/19.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:565px;
left:750px;
}
#gardentour_20 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/20.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:540px;
left:570px;
}
#gardentour_21 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/21.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:485px;
left:750px;
}
#gardentour_22 {
width:32px;
height:32px;
background:url("http://www.hillsanddales.org/images/22.png") top left no-repeat;
display:block;
text-indent:-99999px;
position:absolute;
top:490px;
left:867px;
}
/* End Garden Tour */
/* Begin Special Events */
.specialevents_detail {
background:#fff;
width:601px;
height:428px;
position:absolute;
top:0px;
left:0px;
z-index:5;
}
.specialevents_detail img {
display:block;
margin:51px auto 10px auto;
}
.specialevents_detail h3 {
text-align:center;
}
/* End Special Events */
/* Begin Latest News */
.news_teaser {
padding:0;
margin:0 0 25px 0;
}
.news_teaser p {
display:inline;
padding:0;
margin:0;
}
.news_photo_caption {
width:184px;
float:right;
text-align:center;
padding:0;
margin:3px 5px 5px 10px;
}
.news_photo {
background:url("http://www.hillsanddales.org/images/background_newsphotocaption_bottom.jpg") bottom left no-repeat;
}
.news_photo_caption img {
width:176px;
background:url("http://www.hillsanddales.org/images/background_newsphotocaption_top.jpg") top left no-repeat;
padding:4px;
margin:0;
}
.news_photo_caption p {
font-size:14px;
font-weight:bold;
font-style:italic;
line-height:1.2em;
text-align:center;
padding:0;
margin:0;
}
/* End Latest News */
/* Begin Search Results */
.searchresults {
text-transform: capitalize;
}
/* General Pages Stuff */
#sidebar_scrollbar_content p.instructions {
font-style:italic;
}
.button_close {
width:63px;
height:33px;
background:url("http://www.hillsanddales.org/images/button_close.jpg") top left no-repeat;
text-indent:-999999px;
position:absolute;
top:10px;
right:7px;
z-index:6;
}
.divider {
width:543px;
height:18px;
background:url("http://www.hillsanddales.org/images/divider.jpg") top left no-repeat;
border:0;
padding:0;
margin:0;
}
.divider hr {
display: none;
}
.photo_left {
float:left;
padding:0 10px 10px 0;
margin:0 0 0 -3px;
}
.photo_right {
float:right;
padding:0 0 10px 10px;
margin:0 -3px 0 0;
}
.viewmap {
padding:0;
margin:0 0 0 -3px;
}
.date {
font-size:15px;
font-weight:bold;
font-style:italic;
}
.subhead {
font:italic 18px "Times New Roman", times, georgia, serif;
line-height:1.6em;
color:#6d6c6f;
padding:0 0 5px 0;
margin:0;
}
.emphasis {
font-size:21px;
font-style:italic;
font-weight:bold;
}
.emphasis_small {
font-size:18px;
font-style:italic;
font-weight:bold;
}
.small {
font-size:17px;
font-style:italic;
}
.dots {
width:530px;
height:25px;
background:url("http://www.hillsanddales.org/images/border_dotted.jpg") bottom left no-repeat;
margin:3px 0 3px 0;
}
.dots p {
background:#fff;
line-height:1em;
padding:0;
margin:0;
}
.dots_text {
text-align:left;
float:left;
display:block;
background:#fff;
padding:2px 3px 0 0;
margin:0;
}
.dots_emphasis {
font-size:21px;
font-style:italic;
font-weight:bold;
text-align:right;
float:right;
display:block;
background:#fff;
padding:0 0 0 3px;
}
a.audio {
background:url("http://www.hillsanddales.org/images/icon_audio.png") top left no-repeat;
padding:0 0 0 14px;
}
.background_audio {
width:252px;
height:49px;
background:url("http://www.hillsanddales.org/images/background_audio.jpg") top left no-repeat;
display:block;
}
a.pdf {
background:url("http://www.hillsanddales.org/images/icon_pdf.png") top left no-repeat;
padding:0 0 0 14px;
}
a.movie {
background:url("http://www.hillsanddales.org/images/icon_movie.png") top left no-repeat;
padding:0 0 0 15px;
}
.clearer {
clear:both;
}
/* End General Pages Stuff */
#footer_wrapper {
width:100%;
height:55px;
background:url("http://www.hillsanddales.org/images/background_wrapper_footer.png") top left repeat-x;
position:fixed;
bottom:0;
left:0;
margin:0;
z-index:3;
}
#footer_wrapper p {
font:normal 13px arial, helvetica, verdana, sans-serif;
line-height:1.5em;
}
#footer {
width:960px;
height:43px;
background:url("http://www.hillsanddales.org/images/background_footer.jpg") bottom left no-repeat;
padding:12px 0 0 0;
margin:0 auto;
}
#expand {
width:189px;
height:40px;
float:left;
background:url("http://www.hillsanddales.org/images/button_discovermore.jpg") top left no-repeat;
display:block;
text-indent:-99999px;
padding:0;
margin:0 0 0 10px;
}
#collapse {
width:189px;
height:40px;
float:left;
background:url("http://www.hillsanddales.org/images/button_discovermore_over.jpg") top left no-repeat;
display:block;
text-indent:-99999px;
padding:0;
margin:0 0 0 10px;
}
#footer_links {
text-align:center;
color:#c8c39b;
width:470px;
float:left;
padding:10px 0 0 0;
margin:0;
float:left;
}
#footer_links a {
font:italic normal 15px "Times New Roman", helvetica, verdana, sans-serif;
color:#c8c39b;
text-decoration:none;
padding:0 2px 0 2px;
}
#footer_links a:hover {
text-decoration:underline;
}
#search_form {
width:280px;
height:50px;
float:right;
padding:0;
margin:0 10px 0 0;
}
#input_search {
font:italic normal 13px arial, helvetica, verdana, sans-serif;
color:#827f7f;
width:176px;
height:25px;
float:left;
background:url("http://www.hillsanddales.org/images/background_search.jpg") top left no-repeat;
border:0;
padding:10px 12px 0 12px;
margin:0 3px 0 0;
}
#input_search_submit {
width:77px;
height:35px;
float:left;
}
#footer_discovermore {
width:930px;
height:81px;
background:url("http://www.hillsanddales.org/images/background_footer_discovermore.jpg") top left no-repeat;
padding:15px 0 0 20px;
margin:0 auto;
}
#footer_discovermore h3 {
font:italic bold 20px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 3px 0;
margin:0;
}
#newslettersignup {
width:281px;
float:left;
padding:0 20px 0 0;
margin:0;
}
#input_newslettersignup {
font:italic normal 13px arial, helvetica, verdana, sans-serif;
color:#827f7f;
width:185px;
height:25px;
float:left;
background:url("http://www.hillsanddales.org/images/background_newslettersignup.jpg") top left no-repeat;
border:0;
padding:10px 12px 0 12px;
margin:0 3px 0 -3px;
}
#input_newsletter_send {
width:66px;
height:35px;
float:left;
}
#calendarofevents {
width:273px;
float:left;
padding:0 20px 0 20px;
margin:0;
}
#annualpass {
width:273px;
float:left;
padding:0 20px 0 20px;
margin:0;
}
#bg {
top:0;
position:fixed;
height:100%;
overflow:hidden;
width:100%;
z-index:1;
}
#bg div {
width:200%;
height:200%;
position:fixed;
top:0;
left:-50%;
}
#bg img {
min-height:50%;
min-width:50%;
display:block;
margin:0 auto;
}
/* Highslide */
.audioplayer_wrapper {
width:300px;
height:209px;
background:url("http://www.hillsanddales.org/images/background_audioplayer.png") bottom left no-repeat;
display:none;
}
.audioplayer_content {
width:252px;
height:185px;
padding:24px 24px 0 24px;
}
.movieplayer_wrapper {
width:372px;
height:420px;
background:url("http://www.hillsanddales.org/images/background_movieplayer.png") top left no-repeat;
display:none;
}
.movieplayer_content {
width:324px;
height:396px;
padding:24px 24px 0 24px;
}
.movieplayer_wrapper_new {
width:696px;
background:url("http://www.hillsanddales.org/images/background_movieplayer_new.png") top left no-repeat;
display:none;
}
.movieplayer_content_new {
width:648px;
padding:24px 24px 30px 24px;
margin:0;
}
.highslide-dimming {
position:absolute;
background:black;
overflow:hidden;
position:fixed;
}
.highslide-loading {
width:99px;
height:64px;
display:block;
/*background:url("http://www.hillsanddales.org/images/loading.png");*/
}
.highslide-overlay {
display:none;
overflow:hidden;
}
.audioplayer_wrapper h3 {
font:italic bold 20px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 3px 0;
margin:0;
}
.movieplayer_wrapper p {
padding:0 0 15px 0;
margin:0;
}
.movieplayer_wrapper h3 {
font:italic bold 20px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 3px 0;
margin:0;
}
.movieplayer_wrapper_new h3 {
font:italic bold 20px "Times New Roman", times, georgia, serif;
color:#813519;
line-height:1.2em;
padding:0 0 3px 0;
margin:0;
}
.audioplayer_wrapper p {
padding:0 0 15px 0;
margin:0;
}
.highslide_close {
display:block;
float:right;
}
.button_close1 {
width:66px;
height:65px;
background:url("http://www.hillsanddales.org/images/button_close.png");
position:relative;
top:6px;
left:5px;
cursor:pointer;
}
.email_btn{
background:url('http://www.hillsanddales.org/images/email_signup_btn.jpg');
display:block;
width:190px;
height:36px;
float:left;
margin-top:4px;
}
#subForm{
margin:150px 0 0 350px;
}
#subForm .text{
width:250px;
padding:5px 0 5px 0px;
margin:5px 0 10px 0;
}
#subForm label{
font:20px "times new roman", georgia, sans-serif;
font-style:italic;
}
#subForm .submit_btn{
background:url('http://www.hillsanddales.org/images/signup_btn.png');
height:36px;
text-indent:-9999px;
cursor:pointer;
border:0px;
width:149px;
}

-----------------------------------------------------------

Tasarımın üzerindeki yazı:

Tasarımın altındaki yazı:

<p>Among flat- Promoters in chennai city, we have
established a reputation for quality, reasonable cost and prompt delivery of residential flats for the past 25 years, servicing the needs of mostly the middle and upper middle income groups. You are welcome to visit any one of our completed building sites to appreciate the quality and comfort of our constructions...</p>
</div>
<div class="projects">
<div class="tabimg"><a href="#" onclick="showproject('prjtxtcontainer','prjtxtcontainer1')"><span class="onimg">E-Brochure</span></a></div>

<div id="prjtxtcontainer" style=" height:0px;">
<div class="lftimg"><img src="http://www.mahalakshmibuilders.in/lmages/build.gif" alt="building" /></div>
<div class="rgttxtcont">
<h3></h3>
<p>For latest projects click here to download E-Brochure.
<a href="pdf/KumaranKudi_E_Brochure.pdf
"class="more" target="_blank"><b>more..</b></a></p>
</div>
</div>
</div>
<div class="projects" style="margin-top:0px; background-color:#AECF3A;">
<div class="tabimg"><a href="#" onclick="showproject('prjtxtcontainer1','prjtxtcontainer')" ><span class="onimg">Ongoing Projects</span></a></div>
<div id="prjtxtcontainer1">
<div class='lftimg'><img src='images/noimage.jpg' width='145' height ='96'  alt='building'/></div>
<div class="rgttxtcont">
<h3>Okkiam Thoraipakkam</h3>
<p><b>Type :</b>&nbsp;Residential<br />
<b>Location :</b>&nbsp;Address: Plot No.5 &6 . Kokilambal Nagar, Okkiam Thoraipakkam, Chennai-41<br />
<a href='view2.php?products_id=36' class='more'><b>more..</b></a></p>
</div>
</div>
</div>
</div>
<div class="vert_but"><img src="http://www.mahalakshmibuilders.in/lmages/home.gif" alt="Home" border="0" /><a href="#" onmouseover="show_lft('imgcon','left_drop',0);" onmouseout="hide_left('imgcon','left_drop',0);"><img src="http://www.mahalakshmibuilders.in/lmages/contacts.gif" alt="Contact Us" name="imgcon" border="0" id="imgcon"/></a><a href="#" onmouseover="show_lft('imgcon2','left_drop2',1);" onmouseout="hide_left('imgcon2','left_drop2',1);"><img src="http://www.mahalakshmibuilders.in/lmages/sitemap.gif" alt="Site Map" name="imgcon2" border="0" id="imgcon2"/></a><a href="#" onmouseover="show_lft('imgcon3','left_drop3',2);" onmouseout="hide_left('imgcon3','left_drop3',2);"><img src="http://www.mahalakshmibuilders.in/lmages/css.gif" alt="Site Map" name="imgcon3" border="0" id="imgcon3" style="border-bottom:1px solid #666666;"/></a></div>
<div id="left_drop" class="left_drop" onmouseover="show_lft('imgcon','left_drop',0);"  onmouseout="hide_left('imgcon','left_drop',0);" >
<div class="con_contact">
<h2>Mahalakshmi Builders</h2>
<p style="padding:0px; padding-left:10px;">107/59, P.S. Sivasamy salai,
<br />Mylapore,
<br />Chennai - 600 004.
<br /><br />
<b>Phone :</b><br />+91 44 2499 1752,
<br />+91 44 2499 1896.<br /><br />
<b>Fax :</b><br />+91 44 4210 3439.
<br /><br />
</p>
</div>
</div>
<div id="left_drop2" class="left_drop" onmouseover="show_lft('imgcon2','left_drop2',1);"  onmouseout="hide_left('imgcon2','left_drop2',1);" >
<div class="con_contact">
<h2>Site Map</h2>
<p style="padding:0px; padding-left:10px;">
<b><a href="index.php" class="sitemap">Home</a></b><br />
<b><a href="#" class="sitemap">Projects</a></b><br />
<a href="fin_projects_list.php" class="sitemap">&raquo; Finished Projects</a><br />
<b><a href="#" class="sitemap">FAQ's</a></b><br />
<a href="faqs.php" class="sitemap">&raquo; General FAQ's</a><br />
<a href="techinfo.php" class="sitemap">&raquo; Technical FAQ's</a><br />
<b><a href="jointventure.php" class="sitemap">Joint Venture</a></b><br />
<b><a href="#" class="sitemap">Enquiry Form</a></b><br />
</p>
</div>
</div>
<div id="left_drop3" class="left_drop" onmouseover="show_lft('imgcon3','left_drop3',2);"  onmouseout="hide_left('imgcon3','left_drop3',2);" style="height:160px;">

<div class="con_contact" style=" height:142px; text-align:center;">
<h2>W3C Standard</h2>
<p style="padding:0px; padding-left:0px; text-align:center;">
<a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
<br />
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.mahalakshmibuilders.in" target="_blank">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </a>
<br />
Powered by <a href="http://www.sam-tech.in" target="_blank" class="sam">Sam - Sys Pvt Ltd </a>			</p>
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2430336-1";
urchinTracker();
</script>
</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {margin:0; padding:0; text-decoration:none;}
body {background:#36BFEC url(http://3.bp.blogspot.com/_p3iLoz6fdWI/TGfvXN0NUgI/AAAAAAAACbo/0Dmfj_okfIo/s1600/ramadan_3_wall.jpg) bottom left no-repeat fixed; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; overflow:auto;}
img{border:0px;}
h1 {font:normal 24px Georgia, "Times New Roman", Times, serif; color:#A0DCF0; text-align:center; text-transform:uppercase; padding-top:30px;}
h2 {font:normal 22px Georgia, "Times New Roman", Times, serif; color:#fff; text-align:center; padding:20px 0 15px 0;}
h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#222; margin-bottom:13px;}
.main_content { margin:0 0 0 257px; }
.left_content { width:244px; float:left; margin-top:12px; position:fixed;}
.logobox {width:244px; height:71px; background:url(http://www.mahalakshmibuilders.in/lmages/logo.gif) no-repeat;}
.shadow { background:url(http://www.mahalakshmibuilders.in/lmages/shadow.png) bottom left no-repeat; width:244px; height:21px;}
.right_content { width:446px; margin-left:244px!important; margin-left:0; border-left:7px solid #fff; border-right:7px solid #fff; background:url(http://www.mahalakshmibuilders.in/lmages/cont_bg.jpg) repeat-x scroll; float:left; border-bottom:7px solid #fff; min-height:500px; }
.right_content p { font:normal 12px Arial, Helvetica, sans-serif; text-align:justify; padding:0 25px 85px 25px; line-height:18px;}
.project { height:238px;border:1px solid red;}
.box, .box1 { background-color:#AECF3A; height:197px; border-top:7px solid #fff; border-bottom:1px solid #fff;}
.box1 { background-color:#F17D00;}
.box_lft, .box_lft1 { width:190px; float:left; }
.box_lft img, .box_lft1 img { width:145px; height:96px; border:5px solid #809B00; position:relative; top:20px; left:16px;}
.box_lft1 img { border:5px solid #D99D03;}
.box_rht {width:256px; float:right; padding:25px 0 0 0;}
.box_rht p {text-align:left; padding:8px 0;}
.vert_but { width:30px; height:275px; float:left; margin-top:12px; margin-left:704px!important; margin-left:0;  position:fixed;}
/*Dinesh Code*/
.button { width:244px;height:114px;float:left;margin-bottom:10px;}
.btnimg{width:244px;float:left;}
.copy {width:244px;float:left;font-size:9px; text-align:center;border:0px solid red; margin-top:30px !important; margin-top:70px; margin-top/**/:/**/0px;}
.tabbtn{
margin-top:-18px;
margin-left:26px !important;
margin-left:26px;
margin-left/**/:/**/13px;
margin-bottom:40px;
width:386px;
float:left;
border-bottom:1px solid #3BA4CF;
}
.tabbtn ul{margin:0px;padding:0px;width:auto;float:right;}
.tabbtn ul li{margin:0px;margin-right:1px;width:126px;float:left;list-style-type:none;display:inline;background-color:#009AD5;text-align:center;}
.tabbtn ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none; font-weight:normal;padding:5px; display:block;}
.tabbtn ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; font-weight:normal; display:block; background-color:#93D4ED;padding:5px;}
.tabbtn .menuon{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; font-weight:normal; display:block; background-color:#93D4ED;padding:5px;}
.buildbrder{border:7px solid #ffffff; background-position:center;}
a .buildbrder{border:7px solid #ffffff;}
a:hover .buildbrder{border:7px solid #dbdbdb; cursor:pointer;}
.buildcnt{width:387px; float:left;background-color:#FFFFFF;color:#000000;padding-top:10px;padding-bottom:10px;border:0px solid red;margin-top:1px;}
.buildcnt .txtlft{margin-top:6px;width:110px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#1F628B;border:0px solid red;}
.buildcnt .txtrgt{width:268px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;border:0px solid red;}
.buildicon{width:387px; float:left;background-color:#FFFFFF; padding-top:5px; padding-bottom:5px;border:0px solid red; margin-top:1px;}
.buildicon .iconlft{margin-left:5px; width:161px; float:left;  border:0px solid red;}
.buildicon .iconrgt{margin-right:5px; width:201px; float:right; text-align:right; border:0px solid red; }
.buildicon .icontxt{margin-left:5px; width:375px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; border:0px solid red;}
.buildcntinfo{width:373px; float:left; color:#000000;padding-top:10px;padding-bottom:10px;border:7px solid #ffffff;margin-top:1px;}
.mainbuildcnt{margin:0px; margin-left:26px !important;margin-left:26px;margin-left/**/:/**/13px;  padding:0px;width:386px;float:left;border:0px solid red;margin-bottom:9px;}
.right_content1 { width:446px; margin-left:244px!important; margin-left:0; border-left:7px solid #fff; border-right:7px solid #fff; background:#00BBDC url(http://www.mahalakshmibuilders.in/lmages/cont_bg.jpg) repeat-x scroll; float:left; border-bottom:7px solid #fff;	padding-bottom:15px; }
.right_content1 p { font:normal 12px Arial, Helvetica, sans-serif; text-align:justify; padding:20px 25px 0px 25px; line-height:18px;}
.heading {font:normal 22px Georgia, "Times New Roman", Times, serif; color:#fff; text-align:left; margin:20px 0px 25px 25px;border:0px solid red;}
.projects{
width:446px;
float:left;
border:0px solid red;
}
.projects1{
width:446px;
float:left;
border:0px solid red;
}
.projects .tabimg{
margin-top:2px;
width:446px;
float:left;
border-bottom:7px solid #ffffff;
}
.projects #prjtxtcontainer{
height:130px;
float:left;
background-color:#AECF3A;
overflow:hidden;
width:446px;
}
.projects #prjtxtcontainer1{
height:130px;
float:left;
background-color:#F17D00;
overflow:hidden;
width:446px;
}
.bg{width:446px;height:30px;float:left;background-color:#AECF3A;}
.projects .lftimg{padding-left:15px;width:auto; float:left; border:0px solid red; padding-top:5px;}
.projects #prjtxtcontainer .lftimg img{border:5px solid #809B00;}
.projects #prjtxtcontainer1 .lftimg img{border:5px solid #D99D03;}
.projects .rgttxtcont{width:256px; float:right;text-align:left; border:0px solid red;padding-top:5px;}
.projects .rgttxtcont p{margin:0px;margin-bottom:13px;padding:0px;text-align:left;border:0px solid red;padding-top:5px;}
/*Dinesh Code*/
.textbold
{
font:bold 11px Arial, Helvetica, sans-serif;
}
.textnormal
{
font:11px Arial, Helvetica, sans-serif;
}
.left_drop
{
left:0;
width:0px;
height:260px;
overflow:hidden;
padding:0px;
float:left;
position:absolute;
}
.left_drop .left_drop_bg
{
width:188px;
height:234px;
margin-left:3px;
margin-top:3px;
background-color:#303030;
border:5px solid #000;
padding:4px;
position:absolute;
z-index:24;
}
.left_drop .con_contact
{
width:182px;
height:232px;
border:5px solid #FFFFFF;
background-color:#003366;
background:url(http://www.mahalakshmibuilders.in/lmages/cont_bg.jpg) repeat-x;
padding:4px;
position:absolute;
z-index:34;
}
.left_drop .con_contact p
{
color: #CCCCCC;
}
a.sitemap
{
text-decoration:none;
color:#FFFFFF;
line-height:18px;
}
a.sitemap:hover
{
text-decoration:underline;
color:#AECF3A;
}
a.sam
{
color:#000000;
line-height:11px;
text-decoration:none;
}
a.sam:hover
{
color:#000000;
line-height:11px;
text-decoration:underline;
}
/*a.morre
{
text-decoration:none;
color:#36BFE;
line-height:13px;
}
a.morre:hover
{
text-decoration:underline;
color:#36BFE;
}
*/a.more
{
text-decoration:none;
color:#009900;
line-height:18px;
}
a.more:hover
{
text-decoration:underline;
color:#009900;
}
div.bottomlnk{
width:377px;
float:left;
margin-top:1px;
margin-bottom:4px;
background-color:#FFFFFF;
border:5px solid #FFFFFF;
}
a.bottomlnk
{
text-decoration:none;
background-color:#F37F00;
background-repeat:repeat-x;
float:left;
width:100%;
outline:1px solid #D25F00;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #F78C07;
border-left:1px solid #F78C07;
color:#FFFFFF;
font-weight:bold;
}
a.bottomlnk:hover
{
background-color:#FF9900;
}
.onimg{ background:url(http://www.mahalakshmibuilders.in/lmages/fini_proj_2.gif) left center no-repeat; width:153px; height:17px; display:block;padding-top: 10px;padding-left: 10px;  font:bold 12px Arial, Helvetica, sans-serif; color:#333333;}
00000000000000000000000000000000
function getElementLeft(elem) {
if (document.layers) {
return elem.pageX;
} else {
xPos = elem.offsetLeft;
tempEl = elem.offsetParent;
while (tempEl != null) {
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;
}
}
function getElementTop(elem) {
if (document.layers) {
return elem.pageY;
} else {
yPos = elem.offsetTop;
tempEl = elem.offsetParent;
while (tempEl != null) {
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}
}
function getElementHeight(elem) {
if (document.layers) {
return elem.clip.height;
} else {
var op5=(navigator.userAgent.indexOf("Opera 5")!=-1)||(navigator.userAgent.indexOf("Opera/5")!=-1);
if (op5) {
xPos = elem.style.pixelHeight;
} else {
xPos = elem.offsetHeight;
}
return xPos;
}
}
function getElementWidth(elem) {
if (document.layers) {
return elem.clip.width;
}
var op5=(navigator.userAgent.indexOf("Opera 5")!=-1)||(navigator.userAgent.indexOf("Opera/5")!=-1);
if (op5) {
xPos = elem.style.pixelWidth;
} else {
xPos = elem.offsetWidth;
}
return xPos;
}
function getDocHeight() {
var myHeight = 0;
if( typeof( window.innerHeight ) == 'number' ) {
//Non-IE
myHeight = window.innerHeight;
} else if( document.documentElement && document.documentElement.clientHeight ) {
//IE 6+ in 'standards compliant mode'
myHeight = document.documentElement.clientHeight;
} else if( document.body && document.body.clientHeight ) {
//IE 4 compatible
myHeight = document.body.clientHeight;
}
//window.alert( 'Height = ' + myHeight );
return myHeight;
}
function getDocWidth() {
var myWidth = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
} else if( document.documentElement && document.documentElement.clientWidth ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
} else if( document.body && document.body.clientWidth ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
}
//window.alert( 'Width = ' + myWidth );
return myWidth;
}
function getScrollX() {
var scrOfX = null;
if( typeof( window.pageXOffset ) == 'number' ) {
//Netscape compliant
scrOfX = window.pageXOffset;
scrOfX=scrOfX-16;
} else if( document.body && document.body.scrollLeft) {
//DOM compliant
scrOfX = document.body.scrollLeft;
} else if( document.documentElement && document.documentElement.scrollLeft) {
//IE6 standards compliant mode
scrOfX = document.documentElement.scrollLeft;
}
//alert(scrOfX);
return scrOfX;
}
function getScrollY() {
var scrOfY = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.pageYOffset;
scrOfY=scrOfY-16;
} else if( document.body && document.body.scrollTop ) {
//DOM compliant
scrOfY = document.body.scrollTop;
} else if( document.documentElement && document.documentElement.scrollTop ) {
//IE6 standards compliant mode
scrOfY = document.documentElement.scrollTop;
}
//alert(scrOfY);
return scrOfY;
}
function getScrollWidth()
{
var w = window.pageXOffset ||
document.body.scrollLeft ||
document.documentElement.scrollLeft;
return w ? w : 0;
}
function getScrollHeight()
{
var h = window.pageYOffset ||
document.body.scrollTop ||
document.documentElement.scrollTop;
return h ? h : 0;
}
function getMouseX(e)
{
var tempX=0;
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
if (IE)
{ // grab the x pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
}
else
{  // grab the x pos.s if browser is NS
tempX = e.pageX;
}
if (tempX < 0){tempX = 0;}
return tempX;
}
function getMouseY(e)
{
var tempY=0;
if (IE)
{ // grab the Y pos.s if browser is IE
tempY = event.clientY + document.body.scrollLeft;
}
else
{  // grab the Y pos.s if browser is NS
tempY = e.pageY;
}
if (tempY < 0){tempY = 0;}
return tempY;
}
function changeOpac(opacity, id) {
var object = getObjElement(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function getObjElement(Elem)
{
if (document.layers) {
var elem = getObjNN4(document, Elem);
} else {
if(document.getElementById) {
var elem = document.getElementById(Elem);
} else if (document.all){
var elem = document.all[Elem];
}
}
return elem;
}
function getObjNN4(obj,name)
{
var x = obj.layers;
var foundLayer;
for (var i=0;i<x.length;i++)
{
if (x[i].id == name)
foundLayer = x[i];
else if (x[i].layers.length)
var tmp = getObjNN4(x[i],name);
if (tmp) foundLayer = tmp;
}
return foundLayer;
}

---------------------------------------------------------------------------------------

Tasarımın üzerindeki yazı:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Goldin Eye Media- The Future of Green Media</title>
<meta name="description" content="Goldin Eye enterprises is a media, marketing and consulting company. Specializing in delivering green alternative professional media solutions to Schools, individuals, and businesses alike." />
<meta name="keywords" content="Yearbook DVDs, DVD Year Books, Green Media, Eco Friendly alternatives, Baby Media, Medical Media, Music Artist Recrutiment, Unsigned Music Artists,Music opportunities, Affordable Media, High school Media, Day Care,Pre-School Media." />
<link href="http://www.goldineyemedia.com/_inc/style.css" rel="stylesheet" type="text/css" />
<link href="http://www.goldineyemedia.com/_inc/highslide.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />

<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.scrolling-parallax.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.tooltip.min.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/general.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/highslide-full.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/swfobject.js"></script>
<script type="text/javascript">
hs.showCredits = 0;
hs.align = 'center';
hs.wrapperClassName = 'borderless floating-caption';
hs.transitions = ["fade", "crossfade"];
hs.graphicsDir = 'http://www.goldineyemedia.com/_img/graphics/';
</script>
</head>
<body>
<div id="preLoader"><div id="preLoaderAnim"><img src="http://www.goldineyemedia.com/_img/ajax-loader.gif" alt="Loading" /> Ula Bi Bekle  Açılıyo açılıyo haaa...</div></div>
<div id="header">
<div class="clear">&nbsp;</div>
<div id="headerNav">
<a class="navOne" href="http://www.goldineyemedia.com/index.html" onclick="goto('home');return false;"><img src="http://www.goldineyemedia.com/_img/nav-home.png" alt="Home" /></a>
<a class="navOne navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/index.html" onclick="goto('home');return false;"><img src="http://www.goldineyemedia.com/_img/nav-home-on.png" alt="Home" /></a>
<a class="navOne navOn" style="display:none;" href="http://www.goldineyemedia.com/index.html" onclick="goto('home');return false;"><img src="http://www.goldineyemedia.com/_img/nav-home-on.png" alt="Home" /></a>
<a class="navTwo" href="http://www.goldineyemedia.com/services.html" onclick="goto('services');return false;"><img src="http://www.goldineyemedia.com/_img/nav-services.png" alt="Services" /></a>
<a class="navTwo navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/services.html" onclick="goto('services');return false;"><img src="http://www.goldineyemedia.com/_img/nav-services-on.png" alt="Services" /></a>
<a class="navTwo navOn" style="display:none;" href="http://www.goldineyemedia.com/services.html" onclick="goto('services');return false;"><img src="http://www.goldineyemedia.com/_img/nav-services-on.png" alt="Services" /></a>
<a class="navThree" href="http://www.goldineyemedia.com/videos.html" onclick="goto('videos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-videos.png" alt="Videos" /></a>
<a class="navThree navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/videos.html" onclick="goto('videos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-videos-on.png" alt="Videos" /></a>
<a class="navThree navOn" style="display:none;" href="http://www.goldineyemedia.com/videos.html" onclick="goto('videos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-videos-on.png" alt="Videos" /></a>
<a class="navFour" href="http://www.goldineyemedia.com/photo-gallery.html" onclick="goto('photos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-photo-gallery.png" alt="Photo Gallery" /></a>
<a class="navFour navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/photo-gallery.html" onclick="goto('photos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-photo-gallery-on.png" alt="Photo Gallery" /></a>
<a class="navFour navOn" style="display:none;" href="http://www.goldineyemedia.com/photo-gallery.html" onclick="goto('photos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-photo-gallery-on.png" alt="Photo Gallery" /></a>
<a class="navFive" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;"><img src="http://www.goldineyemedia.com/_img/nav-contact.png" alt="Contact Us" /></a>
<a class="navFive navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;"><img src="http://www.goldineyemedia.com/_img/nav-contact-on.png" alt="Contact Us" /></a>
<a class="navFive navOn" style="display:none;" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;"><img src="http://www.goldineyemedia.com/_img/nav-contact-on.png" alt="Contact Us" /></a>
</div>
</div>
<div id="pageContent"><div class="clear">&nbsp;</div>
<div id="panelOneBox" class="bgPanel">
<div class="bgPad">
<div id="homeGallery">
<div class="clear">&nbsp;</div>
<div id="homeGalleryPhotos">
<img src="http://www.goldineyemedia.com/gallery-images/24.jpg" width="432" height="221" alt="Photo 1" /><img src="http://www.goldineyemedia.com/gallery-images/25.jpg" width="432" height="221" alt="Photo 2" /><img src="http://www.goldineyemedia.com/gallery-images/26.jpg" width="432" height="221" alt="Photo 3" /><img src="http://www.goldineyemedia.com/gallery-images/27.jpg" width="432" height="221" alt="Photo 4" />			</div>
</div>
<img style="margin-bottom: 5px; " src="_user/Image/txt-our-mission.png" alt="Our Mission" width="213" height="36" /><br /><span style="font-family: verdana,geneva; font-size: small;"><em>Goldin Eye Enterprises</em> mission is to provide exciting innovative Green media solutions for individuals, families, schools, and businesses alike. Our focus is to always offer exceptional quality services at an affordable price.<br /><br />Through our array of new and unique services we answer the call with professionalism and affordability through all of our services. We are here to challenge the status quo and deliver on the highest level with our services such as and not limited to:<br /><strong><br />Yearbook DVD's</strong>,and <strong>Medical Bio Media Services</strong>. With our services using digital technology, we will in turn participate in the preservation of our precious environment. Another thrilling feature about our company is that we will promote independent music artists</span><a><span style="font-family: verdana,geneva; font-size: small;"></span></a><span style="font-family: verdana,geneva; font-size: small;"><a> </a>by giving the customer the choice to pick their own customized soundtrack to any of the Goldin Eye Media services.</span><span style="font-family: verdana,geneva; font-size: small;"><span style="font-size: small;">Goldin Eye Media is based off the principal of excellence, and we promise to offer world class customer service and a magnificent product.</span></span><span style="font-family: verdana,geneva; font-size: x-small;"></span>	</div>
</div>
<div id="panelTwoBox" class="bgPanel">
<div class="bgPad">
<div id="servicesPanel">
<div class="clear">&nbsp;</div>
<div class="contentBtns">
<div id="content1Btn" class="contentBtn contentBtnOn" onclick="changeContent(1);">YEARBOOKDVDS</div>
<div id="content4Btn" class="contentBtn" onclick="changeContent(4);">Medical Bio Media</div>
</div>
<div class="contentBoxes">
<div id="content1Box" class="contentBox" style="">

Tasarımın altındaki yazı:

<p style="text-align: center;"><img src="http://i565.photobucket.com/albums/ss94/rodjamille24/yearbookdvds2copyprice.jpg" alt="" width="448" height="317" /></p>
<p><span style="font-family: verdana,geneva;"><br /></span></p>
<p><span style="font-family: verdana,geneva;">Check out some features and benefits of YearbookDVDs:</span></p>
<ul>
<li><span style="font-family: verdana,geneva;"><strong>Affordability 40-60%&nbsp;</strong> cheaper than standard yearbooks</span></li>
<li><span style="font-family: verdana,geneva;"><strong>GREEN</strong> alternative to the standard yearbook methods saving millions of pages of paper</span></li>
<li><span style="font-family: verdana,geneva;"><strong>Professional</strong> <strong>quality media designs</strong>, with every student guaranteed an individual profile page</span></li>
<li><span style="font-family: verdana,geneva;">Included student <strong>signing book</strong> made from only green Eco-friendly materials</span></li>
<li><span style="font-family: verdana,geneva;"><strong>Customized Music Soundtrack</strong> playlist chosen by your school from the Exclusive Goldin Eye Media Music Artist Catalog</span></li>
<li><span style="font-family: verdana,geneva;"><strong>Exciting Contests</strong> ran exclusively for your school, with big prize giveaways throughout the school year</span></li>
</ul>
<p><span style="font-family: verdana,geneva;">(Services available for Day Cares through High School)</span></p>
<p><span style="font-family: verdana,geneva;"><br /><em>(For an example of YEARBOOKDVDs Check out the Video section)</em></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div>
<div id="content4Box" class="contentBox" style="display:none;">
</em></span></p>
</div>
<div id="content4Box" class="contentBox" style="display:none;">
</bem></span></p></div>
</div>
<div class="clear">&nbsp;</div>

</div>
</div>
</div>
<div id="panelThreeBox" class="bgPanel">
<div class="bgPad">
<div id="videoPanel">
<div class="clear">&nbsp;</div>
<div id="video1Box" class="videoBox" style="width:580px;height:327px;"><div class="videoBoxInt" style="width:580px;height:327px;"><object type="application/x-shockwave-flash" width="578" height="325" data="http://vimeo.com/moogaloop.swf?clip_id=6478908&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00adef&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6478908&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00adef&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="video2Box" class="videoBox" style="display:none;width:551px;height:311px;"><div class="videoBoxInt" style="width:551px;height:311px;"><object type="application/x-shockwave-flash" width="549" height="309" data="http://vimeo.com/moogaloop.swf?clip_id=6480254&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6480254&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="video3Box" class="videoBox" style="display:none;width:542px;height:306px;"><div class="videoBoxInt" style="width:542px;height:306px;"><object type="application/x-shockwave-flash" width="540" height="304" data="http://vimeo.com/moogaloop.swf?clip_id=6501105&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6501105&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="video4Box" class="videoBox" style="display:none;width:551px;height:311px;"><div class="videoBoxInt" style="width:551px;height:311px;"><object type="application/x-shockwave-flash" width="549" height="309" data="http://vimeo.com/moogaloop.swf?clip_id=6476450&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6476450&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="vidControls">
<div id="videoTitleFrame">
<div id="videoTitles" style="width:920px;">
<div class="vidTitleBox"><a class="vidTitle" id="vid1" href="#" onclick="loadVideo(1);return false;">Video 1</a> | <a class="vidTitle" id="vid2" href="#" onclick="loadVideo(2);return false;">Video 2</a> | <a class="vidTitle" id="vid3" href="#" onclick="loadVideo(3);return false;">Video 3</a> | <a class="vidTitle" id="vid4" href="#" onclick="loadVideo(4);return false;">Video 4</a></div>
</div>
</div>
</div>

</div>
</div>
</div>
<div id="panelFourBox" class="bgPanel">
<div class="bgPad">
<div id="photoPanel">
<div class="clear">&nbsp;</div>
<div id="photoSlideFrame">
<div id="photoScrollLeft" style="visibility:hidden;" onclick="scrollPhotos('left');">&nbsp;</div>
<div id="photoPanelFrame">
<div id="photoPanels" style="width:1623px;">
<div id="photo1Box" class="photoBox"><a href="http://www.goldineyemedia.com/gallery-images/45-o.jpg" onclick="return hs.expand(this)"><img src="http://www.goldineyemedia.com/gallery-images/45.jpg" alt="Photo 1" /></a></div><div id="photo2Box" class="photoBox"><a href="http://www.goldineyemedia.com/gallery-images/51-o.jpg" onclick="return hs.expand(this)"><img src="http://www.goldineyemedia.com/gallery-images/51.jpg" alt="Photo 2" /></a></div><div id="photo3Box" class="photoBox"><a href="http://www.goldineyemedia.com/gallery-images/40-o.jpg" onclick="return hs.expand(this)"><img src="http://www.goldineyemedia.com/gallery-images/40.jpg" alt="Photo 3" /></a></div>					</div>
</div>
<div id="photoScrollRight" style="" onclick="scrollPhotos('right');">&nbsp;</div>
<div class="clear">&nbsp;</div>
<div id="photoControls">
<div id="thumbsScrollLeft" style="visibility:hidden;" onclick="scrollPhotoThumbs('left');">&nbsp;</div>
<div id="photoThumbFrame">
<div id="photoThumbs" style="width:530px;">
<img id="photo1Thumb" class="photoThumb" onclick="scrollPhotos(1);" src="http://www.goldineyemedia.com/gallery-images/45-t.jpg" alt="Photo 1 Thumb" /><img id="photo2Thumb" class="photoThumb" onclick="scrollPhotos(2);" src="http://www.goldineyemedia.com/gallery-images/51-t.jpg" alt="Photo 2 Thumb" /><img id="photo3Thumb" class="photoThumb" onclick="scrollPhotos(3);" src="http://www.goldineyemedia.com/gallery-images/40-t.jpg" alt="Photo 3 Thumb" />						</div>
</div>
<div id="thumbsScrollRight" style="visibility:hidden;" onclick="scrollPhotoThumbs('right');">&nbsp;</div>
<div class="clear">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<div id="panelFiveBox" class="bgPanel bgLastPanel">
<div class="bgPad">
<img src="http://www.goldineyemedia.com/_img/txt-talk-us.png" alt="Talk To Us" />
<div class="contactBox">
<div class="contactLeft">
<div class="contactText"><span style="font-size: 16px;">Goldin Eye Enterprises, LLC </span><br /><br /><span style="font-family: verdana,geneva; color: #888888;">email: info@goldineyemedia.com<br /></span><span style="font-family: verdana,geneva; color: #888888;"><br /></span><span style="font-family: verdana,geneva; color: #888888;">tel: 1-877-298-7600   ext. 101 </span></div>
<a href="http://www.sendspace.com/dropbox/1s3v08" target="_blank"><img src="http://www.goldineyemedia.com/_img/contact-btn.png" alt="Upload" style="display:block;margin:0 auto;width:271px;" /></a>
</div>
<div class="contactRight">
<div id="contactResponse" style="display:none;">Thank you for your submission.<br /><br />Someone will contact you shortly.</div>
<div id="contactFormBox" class="contactForm">
<a name="contact-form"></a>
<form method="post" name="f" action="http://www.goldineyemedia.com/process-form.php" onsubmit="return checkForm();">
<input type="hidden" name="_set-recipient" value="&#114;&#101;&#112;&#111;&#114;&#116;&#115;&#64;&#100;&#105;&#99;&#101;&#109;&#101;&#100;&#105;&#97;&#46;&#99;&#111;&#109;" />					<input type="hidden" name="_set-emailsubject" value="Contact Form Submission" />					<input type="hidden" name="Contact Form" value="heading" />					<div class="form_content">
<div class="form_require">all fields in <strong>bold</strong> are required.</div>
<div class="form_row">
<label class="contact"><strong>Full Name</strong></label><input type="text" id="Full_Name_Required" name="Full_Name_Required" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="form_row">
<label class="contact"><strong>Email Address</strong></label><input type="text" id="Email_Address_Required" name="Email_Address_Required" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="form_row">
<label class="contact">Phone Number</label><input type="text" id="Phone_Number" name="Phone_Number" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="form_row">
<label class="contact"><strong>Comments</strong></label><textarea id="Comments" name="Comments" style="vertical-align:middle;" cols="20" rows="3" class="textarea_contact"></textarea>							<div class="clear">&nbsp;</div>
</div>
<div class="captchaBox">
<img src="http://www.goldineyemedia.com/gdimg.php" alt="Security Code" title="Security Code" style="width:131px;height:34px;" /><br />
enter code as it appears above<br />
</div>
<div class="form_row">
<label>&nbsp;</label>
<input type="text" id="Security_Code" name="Security_Code" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="captchaBox">
<input type="image" src="http://www.goldineyemedia.com/_img/btn-submit.png" class="submit_contact" />
</div>
<div class="clear">&nbsp;</div>
<br />
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="clear">&nbsp;</div>
</div>
<div id="footer">
<div class="clear">&nbsp;</div>
<div id="footerLeft"><a href="http://www.goldineyemedia.com/legal.html" onclick="window.open('http://www.goldineyemedia.com/legal.html', 'legal', 'height=500,width=600,toolbar=0,scrollbars=1');return false;">All Content &copy; 2011 Goldin Eye Enterprises LLC</a><br />Site By: <a href="http://www.dicemedia.com/" title="Innovative Multi Media Solutions">Dice Media</a></div>
<div id="footerRight">
<div class="clear">&nbsp;</div>
<a class="footerLinks" id="footerFacebook" href="http://www.facebook.com/pages/Goldin-Eye-Media/111524688541" target="_blank" title="Facebook">&nbsp;</a>
<a class="footerLinks" id="footerTwitter" href="http://twitter.com/GoldinEyeMedia" target="_blank" title="Twitter">&nbsp;</a>
<a class="footerLinks" id="footerMySpace" href="http://www.myspace.com/goldineyemedia" target="_blank" title="MySpace">&nbsp;</a>
<a class="footerLinks" id="footerArtist" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;" title="Artist Recruitment">&nbsp;</a>
</div>
<div class="clear">&nbsp;</div>
</div>
<script type="text/javascript">
/* <![CDATA[ */
var vidScrollL, vidScrollR, vidTitles, photoScrollL, photoScrollR, thumbScrollL, thumbScrollR, photoFrame, photoThumbFrame;
var currentPage = 'One';
var currentService = 1;
var currentVid = 1;
var currentVidPanel = 1;
var numVidPanels = 2;
var vidDesc = new Array();
vidDesc[1] = "x3cstrong>Medical Bio Mediax3c/strong>x3cbr />"
vidDesc[2] = "x3cstrong>Yearbook DVDsx3c/strong>x3cbr />"
vidDesc[3] = "x3cstrong>Company Overviewx3c/strong>x3cbr />"
vidDesc[4] = "x3cstrong>Goldin Babyx3c/strong>x3cbr />"
var currentPhoto = 1;
var currentThumbPanel = 1;
var numPhotos = 3;
var numThumbPanels = 1;
window.onload = function() {
$('#preLoader').fadeOut('fast');
}
$(function() {
$('.navRollover').css({ opacity:0, visibility:'visible' });
$('.navRollover').mouseover(function() {
if($(this).hasClass('nav'+currentPage) == false) {
$(this).stop(true);
$(this).animate({ opacity:1 });
}
});
$('.navRollover').mouseout(function() {
if($(this).hasClass('nav'+currentPage) == false) {
$(this).animate({ opacity:0 });
}
});
$('.navOn, .navOne').animate({ opacity:1 });
$('#homeGalleryPhotos').cycle({ fx: 'fade', timeout:6000 });
$.scrollingParallax('http://www.goldineyemedia.com/_img/bg-stars-one.png', { bgRepeat:true, disableIE6:true });
vidScrollL = $('#vidScrollLeft');
vidScrollR = $('#vidScrollRight');
vidTitles = $('#videoTitleFrame');
//	$('.vidTitle').tooltip({ bodyHandler: function() {
//		var vidId = $(this).attr('id');
//		vidId = vidId.replace('vid', '');
//
//		return vidDesc[vidId];
//	}, showURL:false, fade:250, track:true });
photoScrollL = $('#photoScrollLeft');
photoScrollR = $('#photoScrollRight');
thumbScrollL = $('#thumbsScrollLeft');
thumbScrollR = $('#thumbsScrollRight');
photoFrame = $('#photoPanelFrame');
photoThumbFrame = $('#photoThumbFrame');
$('.photoThumb').each(function() {
if($(this).attr('id') == 'photo1Thumb') $(this).animate({ opacity: 1 });
else $(this).animate({ opacity: 0.3 });
});
checkSize();
goto('home');
});
function checkSize() {
var myWidth = 0, myHeight = 0;
if(typeof(window.innerWidth) == 'number') {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
if(myHeight < 768) {
$('html').css({ overflow:'visible', overflowY:'scroll' });
$('body').css({ overflow:'visible' });
$('#footer').css({ position:'relative' });
$('.bgPanel').css({ marginBottom:'50px' });
}
}
function goto(section) {
if(section == 'home') sectionId = 'One';
else if(section == 'services') sectionId = 'Two';
else if(section == 'videos') sectionId = 'Three';
else if(section == 'photos') sectionId = 'Four';
else if(section == 'contact') sectionId = 'Five';
if(section == 'home') $('#homeGalleryPhotos').cycle('resume');
else $('#homeGalleryPhotos').cycle('pause');
$('.nav'+currentPage+', navOn').animate({ opacity:0 });
$('.nav'+sectionId+', .navOn').animate({ opacity:1 });
currentPage = sectionId;
var panelPos = $('#panel'+sectionId+'Box').position();
if(panelPos.top <= 143) var scrollPos = 1;
else var scrollPos = panelPos.top - 143;
$.scrollTo(scrollPos, 800);
}
function changeContent(contentId) {
$('#content'+currentService+'Box').fadeOut('fast', function() {
currentService = contentId;
$('.contentBtn').each(function() {
$(this).removeClass('contentBtnOn');
});
$('#content'+contentId+'Btn').addClass('contentBtnOn');
$('#content'+contentId+'Box').fadeIn('fast');
});
return false;
}
function loadVideo(vidId) {
$('#video'+currentVid+'Box').fadeOut('fast', function() {
currentVid = vidId;
$('#video'+vidId+'Box').fadeIn('fast');
});
}
function scrollVidTitles(direction) {
if(direction == 'left') {
if(currentVidPanel == 1) {
vidScrollL.css({ visibility:'hidden' });
return false;
} else {
currentVidPanel = currentVidPanel - 1;
var scrollPos = (currentVidPanel * 460) - 460;
vidTitles.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
vidScrollR.css({ visibility:'visible' });
if(currentVidPanel == 1) vidScrollL.css({ visibility:'hidden' });
}
} else {
if(currentVidPanel == numVidPanels) {
vidScrollR.css({ visibility:'hidden' });
return false;
} else {
currentVidPanel = currentVidPanel + 1;
var scrollPos = (currentVidPanel * 460) - 460;
vidTitles.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
vidScrollL.css({ visibility:'visible' });
if(currentVidPanel == numVidPanels) vidScrollR.css({ visibility:'hidden' });
}
}
}
function scrollPhotos(mode) {
if(mode == 'left') {
if(currentPhoto == 1) {
photoScrollL.css({ visibility:'hidden' });
return false;
} else {
currentPhoto = currentPhoto - 1;
var scrollPos = (currentPhoto * 541) - 541;
photoFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
photoScrollR.css({ visibility:'visible' });
if(currentPhoto == 1) photoScrollL.css({ visibility:'hidden' });
}
} else if(mode == 'right') {
if(currentPhoto == numPhotos) {
photoScrollR.css({ visibility:'hidden' });
return false;
} else {
currentPhoto = currentPhoto + 1;
var scrollPos = (currentPhoto * 541) - 541;
photoFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
photoScrollL.css({ visibility:'visible' });
if(currentPhoto == numPhotos) photoScrollR.css({ visibility:'hidden' });
}
} else {
currentPhoto = mode;
if(currentPhoto <= 1) {
photoScrollL.css({ visibility:'hidden' });
} else if(currentPhoto > 1) {
photoScrollL.css({ visibility:'visible' });
}
if(currentPhoto >= numPhotos) photoScrollR.css({ visibility:'hidden' });
else photoScrollR.css({ visibility:'visible' });
var scrollPos = (currentPhoto * 541) - 541;
photoFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
}
$('.photoThumb').each(function() {
if($(this).attr('id') == 'photo'+currentPhoto+'Thumb') $(this).animate({ opacity: 1 });
else $(this).animate({ opacity: 0.3 });
});
}
function scrollPhotoThumbs(direction) {
if(direction == 'left') {
if(currentThumbPanel == 1) {
thumbScrollL.css({ visibility:'hidden' });
return false;
} else {
currentThumbPanel = currentThumbPanel - 1;
var scrollPos = (currentThumbPanel * 530) - 530;
photoThumbFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
thumbScrollR.css({ visibility:'visible' });
if(currentThumbPanel == 1) thumbScrollL.css({ visibility:'hidden' });
}
} else {
if(currentThumbPanel == numThumbPanels) {
thumbScrollR.css({ visibility:'hidden' });
return false;
} else {
currentThumbPanel = currentThumbPanel + 1;
var scrollPos = (currentThumbPanel * 530) - 530;
photoThumbFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
thumbScrollL.css({ visibility:'visible' });
if(currentThumbPanel == numThumbPanels) thumbScrollR.css({ visibility:'hidden' });
}
}
}
function checkForm() {
var fullNameVal = $('#Full_Name_Required').val();
var emailVal = $('#Email_Address_Required').val();
var phoneVal = $('#Phone_Number').val();
var commentsVal = $('#Comments').val();
var codeVal = $('#Security_Code').val();
$.post('http://www.goldineyemedia.com/ajax-process-form.php', { fullName:fullNameVal, email:emailVal, phone:phoneVal, comments:commentsVal, code:codeVal }, function(response) {
if(response == 'success') {
$('#contactFormBox').fadeOut('fast', function() {
$('#Full_Name_Required').val('');
$('#Email_Address_Required').val('');
$('#Phone_Number').val('');
$('#Comments').val('');
$('#Security_Code').val('');
$('#contactResponse').fadeIn('fast');
setTimeout("hideContactResponse()", 5000);
});
} else {
alert(response);
}
return false;
});
return false;
}
function hideContactResponse() {
$('#contactResponse').fadeOut('fast', function() {
$('#contactFormBox').fadeIn('fast');
});
}
/* ]]> */
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10649936-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
font-family: arial, sans-serif;
font-size: 12px;
background-color: #000;
color: #ffffff;
text-align: center;
background: url('http://fr.monacasino.com/images/mona_pattern.jpg');
}
.contentt {
width:963px;
height:inherit;
margin:0 auto;
overflow: hidden;
}
.contentt p {
font-family: Arial;
text-align:left;
font-size: 12px;
padding: 5px 0 0 10px;
}
.contentt h1 {
font-family: Arial;
font-size: 14px;
font-weight: normal;
text-align: left;
float: left
}
.contentt h2 {
color: #aeff00;
text-align:left;
font-size: 16px;
font-weight: normal;
padding: 5px 0 0 3px;
}
.contentt ul {
text-align: left;
list-style: none outside none;
line-height: 15px;
}
.innerBoxHome {  margin: 15px 20px}
.innerBoxHome a { color: white; }
.innerJPHome {  margin: 15px 0px; text-align: center}
#bar1 {
width:963px;
height:315px;
float:left;
margin-top:10px;
}
#bonus {
width:323px;
height:315px;
background: url('http://fr.monacasino.com/images/bonus2.png') no-repeat;
float:right;
margin-left:10px;
}
#game {
width:149px;
height:23px;
background: url('http://fr.monacasino.com/images/games_koteret.jpg') no-repeat;
/*    float:left;*/
}
#games_flash h1 {
font-family: Arial;
font-size: 16px;
}
#counter {
width:323px;
height:100px;
background: url('http://fr.monacasino.com/images/box.jpg') no-repeat;
float:right;
margin-left: 4px;
}
#counter h1 {
margin-top:1px;
}
/*#jackpots {
width:629px;
height:78px;
background: url('http://fr.monacasino.com/images/jackpots.jpg') no-repeat;
float:left;
}*/
#jackpots_headline {
width:629px;
height:100px;
background: url('http://fr.monacasino.com/images/jbox.jpg') top left no-repeat;
}
#support_box {
width:323px;
height:100px;
background: url('http://fr.monacasino.com/images/box.jpg') no-repeat;
float:left;
margin: 0 0 0 11px;
}
#bottom {
width:963px;
height:106px;
background: url('http://fr.monacasino.com/images/footer.png') no-repeat;
margin: 0px auto;
}
#topbottom { clear: both;
}
/*fairgaming*/
#headline, .contentt h1{
line-height: 24px;
width:749px;
height:24px;
float:left;
margin-top: 10px;
padding-left: 10px;
background: url('http://fr.monacasino.com/images/headline_inner_pages.jpg') no-repeat;
}
#text_bg {
height:inherit;
background: url('http://fr.monacasino.com/images/pixel.jpg') repeat-x #373736;
border: 1px solid #aeff00;
margin-bottom: 10px;
margin-top: 10px;
float:left;
width: 749px;
}
#text_bg .innertxtbg { margin: 10px; }
#part_l {
float:left;
}
#part_r {
float: right;
width: 204px;
margin-top: 10px
}
#down_pic {
width:204px;
height:462px;
background: url('http://fr.monacasino.com/images/download_mona.jpg') no-repeat;
}
#header {
width:967px;
height:143px;
background: url('http://fr.monacasino.com/images/header.png') no-repeat;
margin:0 auto;
}
.navbar {
height: 23px;
text-align: left;
text-transform: uppercase;
font-size:13px;
position: relative;
top: 114px;
left:10px;
}
.navbar a {
color: #FFFFFF;
padding-left: 7px;
padding-right: 7px;
text-decoration: none;
}
.navbar li, .navbar2 li {display: inline}
.navbar ul, .navbar2 ul {display: inline; margin: 0px; padding: 0px }
/* bottom */
.navbar2 {
height: 23px;
padding-top: 5px;
text-align: center;
/* text-transform: uppercase; */
font-size:13px;
}
.navbar2 a {
color: #FFFFFF;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}

Tasarımın üzerindeki yazı:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Goldin Eye Media- The Future of Green Media</title>
<meta name="description" content="Goldin Eye enterprises is a media, marketing and consulting company. Specializing in delivering green alternative professional media solutions to Schools, individuals, and businesses alike." />
<meta name="keywords" content="Yearbook DVDs, DVD Year Books, Green Media, Eco Friendly alternatives, Baby Media, Medical Media, Music Artist Recrutiment, Unsigned Music Artists,Music opportunities, Affordable Media, High school Media, Day Care,Pre-School Media." />
<link href="http://www.goldineyemedia.com/_inc/style.css" rel="stylesheet" type="text/css" />
<link href="http://www.goldineyemedia.com/_inc/highslide.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />

<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.scrolling-parallax.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.tooltip.min.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/general.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/highslide-full.js"></script>
<script type="text/javascript" src="http://www.goldineyemedia.com/_inc/swfobject.js"></script>
<script type="text/javascript">
hs.showCredits = 0;
hs.align = 'center';
hs.wrapperClassName = 'borderless floating-caption';
hs.transitions = ["fade", "crossfade"];
hs.graphicsDir = 'http://www.goldineyemedia.com/_img/graphics/';
</script>
</head>
<body>
<div id="preLoader"><div id="preLoaderAnim"><img src="http://www.goldineyemedia.com/_img/ajax-loader.gif" alt="Loading" /> Ula Bi Bekle  Açılıyo açılıyo haaa...</div></div>
<div id="header">
<div class="clear">&nbsp;</div>
<div id="headerNav">
<a class="navOne" href="http://www.goldineyemedia.com/index.html" onclick="goto('home');return false;"><img src="http://www.goldineyemedia.com/_img/nav-home.png" alt="Home" /></a>
<a class="navOne navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/index.html" onclick="goto('home');return false;"><img src="http://www.goldineyemedia.com/_img/nav-home-on.png" alt="Home" /></a>
<a class="navOne navOn" style="display:none;" href="http://www.goldineyemedia.com/index.html" onclick="goto('home');return false;"><img src="http://www.goldineyemedia.com/_img/nav-home-on.png" alt="Home" /></a>
<a class="navTwo" href="http://www.goldineyemedia.com/services.html" onclick="goto('services');return false;"><img src="http://www.goldineyemedia.com/_img/nav-services.png" alt="Services" /></a>
<a class="navTwo navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/services.html" onclick="goto('services');return false;"><img src="http://www.goldineyemedia.com/_img/nav-services-on.png" alt="Services" /></a>
<a class="navTwo navOn" style="display:none;" href="http://www.goldineyemedia.com/services.html" onclick="goto('services');return false;"><img src="http://www.goldineyemedia.com/_img/nav-services-on.png" alt="Services" /></a>
<a class="navThree" href="http://www.goldineyemedia.com/videos.html" onclick="goto('videos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-videos.png" alt="Videos" /></a>
<a class="navThree navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/videos.html" onclick="goto('videos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-videos-on.png" alt="Videos" /></a>
<a class="navThree navOn" style="display:none;" href="http://www.goldineyemedia.com/videos.html" onclick="goto('videos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-videos-on.png" alt="Videos" /></a>
<a class="navFour" href="http://www.goldineyemedia.com/photo-gallery.html" onclick="goto('photos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-photo-gallery.png" alt="Photo Gallery" /></a>
<a class="navFour navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/photo-gallery.html" onclick="goto('photos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-photo-gallery-on.png" alt="Photo Gallery" /></a>
<a class="navFour navOn" style="display:none;" href="http://www.goldineyemedia.com/photo-gallery.html" onclick="goto('photos');return false;"><img src="http://www.goldineyemedia.com/_img/nav-photo-gallery-on.png" alt="Photo Gallery" /></a>
<a class="navFive" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;"><img src="http://www.goldineyemedia.com/_img/nav-contact.png" alt="Contact Us" /></a>
<a class="navFive navRollover" style="visibility:hidden;" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;"><img src="http://www.goldineyemedia.com/_img/nav-contact-on.png" alt="Contact Us" /></a>
<a class="navFive navOn" style="display:none;" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;"><img src="http://www.goldineyemedia.com/_img/nav-contact-on.png" alt="Contact Us" /></a>
</div>
</div>
<div id="pageContent"><div class="clear">&nbsp;</div>
<div id="panelOneBox" class="bgPanel">
<div class="bgPad">
<div id="homeGallery">
<div class="clear">&nbsp;</div>
<div id="homeGalleryPhotos">
<img src="http://www.goldineyemedia.com/gallery-images/24.jpg" width="432" height="221" alt="Photo 1" /><img src="http://www.goldineyemedia.com/gallery-images/25.jpg" width="432" height="221" alt="Photo 2" /><img src="http://www.goldineyemedia.com/gallery-images/26.jpg" width="432" height="221" alt="Photo 3" /><img src="http://www.goldineyemedia.com/gallery-images/27.jpg" width="432" height="221" alt="Photo 4" />			</div>
</div>
<img style="margin-bottom: 5px; " src="_user/Image/txt-our-mission.png" alt="Our Mission" width="213" height="36" /><br /><span style="font-family: verdana,geneva; font-size: small;"><em>Goldin Eye Enterprises</em> mission is to provide exciting innovative Green media solutions for individuals, families, schools, and businesses alike. Our focus is to always offer exceptional quality services at an affordable price.<br /><br />Through our array of new and unique services we answer the call with professionalism and affordability through all of our services. We are here to challenge the status quo and deliver on the highest level with our services such as and not limited to:<br /><strong><br />Yearbook DVD's</strong>,and <strong>Medical Bio Media Services</strong>. With our services using digital technology, we will in turn participate in the preservation of our precious environment. Another thrilling feature about our company is that we will promote independent music artists</span><a><span style="font-family: verdana,geneva; font-size: small;"></span></a><span style="font-family: verdana,geneva; font-size: small;"><a> </a>by giving the customer the choice to pick their own customized soundtrack to any of the Goldin Eye Media services.</span><span style="font-family: verdana,geneva; font-size: small;"><span style="font-size: small;">Goldin Eye Media is based off the principal of excellence, and we promise to offer world class customer service and a magnificent product.</span></span><span style="font-family: verdana,geneva; font-size: x-small;"></span>	</div>
</div>
<div id="panelTwoBox" class="bgPanel">
<div class="bgPad">
<div id="servicesPanel">
<div class="clear">&nbsp;</div>
<div class="contentBtns">
<div id="content1Btn" class="contentBtn contentBtnOn" onclick="changeContent(1);">YEARBOOKDVDS</div>
<div id="content4Btn" class="contentBtn" onclick="changeContent(4);">Medical Bio Media</div>
</div>
<div class="contentBoxes">
<div id="content1Box" class="contentBox" style="">

Tasarımın altındaki yazı:

<p style="text-align: center;"><img src="http://i565.photobucket.com/albums/ss94/rodjamille24/yearbookdvds2copyprice.jpg" alt="" width="448" height="317" /></p>
<p><span style="font-family: verdana,geneva;"><br /></span></p>
<p><span style="font-family: verdana,geneva;">Check out some features and benefits of YearbookDVDs:</span></p>
<ul>
<li><span style="font-family: verdana,geneva;"><strong>Affordability 40-60%&nbsp;</strong> cheaper than standard yearbooks</span></li>
<li><span style="font-family: verdana,geneva;"><strong>GREEN</strong> alternative to the standard yearbook methods saving millions of pages of paper</span></li>
<li><span style="font-family: verdana,geneva;"><strong>Professional</strong> <strong>quality media designs</strong>, with every student guaranteed an individual profile page</span></li>
<li><span style="font-family: verdana,geneva;">Included student <strong>signing book</strong> made from only green Eco-friendly materials</span></li>
<li><span style="font-family: verdana,geneva;"><strong>Customized Music Soundtrack</strong> playlist chosen by your school from the Exclusive Goldin Eye Media Music Artist Catalog</span></li>
<li><span style="font-family: verdana,geneva;"><strong>Exciting Contests</strong> ran exclusively for your school, with big prize giveaways throughout the school year</span></li>
</ul>
<p><span style="font-family: verdana,geneva;">(Services available for Day Cares through High School)</span></p>
<p><span style="font-family: verdana,geneva;"><br /><em>(For an example of YEARBOOKDVDs Check out the Video section)</em></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div>
<div id="content4Box" class="contentBox" style="display:none;">
</em></span></p>
</div>
<div id="content4Box" class="contentBox" style="display:none;">
</bem></span></p></div>
</div>
<div class="clear">&nbsp;</div>

</div>
</div>
</div>
<div id="panelThreeBox" class="bgPanel">
<div class="bgPad">
<div id="videoPanel">
<div class="clear">&nbsp;</div>
<div id="video1Box" class="videoBox" style="width:580px;height:327px;"><div class="videoBoxInt" style="width:580px;height:327px;"><object type="application/x-shockwave-flash" width="578" height="325" data="http://vimeo.com/moogaloop.swf?clip_id=6478908&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00adef&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6478908&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00adef&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="video2Box" class="videoBox" style="display:none;width:551px;height:311px;"><div class="videoBoxInt" style="width:551px;height:311px;"><object type="application/x-shockwave-flash" width="549" height="309" data="http://vimeo.com/moogaloop.swf?clip_id=6480254&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6480254&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="video3Box" class="videoBox" style="display:none;width:542px;height:306px;"><div class="videoBoxInt" style="width:542px;height:306px;"><object type="application/x-shockwave-flash" width="540" height="304" data="http://vimeo.com/moogaloop.swf?clip_id=6501105&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6501105&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="video4Box" class="videoBox" style="display:none;width:551px;height:311px;"><div class="videoBoxInt" style="width:551px;height:311px;"><object type="application/x-shockwave-flash" width="549" height="309" data="http://vimeo.com/moogaloop.swf?clip_id=6476450&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6476450&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" /><param name="wmode" value="transparent" /></object></div></div>
<div id="vidControls">
<div id="videoTitleFrame">
<div id="videoTitles" style="width:920px;">
<div class="vidTitleBox"><a class="vidTitle" id="vid1" href="#" onclick="loadVideo(1);return false;">Video 1</a> | <a class="vidTitle" id="vid2" href="#" onclick="loadVideo(2);return false;">Video 2</a> | <a class="vidTitle" id="vid3" href="#" onclick="loadVideo(3);return false;">Video 3</a> | <a class="vidTitle" id="vid4" href="#" onclick="loadVideo(4);return false;">Video 4</a></div>
</div>
</div>
</div>

</div>
</div>
</div>
<div id="panelFourBox" class="bgPanel">
<div class="bgPad">
<div id="photoPanel">
<div class="clear">&nbsp;</div>
<div id="photoSlideFrame">
<div id="photoScrollLeft" style="visibility:hidden;" onclick="scrollPhotos('left');">&nbsp;</div>
<div id="photoPanelFrame">
<div id="photoPanels" style="width:1623px;">
<div id="photo1Box" class="photoBox"><a href="http://www.goldineyemedia.com/gallery-images/45-o.jpg" onclick="return hs.expand(this)"><img src="http://www.goldineyemedia.com/gallery-images/45.jpg" alt="Photo 1" /></a></div><div id="photo2Box" class="photoBox"><a href="http://www.goldineyemedia.com/gallery-images/51-o.jpg" onclick="return hs.expand(this)"><img src="http://www.goldineyemedia.com/gallery-images/51.jpg" alt="Photo 2" /></a></div><div id="photo3Box" class="photoBox"><a href="http://www.goldineyemedia.com/gallery-images/40-o.jpg" onclick="return hs.expand(this)"><img src="http://www.goldineyemedia.com/gallery-images/40.jpg" alt="Photo 3" /></a></div>					</div>
</div>
<div id="photoScrollRight" style="" onclick="scrollPhotos('right');">&nbsp;</div>
<div class="clear">&nbsp;</div>
<div id="photoControls">
<div id="thumbsScrollLeft" style="visibility:hidden;" onclick="scrollPhotoThumbs('left');">&nbsp;</div>
<div id="photoThumbFrame">
<div id="photoThumbs" style="width:530px;">
<img id="photo1Thumb" class="photoThumb" onclick="scrollPhotos(1);" src="http://www.goldineyemedia.com/gallery-images/45-t.jpg" alt="Photo 1 Thumb" /><img id="photo2Thumb" class="photoThumb" onclick="scrollPhotos(2);" src="http://www.goldineyemedia.com/gallery-images/51-t.jpg" alt="Photo 2 Thumb" /><img id="photo3Thumb" class="photoThumb" onclick="scrollPhotos(3);" src="http://www.goldineyemedia.com/gallery-images/40-t.jpg" alt="Photo 3 Thumb" />						</div>
</div>
<div id="thumbsScrollRight" style="visibility:hidden;" onclick="scrollPhotoThumbs('right');">&nbsp;</div>
<div class="clear">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<div id="panelFiveBox" class="bgPanel bgLastPanel">
<div class="bgPad">
<img src="http://www.goldineyemedia.com/_img/txt-talk-us.png" alt="Talk To Us" />
<div class="contactBox">
<div class="contactLeft">
<div class="contactText"><span style="font-size: 16px;">Goldin Eye Enterprises, LLC </span><br /><br /><span style="font-family: verdana,geneva; color: #888888;">email: info@goldineyemedia.com<br /></span><span style="font-family: verdana,geneva; color: #888888;"><br /></span><span style="font-family: verdana,geneva; color: #888888;">tel: 1-877-298-7600   ext. 101 </span></div>
<a href="http://www.sendspace.com/dropbox/1s3v08" target="_blank"><img src="http://www.goldineyemedia.com/_img/contact-btn.png" alt="Upload" style="display:block;margin:0 auto;width:271px;" /></a>
</div>
<div class="contactRight">
<div id="contactResponse" style="display:none;">Thank you for your submission.<br /><br />Someone will contact you shortly.</div>
<div id="contactFormBox" class="contactForm">
<a name="contact-form"></a>
<form method="post" name="f" action="http://www.goldineyemedia.com/process-form.php" onsubmit="return checkForm();">
<input type="hidden" name="_set-recipient" value="&#114;&#101;&#112;&#111;&#114;&#116;&#115;&#64;&#100;&#105;&#99;&#101;&#109;&#101;&#100;&#105;&#97;&#46;&#99;&#111;&#109;" />					<input type="hidden" name="_set-emailsubject" value="Contact Form Submission" />					<input type="hidden" name="Contact Form" value="heading" />					<div class="form_content">
<div class="form_require">all fields in <strong>bold</strong> are required.</div>
<div class="form_row">
<label class="contact"><strong>Full Name</strong></label><input type="text" id="Full_Name_Required" name="Full_Name_Required" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="form_row">
<label class="contact"><strong>Email Address</strong></label><input type="text" id="Email_Address_Required" name="Email_Address_Required" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="form_row">
<label class="contact">Phone Number</label><input type="text" id="Phone_Number" name="Phone_Number" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="form_row">
<label class="contact"><strong>Comments</strong></label><textarea id="Comments" name="Comments" style="vertical-align:middle;" cols="20" rows="3" class="textarea_contact"></textarea>							<div class="clear">&nbsp;</div>
</div>
<div class="captchaBox">
<img src="http://www.goldineyemedia.com/gdimg.php" alt="Security Code" title="Security Code" style="width:131px;height:34px;" /><br />
enter code as it appears above<br />
</div>
<div class="form_row">
<label>&nbsp;</label>
<input type="text" id="Security_Code" name="Security_Code" value="" style="vertical-align:middle;" class="input_contact"  />							<div class="clear">&nbsp;</div>
</div>
<div class="captchaBox">
<input type="image" src="http://www.goldineyemedia.com/_img/btn-submit.png" class="submit_contact" />
</div>
<div class="clear">&nbsp;</div>
<br />
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="clear">&nbsp;</div>
</div>
<div id="footer">
<div class="clear">&nbsp;</div>
<div id="footerLeft"><a href="http://www.goldineyemedia.com/legal.html" onclick="window.open('http://www.goldineyemedia.com/legal.html', 'legal', 'height=500,width=600,toolbar=0,scrollbars=1');return false;">All Content &copy; 2011 Goldin Eye Enterprises LLC</a><br />Site By: <a href="http://www.dicemedia.com/" title="Innovative Multi Media Solutions">Dice Media</a></div>
<div id="footerRight">
<div class="clear">&nbsp;</div>
<a class="footerLinks" id="footerFacebook" href="http://www.facebook.com/pages/Goldin-Eye-Media/111524688541" target="_blank" title="Facebook">&nbsp;</a>
<a class="footerLinks" id="footerTwitter" href="http://twitter.com/GoldinEyeMedia" target="_blank" title="Twitter">&nbsp;</a>
<a class="footerLinks" id="footerMySpace" href="http://www.myspace.com/goldineyemedia" target="_blank" title="MySpace">&nbsp;</a>
<a class="footerLinks" id="footerArtist" href="http://www.goldineyemedia.com/contact.html" onclick="goto('contact');return false;" title="Artist Recruitment">&nbsp;</a>
</div>
<div class="clear">&nbsp;</div>
</div>
<script type="text/javascript">
/* <![CDATA[ */
var vidScrollL, vidScrollR, vidTitles, photoScrollL, photoScrollR, thumbScrollL, thumbScrollR, photoFrame, photoThumbFrame;
var currentPage = 'One';
var currentService = 1;
var currentVid = 1;
var currentVidPanel = 1;
var numVidPanels = 2;
var vidDesc = new Array();
vidDesc[1] = "x3cstrong>Medical Bio Mediax3c/strong>x3cbr />"
vidDesc[2] = "x3cstrong>Yearbook DVDsx3c/strong>x3cbr />"
vidDesc[3] = "x3cstrong>Company Overviewx3c/strong>x3cbr />"
vidDesc[4] = "x3cstrong>Goldin Babyx3c/strong>x3cbr />"
var currentPhoto = 1;
var currentThumbPanel = 1;
var numPhotos = 3;
var numThumbPanels = 1;
window.onload = function() {
$('#preLoader').fadeOut('fast');
}
$(function() {
$('.navRollover').css({ opacity:0, visibility:'visible' });
$('.navRollover').mouseover(function() {
if($(this).hasClass('nav'+currentPage) == false) {
$(this).stop(true);
$(this).animate({ opacity:1 });
}
});
$('.navRollover').mouseout(function() {
if($(this).hasClass('nav'+currentPage) == false) {
$(this).animate({ opacity:0 });
}
});
$('.navOn, .navOne').animate({ opacity:1 });
$('#homeGalleryPhotos').cycle({ fx: 'fade', timeout:6000 });
$.scrollingParallax('http://www.goldineyemedia.com/_img/bg-stars-one.png', { bgRepeat:true, disableIE6:true });
vidScrollL = $('#vidScrollLeft');
vidScrollR = $('#vidScrollRight');
vidTitles = $('#videoTitleFrame');
//	$('.vidTitle').tooltip({ bodyHandler: function() {
//		var vidId = $(this).attr('id');
//		vidId = vidId.replace('vid', '');
//
//		return vidDesc[vidId];
//	}, showURL:false, fade:250, track:true });
photoScrollL = $('#photoScrollLeft');
photoScrollR = $('#photoScrollRight');
thumbScrollL = $('#thumbsScrollLeft');
thumbScrollR = $('#thumbsScrollRight');
photoFrame = $('#photoPanelFrame');
photoThumbFrame = $('#photoThumbFrame');
$('.photoThumb').each(function() {
if($(this).attr('id') == 'photo1Thumb') $(this).animate({ opacity: 1 });
else $(this).animate({ opacity: 0.3 });
});
checkSize();
goto('home');
});
function checkSize() {
var myWidth = 0, myHeight = 0;
if(typeof(window.innerWidth) == 'number') {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
if(myHeight < 768) {
$('html').css({ overflow:'visible', overflowY:'scroll' });
$('body').css({ overflow:'visible' });
$('#footer').css({ position:'relative' });
$('.bgPanel').css({ marginBottom:'50px' });
}
}
function goto(section) {
if(section == 'home') sectionId = 'One';
else if(section == 'services') sectionId = 'Two';
else if(section == 'videos') sectionId = 'Three';
else if(section == 'photos') sectionId = 'Four';
else if(section == 'contact') sectionId = 'Five';
if(section == 'home') $('#homeGalleryPhotos').cycle('resume');
else $('#homeGalleryPhotos').cycle('pause');
$('.nav'+currentPage+', navOn').animate({ opacity:0 });
$('.nav'+sectionId+', .navOn').animate({ opacity:1 });
currentPage = sectionId;
var panelPos = $('#panel'+sectionId+'Box').position();
if(panelPos.top <= 143) var scrollPos = 1;
else var scrollPos = panelPos.top - 143;
$.scrollTo(scrollPos, 800);
}
function changeContent(contentId) {
$('#content'+currentService+'Box').fadeOut('fast', function() {
currentService = contentId;
$('.contentBtn').each(function() {
$(this).removeClass('contentBtnOn');
});
$('#content'+contentId+'Btn').addClass('contentBtnOn');
$('#content'+contentId+'Box').fadeIn('fast');
});
return false;
}
function loadVideo(vidId) {
$('#video'+currentVid+'Box').fadeOut('fast', function() {
currentVid = vidId;
$('#video'+vidId+'Box').fadeIn('fast');
});
}
function scrollVidTitles(direction) {
if(direction == 'left') {
if(currentVidPanel == 1) {
vidScrollL.css({ visibility:'hidden' });
return false;
} else {
currentVidPanel = currentVidPanel - 1;
var scrollPos = (currentVidPanel * 460) - 460;
vidTitles.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
vidScrollR.css({ visibility:'visible' });
if(currentVidPanel == 1) vidScrollL.css({ visibility:'hidden' });
}
} else {
if(currentVidPanel == numVidPanels) {
vidScrollR.css({ visibility:'hidden' });
return false;
} else {
currentVidPanel = currentVidPanel + 1;
var scrollPos = (currentVidPanel * 460) - 460;
vidTitles.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
vidScrollL.css({ visibility:'visible' });
if(currentVidPanel == numVidPanels) vidScrollR.css({ visibility:'hidden' });
}
}
}
function scrollPhotos(mode) {
if(mode == 'left') {
if(currentPhoto == 1) {
photoScrollL.css({ visibility:'hidden' });
return false;
} else {
currentPhoto = currentPhoto - 1;
var scrollPos = (currentPhoto * 541) - 541;
photoFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
photoScrollR.css({ visibility:'visible' });
if(currentPhoto == 1) photoScrollL.css({ visibility:'hidden' });
}
} else if(mode == 'right') {
if(currentPhoto == numPhotos) {
photoScrollR.css({ visibility:'hidden' });
return false;
} else {
currentPhoto = currentPhoto + 1;
var scrollPos = (currentPhoto * 541) - 541;
photoFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
photoScrollL.css({ visibility:'visible' });
if(currentPhoto == numPhotos) photoScrollR.css({ visibility:'hidden' });
}
} else {
currentPhoto = mode;
if(currentPhoto <= 1) {
photoScrollL.css({ visibility:'hidden' });
} else if(currentPhoto > 1) {
photoScrollL.css({ visibility:'visible' });
}
if(currentPhoto >= numPhotos) photoScrollR.css({ visibility:'hidden' });
else photoScrollR.css({ visibility:'visible' });
var scrollPos = (currentPhoto * 541) - 541;
photoFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
}
$('.photoThumb').each(function() {
if($(this).attr('id') == 'photo'+currentPhoto+'Thumb') $(this).animate({ opacity: 1 });
else $(this).animate({ opacity: 0.3 });
});
}
function scrollPhotoThumbs(direction) {
if(direction == 'left') {
if(currentThumbPanel == 1) {
thumbScrollL.css({ visibility:'hidden' });
return false;
} else {
currentThumbPanel = currentThumbPanel - 1;
var scrollPos = (currentThumbPanel * 530) - 530;
photoThumbFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
thumbScrollR.css({ visibility:'visible' });
if(currentThumbPanel == 1) thumbScrollL.css({ visibility:'hidden' });
}
} else {
if(currentThumbPanel == numThumbPanels) {
thumbScrollR.css({ visibility:'hidden' });
return false;
} else {
currentThumbPanel = currentThumbPanel + 1;
var scrollPos = (currentThumbPanel * 530) - 530;
photoThumbFrame.stop().scrollTo(scrollPos+'px', 800, { axis:'x' });
thumbScrollL.css({ visibility:'visible' });
if(currentThumbPanel == numThumbPanels) thumbScrollR.css({ visibility:'hidden' });
}
}
}
function checkForm() {
var fullNameVal = $('#Full_Name_Required').val();
var emailVal = $('#Email_Address_Required').val();
var phoneVal = $('#Phone_Number').val();
var commentsVal = $('#Comments').val();
var codeVal = $('#Security_Code').val();
$.post('http://www.goldineyemedia.com/ajax-process-form.php', { fullName:fullNameVal, email:emailVal, phone:phoneVal, comments:commentsVal, code:codeVal }, function(response) {
if(response == 'success') {
$('#contactFormBox').fadeOut('fast', function() {
$('#Full_Name_Required').val('');
$('#Email_Address_Required').val('');
$('#Phone_Number').val('');
$('#Comments').val('');
$('#Security_Code').val('');
$('#contactResponse').fadeIn('fast');
setTimeout("hideContactResponse()", 5000);
});
} else {
alert(response);
}
return false;
});
return false;
}
function hideContactResponse() {
$('#contactResponse').fadeOut('fast', function() {
$('#contactFormBox').fadeIn('fast');
});
}
/* ]]> */
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10649936-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
font-family: arial, sans-serif;
font-size: 12px;
background-color: #000;
color: #ffffff;
text-align: center;
background: url('http://fr.monacasino.com/images/mona_pattern.jpg');
}
.contentt {
width:963px;
height:inherit;
margin:0 auto;
overflow: hidden;
}
.contentt p {
font-family: Arial;
text-align:left;
font-size: 12px;
padding: 5px 0 0 10px;
}
.contentt h1 {
font-family: Arial;
font-size: 14px;
font-weight: normal;
text-align: left;
float: left
}
.contentt h2 {
color: #aeff00;
text-align:left;
font-size: 16px;
font-weight: normal;
padding: 5px 0 0 3px;
}
.contentt ul {
text-align: left;
list-style: none outside none;
line-height: 15px;
}
.innerBoxHome {  margin: 15px 20px}
.innerBoxHome a { color: white; }
.innerJPHome {  margin: 15px 0px; text-align: center}
#bar1 {
width:963px;
height:315px;
float:left;
margin-top:10px;
}
#bonus {
width:323px;
height:315px;
background: url('http://fr.monacasino.com/images/bonus2.png') no-repeat;
float:right;
margin-left:10px;
}
#game {
width:149px;
height:23px;
background: url('http://fr.monacasino.com/images/games_koteret.jpg') no-repeat;
/*    float:left;*/
}
#games_flash h1 {
font-family: Arial;
font-size: 16px;
}
#counter {
width:323px;
height:100px;
background: url('http://fr.monacasino.com/images/box.jpg') no-repeat;
float:right;
margin-left: 4px;
}
#counter h1 {
margin-top:1px;
}
/*#jackpots {
width:629px;
height:78px;
background: url('http://fr.monacasino.com/images/jackpots.jpg') no-repeat;
float:left;
}*/
#jackpots_headline {
width:629px;
height:100px;
background: url('http://fr.monacasino.com/images/jbox.jpg') top left no-repeat;
}
#support_box {
width:323px;
height:100px;
background: url('http://fr.monacasino.com/images/box.jpg') no-repeat;
float:left;
margin: 0 0 0 11px;
}
#bottom {
width:963px;
height:106px;
background: url('http://fr.monacasino.com/images/footer.png') no-repeat;
margin: 0px auto;
}
#topbottom { clear: both;
}
/*fairgaming*/
#headline, .contentt h1{
line-height: 24px;
width:749px;
height:24px;
float:left;
margin-top: 10px;
padding-left: 10px;
background: url('http://fr.monacasino.com/images/headline_inner_pages.jpg') no-repeat;
}
#text_bg {
height:inherit;
background: url('http://fr.monacasino.com/images/pixel.jpg') repeat-x #373736;
border: 1px solid #aeff00;
margin-bottom: 10px;
margin-top: 10px;
float:left;
width: 749px;
}
#text_bg .innertxtbg { margin: 10px; }
#part_l {
float:left;
}
#part_r {
float: right;
width: 204px;
margin-top: 10px
}
#down_pic {
width:204px;
height:462px;
background: url('http://fr.monacasino.com/images/download_mona.jpg') no-repeat;
}
#header {
width:967px;
height:143px;
background: url('http://fr.monacasino.com/images/header.png') no-repeat;
margin:0 auto;
}
.navbar {
height: 23px;
text-align: left;
text-transform: uppercase;
font-size:13px;
position: relative;
top: 114px;
left:10px;
}
.navbar a {
color: #FFFFFF;
padding-left: 7px;
padding-right: 7px;
text-decoration: none;
}
.navbar li, .navbar2 li {display: inline}
.navbar ul, .navbar2 ul {display: inline; margin: 0px; padding: 0px }
/* bottom */
.navbar2 {
height: 23px;
padding-top: 5px;
text-align: center;
/* text-transform: uppercase; */
font-size:13px;
}
.navbar2 a {
color: #FFFFFF;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}