/*
Theme Name: ElectronicInnovations
Theme URI: N/A
Version: 1, 11 Mar 2008 (style.css)
Layout ID:PSD-ElectronicInnovations-Index-V4-4mar08
Description: all pages are coltrolled by this styles
Author: DKS, Indusnet Technologies Pvt Ltd.
*/
/************************************************/
/* General Css Document Here                   */
/***********************************************/

body {
	text-align: left;	
}

h1,h2,h3,input,form, ul, li,img, div,p {
	margin:0;
}

.spacer {
	line-height:2px;
	font-size:2px;
	clear:both;
	}
a { outline:none; }	
a {
	color:#CC3300;
	}
a:hover {
	color:#000;
	}
	
body {
	background:#830000 url(images/body-pattern.gif) repeat;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}	
#externalcontainer {
	background-color:#fff;
	width:920px;
	margin:20px auto 20px auto;
	position:relative;
	}
html{ padding:0px; margin:0px; padding-bottom:1px; }

.titleLrg {
	font-size:25px;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0px 0 5px 0;
	margin:0 0 8px 0;
	text-transform: uppercase;
	text-align: left;
        color: #900000;
        border-bottom: 3px solid #8D0000;
        display:none;
}
/************************************************/
/* General Css Document Here                   */
/***********************************************/

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image:url(images/curvee1500-22.gif); 
	height:11px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size:2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right:11px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 11px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -11px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -11px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -11px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left:1px solid #6E000A; 
	border-right:1px solid #6E000A;
	background:#F4F4F4;
	color:#000000;                
	padding:175px 15px 0 15px;             
	}
#header {
	background:#F4F4F4 url(images/header-grad.gif) repeat-x 0 0;
	position:absolute;
	height:186px;
	display:block;
	width:100%;
	left:0px;
	top:0px;
	}
#header span.L-abs {
	background:url(images/banner-l-abs.gif) no-repeat 0 0;
	width:213px;
	height:186px;
	position:absolute;
	left:0px;
	}
#header span.R-abs {
	background:url(images/banner-r-abs.gif) no-repeat 0 0;
	width:330px;
	height:186px;
	position:absolute;
	right:0px;
	}
#header span.logo {
	background:url(images/punch-line.gif) no-repeat 0 0;
	position:absolute;
	width:396px;
	height:58px;
	left:197px;
	top:78px;
	}				

/************************************************/
/* Panes Position Css Document Here             */
/***********************************************/	
#leftpane {
	width:150px;
	float:left;
	}
#contentpane {
	margin-left:170px;
	}
	
/************************************************/
/* Leftpane Css Document Here                   */
/***********************************************/
#leftpane ul li {
	font:bold 12px/27px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #E3E3E3;
	text-align:right;
	padding:0 21px 0 0;
	list-style:none;
	}
#leftpane ul li a {
	background:url(images/bullet.gif) no-repeat 100% 50%;
	text-decoration:none;
	padding:0 12px 0 0;
	color:#000;
	}
#leftpane ul li a:hover,#leftpane ul li a.active {
	color:#980008;
	}
		

/************************************************/
/* Contentpane Css Document Here                */
/***********************************************/		
#bannerWrap {
	border:solid 1px #E0E0E0;
	background-color:#fff;
	position:relative;
	margin-bottom:27px;
	width:704px;
	padding:4px;
	}
#bannerWrap span.l-crv, #bannerWrap span.r-crv {
	position:absolute;
	height:259px;

	width:3px;
	top:-1px;
	}
#bannerWrap span.l-crv {
	background:url(images/banner-lcrv.gif) no-repeat 0 0;
	left:-1px;
	}
#bannerWrap span.r-crv {
	background:url(images/banner-rcrv.gif) no-repeat 0 0;
	right:-1px;
	}			
#bannerWrap div {
	background:url(images/banner-bg.gif) repeat-x 0 100%;
	height:249px;
	}

#bannerWrap div span {
	float:left;
	}
#bannerWrap div h2 {
	background:url(images/open-quote.gif) no-repeat 0 0;
	font:normal 32px/32px Verdana, Arial, Helvetica, sans-serif;
	color:#323232;
	width:172px;
	margin:42px auto 0 12px;
	padding:0 0 0 22px;
	letter-spacing:-2px;
	text-align:center;
	float:left;
	}
#bannerWrap div h2 span {
	width:24px;
	height:16px;
	position:absolute;
	margin:9px 0 0 4px;
	float:none;
	}	
#bannerWrap div h4 {
	font:normal 16px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#B11116;
	padding:0px;
	margin:16px auto 0 50px;
	float:left;
	}
.quote{
height: 200px;
}
#contentpane img {
	background-color:#fff;
	padding:4px;
	border:solid 1px #E0E0E0;
	margin-right:12px;
	float:left;
	}
#bannerWrap img{
padding: 0px;
border: 0px;
}					

#contentpane div.L-section,#contentpane div.R-section {
	width:45%;
	padding:10px;
	}
#contentpane div.L-section p, #contentpane div.R-section p {
	margin-bottom:10px;
	}
#contentpane div.L-section h2,#contentpane div.R-section h2{
	font:bold 16px/17px Verdana, Arial, Helvetica, sans-serif;
	}	
#contentpane div.L-section {
	float:left;
	}	
#contentpane div.R-section {
	float:right;
	}
#contentpane div.R-section h2 {
	background:url(images/latest-news.gif) no-repeat 0 0;
	height:16px;
	text-indent:-2000px;
	}
#contentpane div.R-section h5 {
	font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:4px 0 6px 0;
	}
#contentpane div.R-section a.recordLink {
	background:url(images/disc-ico.gif) no-repeat 0 50%;
	text-decoration:underline;
	padding:4px 0 4px 32px;
	color:#A50007
	}
#contentpane div.R-section a.recordLink:hover {
	text-decoration:none;
	}				
#contentpane div.L-section h2 {
	background:url(images/welcome-img.gif) no-repeat 0 0;
	height:35px;
	text-indent:-2000px;
	margin-bottom:12px;
	}
#contentpane h2.headings {
	font:bold 17px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#B11116;
	}
#contentpane h2.headings span {	
	background:url(images/bar.gif) no-repeat 0% 90%;
	padding:0 248px 0 0;
	height:3px;
	}
#contentpane div.leftcontents {
	margin-left:270px;
	}	
#contentpane p {
	margin:12px 0 6px 0;
	padding:0px;
	}
#contentpane p.musiq {
	background:url(images/musiq-ico.gif) no-repeat 0 0;
	padding:0 0 0 30px;
	font:bold 13px/32px Arial, Helvetica, sans-serif;
	display:block;
	background-color:#f7f7f7;
	border-bottom:solid 1px #fff;
	letter-spacing:1px;
	color:#CB7C20;
	height:32px;
	}	
ul.recordings {
	margin:22px 10px ;
	}
ul.recordings li {
	list-style:none;
	margin:7px 0px;
	font-weight:normal;
	}
ul.recordings li embed {
	margin-bottom:10px;
	margin-left:120px;
	}	
ul.recordings li span {
	display:block;
	padding-left:30px;
	font-weight:normal;
	height:30px;
	}
ul.price {
	/*float:left;
	width:330px;*/
	margin:22px 0px;
	}	
ul.price li {
	font-weight:normal;
	list-style:none;
	padding-left:15px;
	margin:4px;	
	}
ul.price li.list {
	background:url(images/bullet2.gif) no-repeat 0 50%;
	padding-left:15px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:8px;
	}
ul.price li a {
	text-decoration:underline;
	color:#CC3300;
	}
ul.price li a:hover {
	text-decoration:none;
	color:#000;
	}
ul.gallery li {
	list-style:none;
	float:left;
	margin:7px;
	}	
ul.gallery li img {
	padding:3px;
	background-color:#fff;
	border:solid 1px #C74047;
	border-right:solid 2px #A73033;
	border-bottom:solid 2px #A73033;
	}					
.itune {
	background:url(images/itune.gif) no-repeat 0 0;
	padding:15px 0 15px 52px;
	color:#660000;
	}
.itune:hover {
	text-decoration:none;
	color:#0066FF;
	}
#contentpane p.notes {
	padding:4px;
	border:solid 1px #B24D4D;
	background-color:#F9F9F9;
	margin-top:70px;
	}
#contentpane p.notes span {
	color:#660000;
	padding-right:4px;
	}	
#contentpane p.notes:hover {
	background-color:#fff;
	}									
	
/************************************************/
/* Footer Part Css Document Here                */
/***********************************************/
#footer {
	font:normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:60px 0 20px 0;
	}
#footer a {
	text-decoration:none;
	color:#B11116;
	}
#footer a:hover {
	text-decoration:underline;
	}			
	
	
/***********************************************/
/* Homepage Style                              */
/***********************************************/	
	
#quote {
height: 6px;
position:absolute;
left:830px;
top:332px;
}

#quote img { 
background: none;
border: none;
}

#R-section{
position:absolute;
left:360px;
top:255px;
}

#L-section{
position:absolute;
}

/***********************************************/
/* Gallery CSS                                 */
/***********************************************/

#modGallery{ /*the width of this will determine the # of columns */
	width:autopx;
	margin-top:10px;
}
#modGallery select{ /*drop down box*/
	font:bold 14px/18px arial, san-serif;
	padding: 2px 0 2px 4px;
	margin:10px;
}
#modGallery img{
	border:1px solid #000;
}
#modGallery input{ /*view gallery button*/
	font:bold 14px/18px arial, san-serif;
	letter-spacing:1px;
	padding:2px 4px;
}
#modGallery.copy{ /*format gallery description text*/

}
#modGallery li { display: inline;}

#modGallery .optionBox{
	margin: 5px 0 10px 0;
	width: 380px;
}
#modGallery form{
	margin-bottom: 10px;
	width: 390px;
	height: 65px;
}
#modGallery .btn{
	letter-spacing: 0px;
}
#modGallery .iconImg{
	margin: 2px;
}
span.copy div{/*Creates space at the bottom of copy on gallery description text*/
	padding-bottom: 10px;
width: 390px;
}