/*----------------------------------------------------------------------------
    
    Dira Links 
    
------------------------------------------------------------------------------

    Definitions:    Layout
	
	Author:         M6 Design, www.m6design.com
	
    Created:        16 November 2009 by Ben Matewe

    Copyright:     (c) 2009 M6 Design. 
  
----------------------------------------------------------------------------

    CONTENTS 



	00 Colours           

    ------------------

    01 Reset                (Global declarations for content-level adjustments)

    02 Main Layout          (Main site structure)

    03 Header    

    04 Body                 (Page content area - main content always in .body)

    05 Footer               (Copyright, Validating links, Terms, Privacy)

    ------------------

    06 Pages                (Page specific styles e.g About, Contact)
	
	07 jQuery
	
	08 sIFr

    ------------------

    09 Fixes
 
--------------------------------------------------------------------------*/


/* 00 Colours --



    
   Body Text.                    #303030

   Global Link Colour.           #0e76bd
   
   Global Link hover             #93bcce



--------------------------------------------------------------------------*/



/*  01 Global ----*/

body {
	
	font-family:"helvetica neue",arial,helvetica,sans-serif;
	font-size: 13px;
	color:#333;
	line-height: 20px;
	
	
	}
	
h1{
	
	font-size: 30px;
	line-height: 30px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:60px;
	
	
	}

h2{
	
	font-size:18px;
	color:#000;
	margin-bottom: 9px;
	
	}
	
h3{
	
	font-size:14px;
	color:#000;
	margin-bottom: 9px;
	}
	

p{
	margin-bottom: 28px;
	
	}

a {
	
	
	text-decoration: none;}
	
	.bold {
		
		font-weight:bold;
		}

@font-face { font-family:GraublauWeb; src:url(../fonts/GraublauWeb.otf) format("opentype") }
@font-face { font-family:GraublauWeb; src:url(../fonts/GraublauWebBold.otf) format("opentype"); font-weight:bold }

.rt-20 {
	
	margin-right: 20px;
	
	}
.lt-20 {
	
	margin-left: 20px;
	
	}
.rt-10 {
	
	margin-right: 10px;
	
	}
.lt-10 {
	
	margin-left: 10px;
	
	}


/*  02 Main Layout ----*/
#home {
	
	background:url(../images/home-bg.jpg) left top repeat-x; 
	
	}
#about, #church,  #beliefs, #events,  #contact, #page {
	
	background:url(../images/page-bg.png) left top repeat-x; 
	
	}
	
#wrap {
	
	width: 940px;
	margin:0px auto;
	
	}


/*  03 Header ----*/

#header {
	
	width: 940px;
	height: 136px;
	}


/* Logo */

#logo {
	
	background:url(../images/logo.png)left top no-repeat;
	width: 272px;
	height: 80px;
	float:left;
	/* margin-top: 24px; */
	
	}
#logo h1 {
	
	display:none;
	}

/* Navigation*/

#nav {
	
	float:left;

	height: 25px;
	margin-top:76px;
	padding-left: 90px;
	}
#nav li{
	
	float:left;
	height: 25px;
	padding-right: 4px;
	
	}
#nav li a{
	
	height: 25px;
	display:block;
	
	

	}
/* Main Nav States */

.home, .home a  {
	
	width: 68px;
	background:url(../images/home-nav.png) left top no-repeat;
	float:left;

	}

#home .home a, .home a:hover {
	
	background:url(../images/home-nav-a.png)left top no-repeat;
	background-color:#033;
	float:left;
	
	
	
	}
.church a {
	
	width: 112px;
	background:url(../images/our-church-nav.png) left top no-repeat;
	float:left;
	}

#church  .church  a,  .church  a:hover {
	
	background:url(../images/our-church-nav-a.png)left top no-repeat;
	float:left;
	
	}
.beliefs a {
	
	width: 103px;
	background:url(../images/our-beliefs-nav.png) left top no-repeat;
	float:left;
	}

#beliefs .beliefs a, .beliefs a:hover {
	
	background:url(../images/our-beliefs-nav-a.png)left top no-repeat;
	float:left;
	
	}
	
.events a {
	
	width: 156px;
	background:url(../images/events-nav.png) left top no-repeat;
	float:left;
	}

#events .events a, .events a:hover {
	
	background:url(../images/events-nav-a.png)left top no-repeat;
	float:left;
	
	}
/* .about a {
	
	width: 69px;
	background:url(../images/about-nav.png) left top no-repeat;
	float:left;
	}

#about .about a, .about a:hover {
	
	background:url(../images/about-nav-a.png)left top no-repeat;
	float:left;
	
	}
	
*/

.contact a {
	
	width: 105px;
	background:url(../images/contact-nav.png) left top no-repeat;
	float:left;
	}

#contact .contact a, .contact a:hover {
	
	background:url(../images/contact-nav-a.png)left top no-repeat;
	float:left;
	
	}





/*  04 Body ----*/

#content {
	
	float:left;
   margin-bottom:36px;
   margin-top:36px;
	
	}
	
#content  a:link, #content  a:visited, #content  a:hover, #content  a:active{
	
	color: #e77111;
	border-bottom: 1px solid #e77111;
	
	
	}
#content a:link img, #content  a:visited img, #content  a:hover img, #content  a:active img{
	
	
	border-bottom:none;
	
	
	}


	
#content  a:hover{
	
	color: #000;

	
	
	}
	
	
	
#primary-content {
	
	width:620px;
	float:left;
	}
	
	#primary-content ul li, #secondary-content ul li {
	
	list-style-type:circle;
	list-style-position:inside;
	}
	
	
#secondary-content {
	
	float:left;
	padding-left: 40px;
	width: 240px
	
	}
	
#secondary-content .three-col-1 p {
padding-left:74px;
}
	
/* Spotlight */
#spotlight {
	
	width: 940px;
	height:340px;
	}
	
.spotlight-img {
	
	
	background:url(../images/spotlight-img.jpg) left 1px no-repeat;
	height: 340px;
	width: 940px;
	}


.relocation {
	background:url(../images/relocation-icon.jpg) left 36px no-repeat;
	
	}

.shipping-rates {
	
	background:url(../images/box-icon.jpg) left 36px no-repeat;
	}

.our-team {
	background:url(../images/our-team-icon.jpg) left 36px no-repeat;
	
	
	}

.get-in-touch {
	background:url(../images/get-in-touch-icon.jpg) left 36px no-repeat;
	
	}
	
/* Homepage Icons */

.construction-services {
	background:url(../images/construction-icon.jpg) left 36px no-repeat;
	
	}

.job-services {
	
	background:url(../images/our-team-icon.jpg) left 36px no-repeat;
	}

.employer-services {
	background:url(../images/employer-icon.jpg) left 36px no-repeat;
	
	
	}

.shipping-services {
	background:url(../images/box-icon.jpg) left 36px no-repeat;
	
	}
	
	
#content .home-info p, #content .power-line p {
	
	margin-top: 28px;
	padding-left: 64px;
	
}
		

.home-info .three-col-1 p {
	
	padding-left: 10px;
	
	}

.weekly-meetings {
	background: url(../images/meeting-bg.jpg) left top no-repeat;
}

.power-line {
	background: url(../images/powerline-bg.jpg) left top no-repeat;
}
.power-line h2, .weekly-meetings h2 {
	color:#FFF;
	padding: 12px 0px 24px 12px;
	margin-left: 54px;
	
	}
	
.verse {
	
	font-size: 18px;
	color: #999;
	line-height: 30px;
		background: url(../images/quote.png) left 24px no-repeat;
		padding-left: 30px;
		border-top: 1px solid #ccc;
		padding-top: 24px;
		margin-right: 72px;
		font-style: italic;
		margin-top: 18px;
}

.verse h2 {
	font-family:"helvetica neue",arial,helvetica,sans-serif;
	font-size: 16px;
	color: #666;
	line-height: 24px;
		background: url(../images/quote.png) left 30px no-repeat;
		padding-left: 30px;
}

.verse p+p {
	font-family:"Lucida Grande", "Lucida Sans",arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-style: normal;
	clear: both;
	}
#content .home-info .verse p {
	margin-bottom: 12px;
	margin-top: 1px;	
	padding-left: 12px;
	}
/* 3 Column Layout */

.three-col-1 {
	
	width: 300px;
	float:left;
	
	}
	
.three-col-2 {
	width: 620px;
	float:left;
	}

.three-col-3 {
	width: 940px;
	}

/* 4 Column Layout */

.four-col-1 {
	
	width: 220px;
	
	}

.four-col-2 {
	width: 460px;
	}

.four-col-3 {
	width: 680px;
	}

.four-col-4 {
	width: 940px;
	}

.five-col-1 {
	width: 176px;
	}

/* Construction Page layout */



.main-content {
	
	float:left;
	width:370px;
	border-left: solid 1px #ebebeb;
	
	padding-left: 20px;
	}

.side-spotlight  {
	
	float:left;
	width: 200px;
	
	font-size: 16px;
	color:#990142;
	line-height: 24px;
	}
.leading-text {
	
	
	font-size: 18px;
	color:#990142;
	margin-top: 36px;
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 24px;
	line-height: 27px;
	margin-bottom: 24px;
}

#contact .leading-text {
	
	
	margin-top: 0px;
}


#secondary-content dl dd{
	
	font-weight: bold;
	
	}
	
#secondary-content  dl dt {
	
	
	
	}
#secondary-content  dl {
	
	margin-bottom: 36px;
	
	}
	
#secondary-content ul {
	
	margin-bottom: 36px;
	
	}
#secondary-content ul li {
	
	list-style-position:inside;
	list-style-type:circle;
	
	}
#construction  #secondary-content {
	
	
	
	
	
	
	}
	
#construction  #primary-content, #shipping  #primary-content, #jobs  #primary-content, #about  #primary-content, #contact  #primary-content   {
	
	border-right: solid 1px #ebebeb;
	padding-right: 20px;
	
	
	
	}

/* About us 

  {
	
	float:left;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	line-height: 20px;
	}
*/

/* Contact Form */
.contact-form {
 

 background-color:#fcf7f0;
 
 }
 
 .contact-form legend {
 

font-size: 18px;
padding-top: 24px;
padding-left: 12px;
padding-bottom:24px;

 
 }
 
 .contact-form label {
 
 width: 150px;
 float: left;
 text-align: right;
 padding-right:16px;

 
 }
 
#Fname, #Femail, #Ftelephone, #AvTown, #AvPostcode, #AvEmail, #AvTelephone, #AvMobile, #AvName  {
 
 width: 200px;
 border: 1px solid #e5e5cd; 
 height: 22px;
 text-indent: 2px;
 padding-top: 4px;
 color: #000;
 
 }
 
 .contact-form input  {
 
 
  
 }
 
 
.contact-form textarea, #Fmessage  {
 
 width: 200px;
 border: 1px solid #e5e5cd; 
 color: #000;
 
 
 }
 
 .contact-form select  {
 
 width: 200px;
 border: 1px solid #e5e5cd; 
 height: 22px;
 text-indent: 0px;
 padding-top: 0px;
 color: #000;
 font-family: "Lucida Grande", 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; 
 
 }
 
  .contact-form checkbox  {
 
 width: 10px;
 border: 1px solid #e5e5cd; 
 height: 22px;
 text-indent: 0px;
 padding-top: 0px;
 color: #000;
 
 
 }
 
 
 .contact-form #submit-btn  {
 
 
 background-color: #00a2d8;
 letter-spacing:1px;
 font-size:12px;
 width: 104px;
 border: none; 
 height: 30px;
 margin-left: 170px;
 margin-bottom: 12px;
 color:#FFF;
 text-transform:uppercase;
  font-family: "Lucida Grande", 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; 
  background:url(../images/btn-bg.png) left top repeat-x;
  -moz-border-radius:5px;
  border:1px solid #c8620f;

 }
 
 .contact-form #submit-btn:hover  {
 
 
 background-color: #ffa638;
 letter-spacing:1px;
 font-size:12px;
 width: 104px;
 border: none; 
 height: 30px;
 margin-left: 170px;
 margin-bottom: 12px;
 color:#FFF;
 text-transform:uppercase;
  font-family: "Lucida Grande", 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; 
  background:url(../images/btn-hover.png) left top repeat-x;
  -moz-border-radius:5px;
  border:1px solid #c8620f;
  cursor:pointer;

 }
 
 
 .contact-form br {
 
 clear: left;
 margin-bottom: 32px;
 
 }
   
 
 
 
 /* Spry Form */
 
 .validMsg 

{

width: 16px;
height: 16px;
margin-left: 6px;
margin-top: -2px;
display: none;

}

.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg 

{

display: inline;


}


/* Contact Form End*/





/*  05 Footer ----*/

#footer {
	
	background:url(../images/footer-bg.png) left top repeat-x;
	float:left;
	width: 100%;
	
	}
	
.footer-inner {
	
	width: 940px;
	margin: 0px auto;
	margin-top: 48px;
	
	}
.nav, .legal-nav, .uk-address, .libya-address {
	
	color: #f6ebf0;
	
	float:left;}
.logo {
	
	float:left;
	background:url(../images/footer-logo.png)left top no-repeat;
	width: 176px;
	height:200px;
	
	}	
	
	
#footer a{
	
	color:#FFF;
	}
	
#footer h3{
	
	color:#daadc2;
	font-size:16px;
	}
	
	

#footer a:hover{
	
	color:#daadc2;
	}
.copyright {
	
	
	float:left;
	clear:both;
	width: 940px;
	color:#666;
	}


/* Block List*/

.block-list {
	margin: 0px;
	margin-left: 24px;
}

.block-list li {
	
	margin-left: 0px;
	padding-bottom: 18px;
}

#primary-content .single-line li {
	padding-bottom: 4px;
}

#primary-content .mixed-line li {
	padding-bottom: 8px;
}


/*  07 sIFr ----*/


/*  08 Fixes ----*/

.hT {
	text-indent: -5999em;
	font: 1px/1px sans-serif;
	background-repeat:no-repeat;
	text-decoration:none;
	display:none;
	color: #2A333A;
}