/* reset the css rules */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* Begin styling */
html, body {background: #000 url(../img/body_bg.jpg) top center no-repeat; font-size: 14px; font-weight: normal; color: #ccc; font-family: Arial, Verdana, Helvetica, Sans-Serif;}

a {color: #666; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}

.clear {width: 100%; height: 1px; background: transparent; clear: both;}

#header {width: 960px; height: 358px; margin: 0 auto; background: #000 url(../img/head_bg.jpg) top center no-repeat;}
#about {width: 930px; margin: -60px auto 0 auto; padding: 10px;}
 #about h1 {font-size: 22px; font-weight: normal; color: #0095da;}
 #about p {font: 14px/16px; font-weight: normal; padding: 5px 0; line-height: 20px; text-align: justify;}
#gallery {width: 960px; margin: 0 auto;}
 #gallery ul {list-style: none;}
 #gallery ul li {list-style: none; float: left;}
 #gallery a img {border: 2px solid #666; width: 116px;}
 #gallery a img:hover {border: 2px solid #00c3ff;}

#othervillas {width: 940px; margin: 5px auto; text-align: center;}
#othervillas p {padding: 10px 0px;}
#othervillas a {padding: 0px 15px;}
#contact {width: 940px; margin: -30px auto 20px auto; text-align: center; font-size: 20px; font-weight: normal; color: #003772;}
#contact a {color: #003772;}
#contact a:hover {color: #0095da;}