/*	CSS Document for bespoke web designs*/
/*	COLOURS: blue #00b4c9, pink #ff549c, green #ace445*/

body {font-family: Verdana, Arial, Helvetica, sans-serif;text-align: center; font-size: 12px;color: #666;background: #00b4c9;}
img {border: none;}
.clear {clear:both;}
a:active { outline: none;}
:focus{ -moz-outline-style: none;}
a {text-decoration: none; color: #ff549c;}
a:hover {text-decoration: underline;}

/*------------------------------
			LAYOUT
-------------------------------*/
#container {margin: 0 auto; text-align: left;width: 920px; }
#header {float: left; width: 920px; height: 200px; background: url(../images/header.jpg) no-repeat top center;}
#navcontainer {float: left;height: 25px;width: 440px;margin-top: 65px;padding-left: 240px;}
#content {float: left; width: 800px;background: url(../images/BG.jpg) repeat-y top center;padding-left: 60px; padding-right: 60px; padding-top: 30px; padding-bottom: 20px;  }
#content p {line-height: 180%;padding-top: 10px; padding-bottom:10px;}
#footer {float: left; width: 840px;color: #fff; height: 58px;background: url(../images/footer.jpg) no-repeat top center;padding-left: 40px; padding-right: 40px;padding-top: 10px;}
#left {float: left; width: 380px; padding-right: 20px;}
#right {float: left; width: 380px; padding-left: 20px;padding-top: 40px;}

#bottom {width: 920px; float: left;background: url(../images/bottom.jpg) no-repeat bottom center;height: 267px;} 
#footer ul {list-style-type: none;}
#copyright {float: left;}
#bottomNAV {float: right;}
#footer a {color: #fff;}
/*------------------------------
			HEADINGS
-------------------------------*/
h1 {color: #ff549c; font-size: 30px;font-weight: normal;margin-bottom: 10px;}
h2 {color: #ace445; font-size: 24px;font-weight: normal;line-height: 150%;display: block;width: 450px; height: 80px;margin-left: 260px;margin-top: 115px;}
h3 {color:#ff549c;font-weight:normal;font-size: 16px;padding-top: 10px;}
h4 {color:#ff549c;font-weight:normal;font-size: 16px;margin-top: 25px;}
h5 {margin-top: 10px; margin-bottom: 10px;font-size: 14px;font-weight:normal;color: #000;}
h6 {margin-top: 10px; margin-bottom: 5px; color: #00b4c9; font-size: 14px;font-weight:normal;}


/*------------------------------
			LISTS
-------------------------------*/
#bottom ul {width: 480px;float: right;margin-right: 40px;}
#bottom li {float: left;display: block;background: url(../images/block.jpg) no-repeat bottom center;width: 180px;height: 160px;padding: 30px;}
#bottom p {line-height: 150%; padding-bottom: 10px;padding-top: 10px;}
#bottom img#left1 {position:relative;top: 160px;left: 570px;}
#bottom img#left2 {position:relative;top: 160px;left: 757px;}

#bottom ul#social {float: right;padding: 0; margin: 0;margin-right: 55px;}
#bottom ul#social li {float: right;background:none;width: 40px; height: 40px;padding: 0; margin: 0;}

#navcontainer a {font-size: 14px; color: #666;}
#navcontainer a:hover {text-decoration: none; color: #ff549c;}
#navcontainer ul li {float: left;padding-left: 8px; padding-right: 8px;list-style-type: none;}

#content ul {margin-top: 10px; margin-bottom: 10px;margin-left: 15px;}
#content ul li {padding-top: 10px; padding-bottom: 10px; list-style-type:disc;line-height: 180%;}
#content ul ul li {padding-top: 3px; padding-bottom: 3px;}


/*------------------------------
			TABLES
-------------------------------*/
table {font-weight: bold;}
td {padding-top: 5px; padding-bottom: 5px;}

/*------------------------------
			FORMS
-------------------------------*/
fieldset {background: #ff549c;padding: 20px; width: 450px;margin-top: 15px;color: #fff; font-weight: bold;font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif;border: 2px solid #f2f2f2;}
img#verif {vertical-align:middle;}

