styles.css

Game 8 puzzle Game 8 puzzle Game 8 puzzle Game 8 puzzle Game 8 puzzle

/* CSS Document */
body
{
padding:0;
width:894px;
margin:0 auto;
background:#232323;
color:#FFF;
}
.topwrapper
{
margin:0 auto;
padding:0px;
width:894px;
}
div, p, ul, h2, h3, h4, img
{
padding:0px; margin:0px;
}
ul
{
list-style-type:none;
}

.clear
{
 clear: both; 
}

p a
{
font-size:11px;
font-family:verdana;
color:#ea5117;
font-weight:normal;
text-decoration:none;
}

p a:hover
{
color:#000000;
text-decoration:none;
background:#fd9e04;
}

/* HEADER */

#header-top
{
border: 3px solid #fd9e04;
position:relative;
}

#logo
{
width:227px;
height:46px;
margin:18px 0px 0px 0px;
}

#nav
{
float:right;
height:40px;
}

#header ul 
{
float:right;
}

#nav ul li
{
float:left; 
padding-left:10px;
padding-right:10px;
}
#nav ul li a
{
padding-top:3px;
float:left; 
color:#ffbb4d;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
text-align:center;
width:71px;

}

#nav ul li a:hover ,#nav ul li a.active
{
float:left; 
color:#ffffff;
background-image:url(../images/hover.jpg);
text-decoration:none;
height:27px;
margin-bottom:0px;
}


#nav ul li.bullet
{
margin:5px 0px 0px 0px;
background-image:url(../images/bullet.jpg);
height:13px;
width:2px;
padding:0px;
}

/* HEADER IMG */
#header-img
{
background-image:url(../images/header-img.jpg);
width:894px;
height:181px;
float:left;
}
#call
{
margin-left:31px;
margin-top:100px;
}
#call a
{
font:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#626262;
text-decoration:none;
}

/* CONTENT */

#content
{
padding:0px;
margin:20px 0px 0px 0px;
float:left;
}

#leftside
{
padding:0px 0px 0px 18px;
margin:0px;
width:342px;
float:left;
}
h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:0px 0px 18px 0px;
}

#news ul li 
{
padding-left: 21px; background:url(../images/bullet2.gif) 1px 4px no-repeat; padding-bottom:18px }
#news ul li p span
{
color:#fd9e04;

}
#news ul li p
{
text-align:justify;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#rightside
{
float:left;
width:468px;
margin:0px 0px 0px 44px;
}
#welcome p
{
text-align:justify;
width:468px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:21px;
}

.bottom
{
background-image:url(../images/bottom-onepixel.jpg);
background-repeat:repeat-x;
width:868px;
float:left;
padding:20px 17px 17px 9px;
margin:0px;
}
#service
{
width:270px;
float:left;
padding-left:8px;
}

.line
{
background-image:url(../images/line.jpg);
height:145px;
width:9px;
float:left;
margin:0px 0px 0px 8px;

}
.bottom img
{
float:left;
}

.bottom p
{
width:210px;
text-align:justify;
float:left;
padding-left:12px;
line-height:17px;

}
.service_inner 
{
height:157px;
}

.bottom h2 a
{
color:#232323;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
text-decoration:none;
}
.more
{
padding:0px 0px 0px 0px;
margin:0px;
}
.more a
{
text-decoration:none;
text-align:center;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/more.jpg);
background-repeat:no-repeat;
width:95px;
height:30px;
float:right;
padding-top:5px;
}


/* FOOTER */
#footer
{
margin-bottom:20px;
clear:both;
}
#footer p
{
font-size:10px;
font-family:verdana;
font-weight:normal;
text-align:center;
color:#fff;
padding:0px 0px 5px 0px;
}
#footer p a{
font-size:10px;
font-family:verdana;
font-weight:normal;
text-align:center;
color:#fff;
padding: 0 2px;
 }
 
#footer p a:hover
{
color:#000; 
background:#FD9E04;
}