* {
	margin:0;
	padding:0;
}

#id_nav ul, #id_nav li {
display:none;	
}

div, img, li, .nav, h3 { behavior: url(/scripts/js/iepngfix.htc) }

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../../images/layout/bg.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center top;
}
 
/*
Header Styles
*****************************************************************************************************/
.idwebdesign #headerCon {
	width:900px;
	margin:0 auto;
	
}

.idwebdesign #header {
	height:100px;
	background-image: url(../../images/layout/background-header.png);
	background-repeat: repeat-x;
	display:block;
} 


.idwebdesign #menuArea {
	padding-top:20px;
width:900px;
height:40px;
	
}

#logoArea {
	background-image: url(../../images/layout/logo.png);
	background-repeat: no-repeat;
	background-position: left top;	
	height:40px;
	width:350px;
	display:block;
	float:right;
	margin-top:10px;
	
}











/*
Slide show styles
*****************************************************************************************************/
.idwebdesign #slideShow {
height:250px;
display:block;
background: #000; 
overflow:hidden;
width:900px;
}










/*
Page layout
*****************************************************************************************************/

.idwebdesign #container { 
	width: 900px;  
	margin: 0 auto; 
	text-align: left; 
	background-color:transparent;
}


.idwebdesign #sidebar1 {
	float: left;
	width: 600px; 
}

*html .idwebdesign #sidebar1 {
	width: 550px; 

}

.idwebdesign #products {
	float: left;
	width: 900px; 
}
.idwebdesign #sidebar2 {
	float: left; 
	width: 300px;
	}
	
.idwebdesign #mainContent2 { 
	margin: 0 0 0 600px; 
} 

*html .idwebdesign #mainContent2 { 
	margin: 0 0 0 550px; 

}

.idwebdesign #mainContent { 
	margin: 0 0 0 600px; 
} 

*html .idwebdesign #mainContent { 
	margin: 0 0 0 550px; 

}
.idwebdesign #footer { 
	height:120px;
width:900px;
	background: #000; 
	background-image:url(../../images/layout/line_foot.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:10px;
clear:both;
}

#loginArea {
	width:900px;
	min-height: 150px;
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html #loginArea {
	height: 150px;
}


#contentHead {
padding:15px;	
	min-height: 230px;
	height:auto
	}
	/* for Internet Explorer */
/*\*/
* html #content{
	height: 230px;

}
#content {
padding:15px;	
	min-height: 230px;
	height:auto
	}
	/* for Internet Explorer */
/*\*/
* html #content{
	height: 230px;

}

#contentSmallL {
	padding:15px;
	width:250px;
	float:left;
	min-height: 100px;
	height:auto
	}
	/* for Internet Explorer */
/*\*/
* html #contentSmallL {
	height: 100px;
	width:240px;

}

#contentSmallR {
	padding:15px;
	width:270px;
	float:right;
	min-height: 100px;
	height:auto
	}
	/* for Internet Explorer */
/*\*/
* html #contentSmallR {
	height: 100px;
	width:240px;

}

/*
Type Styles with custome font
*****************************************************************************************************/


h1 { font-size: 22px; color: #fff; line-height: 38px; font-weight: normal; padding-bottom: 10px; }
h2 {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	font-weight: normal;
	padding-bottom: 10px;
}
h3 {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	font-weight: normal;
	padding-bottom: 10px;
	background-image: url(../../images/layout/clipboard.png);
	background-repeat: no-repeat;
	padding-left: 40px;
}

.homelink {
	font-size:12px; 
	color: #099; 
	font-weight:bold; 	
	text-decoration: none;
}
.homelink:hover {
	font-size:12px;
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
}
/*
General Type Styles 
*****************************************************************************************************/
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
padding-bottom:8px;	
}

#content ul {
	list-style-image: url(../../images/layout/bullet.jpg);	
font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
margin-left:30px;
}

/*
Main Menu Styles
*****************************************************************************************************/

/*
#mainMenu {
float:left;
overflow: hidden;
}


#mainMenu li {
float: left;
list-style: none;
padding-left:14px;
margin-left:5px;
}
#mainMenu li.backLava {
	z-index: 8;
	position: absolute;
	height: 40px;
	background-image: url(../../images/layout/background-home-highlight.png);
	background-repeat: no-repeat;
	background-position: center 12px;
}
#mainMenu li a {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	top: 7px;
	text-transform: none;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 40px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: lighter;
}   
#mainMenu li a:hover {
border: none;
}

body#home ul li.home a span, body#home ul li.home a span:hover {
	color: #099;
}
body#about ul li.about a span, body#about ul li.about a span:hover {
	color: #099;
}
body#news ul li.news a span, body#news ul li.news a span:hover {
	color: #099;
}
body#do ul li.do a span, body#do ul li.do a span:hover {
	color: #099;
}
body#contact ul li.contact a span, body#contact ul li.contact a span:hover {
	color: #099;
}
body#work ul li.work a span, body#work ul li.work a span:hover {
	color: #099;
}

*/

        .lamp {
            float:left;
            height: 40px;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lamp li {
                    float: left;
                    list-style: none;
                }
                    .lamp li.backLava {
						background-image: url(../../images/layout/background-highlight.png);
						background-repeat: no-repeat;
						background-position: center -2px;
                        width: 9px; height: 30px;
						padding-top:6px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lamp li.backLava .left {
						background-image: url(../../images/layout/background-highlight.png);
						height: 30px;
						background-repeat: no-repeat;
						background-position: center top;
                        }
                    .lamp li a {
						font-family: Verdana, Geneva, sans-serif;
						font-size: 12px;
						font-weight: normal;
						text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 4px; 
						padding:0 4px 0 4px;
                    }
                        .lamp li a:hover, .lamp li a:active, .lamp li a:visited {
                            border: none;
                        }




body#home ul li.home a span, body#home ul li.home a span:hover {
	color: #099;
}
body#about ul li.about a span, body#about ul li.about a span:hover {
	color: #099;
}
body#news ul li.news a span, body#news ul li.news a span:hover {
	color: #099;
}
body#do ul li.do a span, body#do ul li.do a span:hover {
	color: #099;
}
body#contact ul li.contact a span, body#contact ul li.contact a span:hover {
	color: #099;
}
body#work ul li.work a span, body#work ul li.work a span:hover {
	color: #099;
}
body#news ul li.news a span, body#news ul li.news a span:hover {
	color: #099;
}
body#products ul li.products a span, body#products ul li.products a span:hover {
	color: #099;
}







































#leftCon {
	width:279px;
	float:left;
	height:150px;
}
*html #leftCon {
	width:260px;

}


#rightCon {
width:299px;
	float:right;
	height:150px;	
}
*html #rightCon {
width:260px;


}
.fade a {
	width:299px;
	height:150px;
	display:block;
}
*html .fade a {
	width:260px;

}
.fade a:hover {
	width:299px;
	height:150px;
	display:block;
	background-image: url(../../images/layout/front_banner_over.png);
	background-repeat: no-repeat;
	background-position: left top;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
}
*html .fade a:hover {
	width:260px;

}



#newsScroll {
	float:left;
	margin:0;
	width:288px;
	min-height: 220px;
	height:auto;
	display:block;
	padding:0 15px 10px 15px;
	}
	/* for Internet Explorer */
/*\*/
* html .newsScroll {
	height: 220px;

}



.newsArea {
	float:left;
	margin:0;
	min-height: 300px;
	width:278px;
	height:auto;
	display:block;
}
	/* for Internet Explorer */
/*\*/
* html .newsArea {
	height: 300px;

}


#footerContent {
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}

#footerMenu {
width:160px;
float:left;
height:180px;

}

#footerMenu ul {
float:left;	
	
}


#footerContent a, #footerContent a:active, #footerContent a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	text-decoration: none;	
}
#footerContent a:hover {
	color: #09F;
	text-decoration: none;
}
#footerIconCon {
	width:70px;
	float:left;
}
#footerIcons {
float:left;
width:70px;
margin:0px;
}


/*******************************************************************
Sidemenu
*******************************************************************/

#sideMenu {
width:250px;
margin-left:15px;
margin-top:20px;
}


#sideMenu ul {
	list-style-type: none;	
	
}

#sideMenu li {
	font-size: 16px;
	color: #CCC;
	text-decoration: none;
	height:30px;
	border-bottom:1px dotted #333;
	margin-top:5px;
}

#sideMenu li a, #sideMenu li a:active, #sideMenu li a:visited {
	font-size: 16px;
	color: #CCC;
	text-decoration: none;
	display:block;
}

#sideMenu li a:hover {
	font-size: 16px;
	color: #099;
	text-decoration: none;	
		display:block;

}
/***********************************************
More buttons
***********************************************/
#moreBut  {
	width:120px;
	height:20px;
	display:block;
	float:left;
}
#moreBut a {
	background-image: url(../../images/layout/more_up.jpg);
	background-repeat: no-repeat;	
	width:120px;
	height:20px;
	display:block;
	float:left;
}

#moreBut a:hover {
	background-image: url(../../images/layout/more_dwn.jpg);
	background-repeat: no-repeat;	
	width:120px;
	height:20px;
	display:block;
	float:left;
}
#enquire a {
	background-image: url(../../images/layout/enquire_up.jpg);
	background-repeat: no-repeat;	
	width:120px;
	height:20px;
	display:block;
	float:left;
}

#enquire a:hover {
	background-image: url(../../images/layout/enquire_dwn.jpg);
	background-repeat: no-repeat;	
	width:120px;
	height:20px;
	display:block;
	float:left;
}

/***********************************************
Newsletter Form
***********************************************/

#letterCon {
width:250px;
min-height:200px;
height:auto;
	
}
#formLabel {
	width:50px;
	height:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
	float:left;
margin-bottom:5px;
}
#formInput {
	width:190px;
	height:20px;
	margin-bottom:5px;
	float:left;
	background-image: url(../../images/layout/news_input.jpg);
	background-repeat: no-repeat;
}
#formInput #textarea{
font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFF;
	padding:5px;
	background:none;
	border:none;
	width:180px;
}
#radioLabel {
width:60px;
	height:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
	float:left;
margin-bottom:5px;	
margin-right:5px;
}

#radio {
width:20px;
float:left;
padding:0 5px;
margin-top:-3px;
}

#message {
	width:150px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
		color: #FFF;

}

#newsBut {
width:80px;
height:20px;
float:left;	
	
}

#id_nav, #id_nav ul, #id_nav li {
display:none;	
}