/* CSS Document */

* {margin: 0; padding: 0; font-size: 18px; color: white; font-weight: normal;}
body  {background: url(../img/layout_grania_17.jpg) repeat-x 0 0 #0a82aa; text-align: center; margin: 0 auto;}
a {color: #72ddff; text-decoration: underline;}
a:hover {text-decoration: none;}

#head {width: 960px; margin: 0 auto;}

.header  {position: relative; width: 674px; height: 178px; display: block; overflow: hidden; margin: 0 auto;}
.header span {position: absolute; top: 0; left: 0; background: url(../img/layout_grania_02.jpg) no-repeat 0 0; width: 674px; height: 178px; display: block;}

#page  {background: url(../img/layout_grania_05.jpg) repeat-x 0 0; margin: 0 auto;}

.highlight  {height: 205px;}
.inside {width: 960px; margin: 0 auto;}
.inside p {color: #333333;}
.text {text-align: left; height: 180px; overflow: hidden; float: left; width: 473px; padding: 10px;}
.text h2  {color: #0a89b4; font-size: 28px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.contact  {text-align: left; height: 200px; width: 452px; overflow: hidden; float: left; background: url(../img/layout_grania_07.jpg) no-repeat 0 0;}
.contact p  {font-size: 28px; font-weight: bold;}
.contact p span {font-size: 20px; color: #666666;}
.contact p a  {color: #333333; font-size: 28px; font-weight: bold; text-decoration: none;}
.contact p a:hover  {text-decoration: underline;}
.phone  {position: relative; top: 30px; left: 150px;}
.mail {position: relative; top: 96px; left: 150px;}

.content  {width: 1010px; margin: 0 auto; position: relative; top: 20px; background: url(../img/layout_grania_23.jpg) no-repeat bottom center;}
.services {text-align: left; float: left; width: 500px;}
.services ul  {list-style: none; margin-left: 60px;}
.services ul li {background: url(../img/layout_grania_12.jpg) no-repeat 2px 8px; padding-left: 24px; line-height: 26px;}
.services p {background: #00526d; padding: 10px; font-weight: bold; margin: 10px 0 0 62px; text-align: center;}

.gallery  {float: right; text-align: left; margin: 0; padding: 0; width: 488px;}
.gallery h2 {font-weight: bold; color: white; margin-bottom: 10px; margin-left: 4px; font-size: 24px;}
.gallery a {float: left; margin: 0 0 2px 2px;}
.gallery a img  {width: 210px; height: 150px; padding: 2px; margin: 0; border: 2px solid #01789f;}
.gallery a img:hover  {border: 2px solid #23a7d2;}

#footer {margin-left: 25px; height: 50px; width: 960px; background: url(../img/layout_grania_16.jpg) repeat-x 0 22px; font-size: 12px; text-align: left; padding: 30px 0 0 30px;}
#footer span  {font-size: 12px; color: #72ddff;}
#footer a {font-size: 12px;}
#footer .credits  {position: relative; top: -25px; left: 850px; width: 58px; height: 30px; overflow: hidden; display: block;}
#footer .credits span {position: absolute; left: 0; top: 0; background: url(../img/design.png) no-repeat 0 0; display: block; width: 58px; height: 30px;}

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