body {
	font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#333;
	line-height:180%;
	margin:0;
	padding:0;
	background:white ;
	overflow: scroll;
	height:2600px;
	
}

div.block{

width: 300px;
margin: 30px 0px 0px 0px
height: 100px;
cursor: pointer;
z-index: 2;

}


h1, h2, h3, h4, h5{margin: 0 0 15px 0;padding: 0;color: #ccc;font-weight: normal; letter-spacing: 2px; font-family: helvetica. sans-serif; font-size:16px;}
h1{font-size: 200%;letter-spacing: -2px}
p{margin: 0 0 15px 0;padding: 0;line-height:21px;}


.custom h3 {
	margin-top: 40px;
}


a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

img{border:none;}

pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	

body {font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;color:#333;line-height:180%;margin:0;padding:0;}

#supercontainer {
	margin:0 auto;
	position:relative;
	width:1040px;
}	


#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:1040px;
	margin-bottom:2em;
	top:120px;
	background: white url('http://alhamaddesign.com/images/sliderbg.png');
	height: 637px;
	
}	



/* Sudo Slider */
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block;
	color: black;
	font-family: Helvetica;
	z-index: 4px;
	
}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider, #slider li {width:1040px;overflow:hidden;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

.prevBtn, .nextBtn {
	display:none;
	overflow: visible;
	width:125px;
	height:125px;
	position:absolute;
	left:-28px;
	top:263px;
	z-index:1000;
	background:url(/images/left-arrow.png) no-repeat 0 0;
	cursor:pointer;
}
.nextBtn {left:1008px;}														
.nextBtn {background:url(/images/right-arrow.png) no-repeat 0 0;}	


div.indexBox {
	position:absolute;
	left: 600px;
	height: 600px;
	width: 150px;
	background-color: white;
	z-index:3;
}

div.index
{
	text-align: left;
	font-size: 14px;
	font-family: sans-serif;
	position: absolute;
	top: 670px;
	left: 0px;
	height: 580px;
	width: 1040px;
	background: none;
	z-index:4;
}

.index h3 {
	font-color:#ccc;
	font-weight: 400;
	
}


/* custom captions box */
div.caption {
	background: white;
	height: 80px;
	width: 750px;
	position:absolute;
	top: 600px;
	left: 0px;
	z-index: -1;
}

p.small
{
line-height: 17px;
margin-left: 7px;
margin-top: 2px;
}

.bottom_title{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    
    margin:0px;
    color:#000;
}

.bottom_title h3{
    
    margin:0px;
    font-size:12px;
    color: #000;

    font-weight: normal;
    
}
.bottom_text{
    
    margin:0px;
    text-align:justify;
    font-size:12px;
    font-family: courier new, courier, monospace;
    color:#979797;
    line-height: 19px;

}

#retailers {
	display: inline-block;
	width:426px;
	position: absolute;
	top:1240px;
	left:0px;
	
}

#studio {
	display: inline-block;
	width:426px;
	position: absolute;
	top:1340px;
	left:0px;
	
}

#contact {
	display: inline-block;
	width:426px;
	position: absolute;
	top:1240px;
	left:430px;
	
}



#copyright {
	display: inline-block;
	width:100px;
	position: absolute;
	top:1240px;
	left:855px;
	
	}
	
	

#logo {
height: 98px;
width: 189px;
top:-73px;
left:0px; 
border: none;
position: absolute;

}

#customsection {
    position:absolute;
    top:1985px;
    height:800px;
	width:100%;
	background-color:#f0f0f1;
	background-image: url('images/footerbg.jpg');

	
}
#shadow {
	position:absolute;
    top:1985px;
    height:800px;
	width:100%;
	background-image: url('images/footerbgshadow.png');
	background-repeat: repeat-x;
	background-color: none;
	
}


#pdf {
	position: absolute;
	bottom: 5px;
}

.customlinktext  {
	
	background-color: #fff;
	margin:0 0 0 0; 
	opacity: 0.7;
	padding-left:8px;

     
    
}
.customlink {
	width: 184px;
	height: 184px;
	display:inline-block;
	background-color: #f5f5f5;
	margin:13px 26px 13px 0px; 
	opacity: 0.6;
	text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:0 -6px 0 6px;  
}

.customlink:hover {
	opacity: 1;
}



.innercustomlink {
	background-color:#000; 
	width:60px; 
	height:45px; 
	margin:21px 10px 0 0; 
	display: inline-block;
	
}

.rightedge {
	margin-right:0;
}

#xmenu {
	position: absolute;
	width:851px;
	height:28px;
	background: none;
	display:block;
	top:-40px;
	left:189px;
	border-bottom: #ebebeb  4px solid;
	
}

a.xmenulink {
	font:400 14px Helvetica,sans-serif;
	color: #ccc;
	padding: 0 30px 0 0;
	margin: 0 0 15px 30px;
	border-right: #ccc 1px solid;
	letter-spacing: 3px;

}

a.xmenulink sub {
	vertical-align: middle;
}

a.xmenuright {
	margin-left: 140px;
	
}

.ic_container{
    vertical-align:baseline;
    margin:10px;
    position:relative;
  
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    width:800px;
    height:500px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:5px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:8px 10px 7px 10px;
    margin:0px;
    color:#000;
}

.ic_category span{
  color:#d7d7d6;
}

.ic_caption h3{
    padding:10px;
    margin:0px;
    font-size:12px;
    color: #000;
    font-family: courier new, courier, monospace;; 
    font-weight: normal;
    
}
.ic_text{
    padding:0px 10px 10px 10px;
    margin:0px;
    text-align:justify;
    font-size:12px;
    font-family: courier new, courier, monospace;
    color:#979797;
    line-height: 19px;
    
}
.ic_text span{
  color: #d7d7d6;
    
}