﻿/*
      Created by Ibrar Hussain of Freeman Holland Ltd
	  
	  E-Mail: ibrar@freemanholland.com
	  	  
*/

/* <BASIC STRUCTURE> */

* { padding: 0; margin: 0; }

body {
 font-family: Arial;
 font-size: 12px;
 background: #333 url(images/bg_body.jpg) no-repeat fixed 50% 0;
}

a{color:#999933}
a:hover{text-decoration:none}

.clear{clear:both} img{border:0px}
.left{float:left} .right{float:right}
.nomargin{margin:0}

/* <BASIC STRUCTURE> */

/* <INPUT> */

.submit{background:url('images/submit.jpg'); cursor:pointer; border:0; height:19px;width:82px}
.search{background:url('images/search.jpg'); cursor:pointer; border:0; height:25px;width:80px}

.text-bg{background:url("images/text-bg.jpg") repeat-x scroll 0 0 transparent;border:0 none;width:200px;padding:1px;margin:6px 0 7px 0;}

/* <INPUT> */

 /********************************************
   WRAPPER
********************************************/ 

#wrapper { 
 margin: 20px auto auto auto;
 width: 923px;
 background:#1c1c1c;
 overflow:hidden;
 padding:10px 10px 10px 6px
}

 /********************************************
   HEADER
********************************************/ 

#header {
 background:url("images/header.jpg") repeat scroll 0 0 transparent;
 height:232px;
 margin:0 0 5px;
 width:926px;
}

#header-right {
 background:url("images/contact.png") repeat scroll 0 0 transparent;
 color:#999933;
 height:101px;
 margin:17px 21px 0 10px;
 padding:87px 10px 10px 18px;
 width:278px;
 line-height:20px;
}

#header-right img{margin:0 10px 0 0;}
#header-right div{margin:0 0 14px 0;}

 /********************************************
   LINKS
********************************************/ 

#links {height:57px;margin:9px 0 5px;width:932px;}
#links img{float:left;margin-right:5px;}

 /********************************************
   CONTENT WRAP
********************************************/ 

#content-wrap {width: 905px;margin: 0px 0px 5px 0px;}

/* <HOMEPAGE> */

 /******************************************** HOMEPAGE PANELS ********************************************/ 

#homepage-panels-wrap{width: 933px; height:390px}

.panel-1{background:url('images/panel1.jpg')}.panel-2{background:url('images/panel2.jpg')}.panel-3{background:url('images/panel3.jpg')}
.panel-1, .panel-2, .panel-3{height:360px;margin:0 10px 0 0;padding:10px;width:281px;}

.panelcontent{height:360px;margin:64px 0px 0 23px;width:237px;color:#fff; line-height:17px}
.panelcontent ul{margin:0 0 25px 10px; font-weight:bold}
.panelcontent a{font-weight:bold}
.panelnews{margin:0 0 20px 0}

#homepage-galleries{color:#FFFFFF;height:360px;line-height:19px;margin:52px 0 0 11px;width:253px;}
#galleryborder{border:1px solid #C0C0C0;overflow:hidden;margin:6px 0 0 0}
#galleryborder img{height:116px;width:125px;float:left;}

 /******************************************** HOMEPAGE ABOUT PANEL ********************************************/ 

#homepage-about-panel{background:url("images/about-panel.jpg") repeat scroll 0 0 transparent;height:261px;padding:10px;width:902px; color:#6c6c6c}

.about{border:1px solid #3d3d3d; padding:10px; width:580px}
.about img{margin:0 0 0 10px}

.about h2, .about-links h2{font-family:"Engravers MT"; font-size:15px; color:#d9d9d9; margin-bottom:8px}

.about-links{border:1px solid #3d3d3d; padding:10px; width:270px; line-height:17px}
.about-links ul{margin:0 0 25px 3px; list-style:none}
.about-links a{color:#fff}

#brands, #partners{width:240px;height:122px}

#brands ul, #partners ul{width: 260px; float: left; padding-left: 0; margin-left: 0;}
#brands li, #partners li{float:left;width:50%;}

/* <HOMEPAGE> */

 /******************************************** BREADCRUMB ********************************************/ 

#breadcrumb{height:20px;padding:10px;width:902px;}

 /******************************************** GALLERY ********************************************/ 

#gallery-wrap{background:#070707;padding:10px;width:902px; color:#6c6c6c; overflow:hidden}
#gallery-categories{width:192px;padding:31px 11px 11px 11px; line-height:18px}
#gallery-categories h3{color:#999933;margin:0 0 20px 0; font-size:20px}
#gallery-categories a{color:#fff;}

#gallery-categories ul{list-style:none;}

#gallery-content{color:#999933;width:637px;padding:31px 11px 11px; font-size:14px;}

#thumbnails-box{float:left;height:153px;margin-top:10px;width:153px;}
#thumbnails-box img{width:133px;height:123px;}

 /******************************************** BLOG ********************************************/ 

#blog-wrap{background:#070707;padding:10px;width:902px; color:#6c6c6c; overflow:hidden}

#blog-left{color:#999933;width:630px;padding:31px 11px 11px; color:#fff; line-height:18px;}
#blog-left h2, #blog-left a{color:#fff;font-size:16px; margin-bottom:10px}

.post-date{color:#999933; margin-bottom:8px}

#blog-right{width:225px;padding:31px 11px 11px 11px; line-height:18px}

#blog-right-links{margin:0 0 0 10px}
#blog-right-links h4{font-size:14px; color:#fff}
#blog-right-links ul{list-style:none}

 /********************************************
   FOOTER
********************************************/ 

#footer {color:#999933;height:240px;margin:0 0 10px;padding:10px;width:898px;text-align:center;line-height:20px;}
#footer div, #footer img{margin-bottom:10px}