/* 
    Document   : layout
    Created on : 22-Feb-2010, 12:54:37
    Author     : matt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body
{
    background:url(../graphics/background.jpg) no-repeat top left #E3E3E3;
    padding-top:20px;
    padding-bottom:20px;
    font-family:"Trebuchet MS",Trebuchet,Times;
    font-size:90%;
}

a img
{
    border:0;
}

img
{
    margin:0;
    padding:0;
}

p
{
    color:#393939;
    font-size:85%;
    line-height:1.3;
}

li
{
    color:#393939;
    font-size:85%;
    line-height:1.3;
}

h1
{
    font-size:120%;
    color:#0A2972;
    margin-top:0;
}

h2
{
    font-size:110%;
    color:#567EB9;
    margin-top:0;
}

h3
{
   font-size:100%;
   color:#FF6600;
   margin-top:0;
}

h4
{
    color:#567EB9;
    font-size:100%;
    margin-top:0;
    margin-bottom:0;
}

h5
{
    margin:0;
    padding:0;
}

/*  GENERAL LAYOUT */
#top-bar
{
    margin:auto;
    width:960px;
}

#top-bar-left
{
    float:left;
    width:300px;
}

#top-bar-right
{
    float:left;
    width:660px;
    text-align:right;
}

#content-container
{
    margin:auto;
    width:960px;
}

#menu-container
{
    margin-top:20px;
    float:left;
    width:920px;
    padding-left:20px;
    padding-right:20px;
    background:url(../graphics/top.jpg) no-repeat #f5f5f5;
    height:41px;
    
}

#banner-container
{
    clear:left;
    float:left;
    width:940px;
    height:229px;
    padding-left:10px;
    padding-right:10px;
    background:url(../graphics/top_bottom.jpg) no-repeat bottom;
}

#content-area
{
    clear:left;
    float:left;
    width:940px;
    background:url(../graphics/middle.jpg) repeat-y;
    padding:10px;
    padding-top:20px;
}

#content-close
{
    clear:left;
    float:left;
    width:960px;
    height:10px;
    font-size:0%;
    background:url(../graphics/footer.jpg) no-repeat;
}

#footer
{
    clear:left;
    float:left;
    padding-top:20px;
    width:960px;
}

#footer-left
{
    float:left;
    width:820px;
    padding-right:40px;
}

#footer-left p
{
    color:#999;
    font-size:80%;
}

#footer-left p a:link, #footer-left p a:visited
{
    color:#999;
    text-decoration:underline;
}

#footer-right
{
    float:left;
    width:100px;
}

/*NAVIGATION MENU */

#nav{
	padding: 0;
	margin: 0;
        margin-top:10px;
        height:31px;
	list-style: none;
       
}

#nav ul
{
        padding: 0;
	margin: 0;
	list-style: none;
}


#nav a:link, #nav a:visited {
	display: block;
	width: 100px;
    color:#0A2972;
    padding-left:5px;
    padding-right:5px;
    text-decoration:none;
}

#nav li {
	float: right;
	/*width: 120px;*/
        text-align:left;
        font-size:14px;
}

#nav li ul {
	position: absolute;
	width: 130px;
	left: -999em;
        background:#f5f5f5;
        padding-bottom:10px;
}

#nav li ul li {
	text-align:left;
        color: #567EB9;
        width:130px;
        margin-top:13px;
        padding-top:13px;
        border-top:1px solid #ccc;
        font-size:12px;
}

#nav li ul li a:hover{
	text-decoration:underline;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.submenu-services
{
    background-image:url(../graphics/menu_arrow.jpg);
    background-repeat:no-repeat;
    background-position:70px 6px;
}
/* CONTACT DETAILS */
#contact-details-phone
{
    font-size:160%;
    color:#0A2972;
    margin:0;
    padding-top:30px;
}

#contact-details-email
{
    font-size:160%;
    color:#0A2972;
    text-decoration:none;
    margin:0;
    padding:0;
}

#contact-details-email a:link, #contact-details-email a:visited
{
    color:#0A2972;
    text-decoration:none;
}

/* SOCIAL MEDIA */
#social-media-container
{
    width:93px;
    height:20px;
    padding-top:5px;
    padding-left:7px;
    background:url(../graphics/social_media_holder.jpg) no-repeat;
}
#competition-box
{
	position:absolute;
	top:500px;
	cursor:pointer;
}
#competition-innerbox
{
	background-color: White;
	width:300px;
	padding:10px; 
	padding-left:20px;
	margin:10px;
	border:solid 1px #CF5F15;	
}