﻿/*
      Created by Ibrar Hussain of Freeman Holland Ltd
	  
	  E-Mail: ibrar@freemanholland.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Kozuka Gothic Pro R";
 font-size: 13px;
 background:#20201d
}

.left{float:left; margin-right:10px}.right{float:right}.minusmargin{margin-top:-1px}.jemma{position:absolute; margin-top:40px; z-index:100}

h1{font-size:43px; font-weight:normal; font-family:"Kozuka Gothic Pro EL"; color:#fff; margin-bottom:5px}
.width{width:100px}.height120px{height:120px;}.margin-right{margin-right:15px}

p.readmore a { color: #9734D2; font-size: 11px; } 

a{
	color:#cacaca;
	text-decoration:underline;
	cursor:pointer
}

a:hover{
	text-decoration:none
}

.minuspages{
	margin-top:-40px
}
 /********************************************
   LAYOUT
********************************************/ 

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

 /********************************************
   HEADER
********************************************/ 

#header {
 width: auto;
 color: #cacaca;
 padding: 10px;
 height: 19px;
 margin: 0px 0px 0px 0px;
 background:url('images/header.jpg');
 padding-left:80px
}

#header img{
	margin-left:18px
}
 /********************************************
   NAVIGATION
********************************************/

#navigation {
 color: #333;
 margin: 0px 0px 0px 0px;
 float:right;
 height: 22px; 
 width: 610px;
 font-size:14px;
 padding-top:3px;
}

#navigation ul{margin-left:10px}

#navigation li{
list-style:none;
display:inline;
padding-bottom:3px;
margin-right:40px
}

#navigation li a{
color:#fff;
text-decoration:none
}

#navigation li a:hover{
border-bottom:3px solid #5c408f
}

 /********************************************
   CONTENT WRAP
********************************************/

#content-wrap { 
 width: 922px;
 color: #333;
 overflow:hidden
}

#breadcrumb{margin:30px; clear:both; margin-top:100px}

#breadcrumb a{color:#5c3f8f}

 /********************************************
   MIDDLE
********************************************/



#middle { 
background:url('images/manc.jpg') no-repeat;
height:300px;
width:922px;
border-bottom:1px solid #fff;
}

#play{
float:right; 
background:url('images/play.png'); 
margin-right:60px; 
width:260px; 
height:20px;
padding:6px;
color:#fff;
font-size:15px;
padding-left:20px;
margin-top:44px
}

#quote{
position:absolute;
background:url('images/quote.png'); 
margin-top:264px; 
width:618px; 
height:22px;
font-size:16px;
color:#fff;
padding:8px 6px 6px 300px;
}

#quote span{
margin-left:20px
}

#book {
    height:240px;
    background:#000;
    padding:10px;
    font-size:20px;
    width:328px;
    color:#fff;
    margin-top:7px;
    z-index:10000;
    position:relative
}

 /********************************************
   BOTTOM
********************************************/

#bottom { 
background:url('images/bottom.jpg') no-repeat;
height:350px;
width:922px;
}

#boxes { 
height:230px;
width:822px;
float:right;
margin-top:30px
}

.bottom-right { 
background:url('images/home-content.png') no-repeat;
height:300px;
width:250px;
float:right;
padding:20px;
color:#cdcdcd
}

.bottom-right span{ 
color:#cacaca;
font-weight:bold
}

.bottom-right li{ 
margin-bottom:4px
}

.bottom-right h1{font-size:23px; font-weight:normal; font-family:"Kozuka Gothic Pro EL"; color:#fff; margin-bottom:5px}

.links{
width:200px; 
margin-left:15px; 
margin-top:6px
}

 /******************************************** END OF HOMEPAGE ********************************************/

  /********************************************
   WRAPPER
********************************************/

#inner-content-wrapper{
float:left;
width:922px;
overflow:hidden;
background:#d0d0d0 url('images/inner.jpg') repeat-x;
}
 
  /********************************************
   LEFT COLUMN
********************************************/

#left-column{
float:left;
width:600px;
height:400px
}


#right-pic{
float:right;
width:268px;
height:400px;
margin-right:40px;
margin-top:35px;
background:url('http://www.freemanholland.com/jemma/images/jemma.png');
}

#slider{
float:left;
height:49px;
background:url('images/slider.jpg');
width:912px;
padding-left:35px;
padding-bottom:30px;
}

.tv-images{
float:left;
height:300px;
text-align:center;
width:250px;}

.tv-images p{ margin-top:5px;}

.contact-form li{list-style-type:none}

.videoboxes{margin-left:28px;text-align:left}

  /********************************************
   RIGHT COLUMN
********************************************/

#right-column{
float:right;
width:320px;
height:400px
}

 /********************************************
   FOOTER
********************************************/

#footer { 
 width: 888px;
 background: url('images/footer.jpg');
 margin: 0px 0px 0px 0px;
 padding: 17px;
 height:70px;
 color:#fff;
 padding-top:12px;
 clear:both
}

#freemanholland { 
 width: 922px;
 background-color:#20201D;
}

.f-left { 
float:left;
font-family:"Trebuchet MS";
width:360px;
padding:5px 40px;
}

.f-middle { 
float:left;
font-family:"Trebuchet MS";
width:120px;
padding:5px 40px;
padding-right:0px;
}

.f-right { 
float:right;
font-family:"Trebuchet MS";
width:110px;
padding:5px 40px;
margin-right:40px;
}

.font{font-size:18px;margin-bottom:5px}
.phone{font-size:18px;}
.f-left span{ color:#5e4290;font-family:"Trebuchet MS";}.f-middle span{ color:#5e4290;font-family:"Trebuchet MS";}.f-right span{ color:#5e4290;font-family:"Trebuchet MS";}

.f-right a{color:#fff; text-decoration:none}.f-right a:hover{text-decoration:underline}




