/*
	Design by Dipan Bhagalia - Tech On Call

	background: url(images/gold-background.jpg) no-repeat center center fixed;
	background-image: url('images/gold-background.jpg');
	background-attachment: fixed;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px; 
*/

*
{
	padding: 0em;
	margin: 0em;
}

body
{
	background: url(images/gold-background.jpg) no-repeat center center fixed;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

body,input
{
	font-size: 10pt;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333333;
}

p
{
	line-height: 1.5em;
	margin-bottom: 1.0em;
	text-align: justify;
}

#outer
{
	/*z-index: 2;
	position:relative;
	
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
	width: 977px;
	height:670px;
	border:
	border: solid 8px #FFF;
	background-color:#FFF;
	margin: 10px auto;
}

#header
{
	position: relative;
	width: 100%;
	height: 270px;
	margin-bottom: 2px;
}

#menu
{
	position: relative;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	font-size: 12px;
	text-transform: uppercase;
	height: 30px;
	width:760px;
	margin-right:20px;
	float:right;
	padding: 10px 10px 10px 10px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: 0em 3.1em;
	background-image: url(images/border3.gif);
}

#menu ul
{
	position: absolute;
	top: 10px;
	width: 779px;
	left: 0px;
	height: 20px;
}

#menu ul li
{
	position: relative;
	display: inline;
}

#menu ul li a
{
	padding: 0.5em 1.0em 0.9em 1.0em;
	color: #7f7f7f;
	text-decoration: none;
}

#menu ul li a:hover
{
	text-decoration:none;
	color:#000000;
}

#menu ul li a.active
{
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#page {
	width: 980px;
}

#content
{
	float:left;
	width: 980px;
}

#rightContent
{
	float: right;
	width: 190px;
}

#bLeftContent
{
	float: left;
	width: 170px;
	height: 515px;
}

#bRightContent
{
	float: left;
	width: 783px;
	margin-left:6px;
	margin-bottom: 6px;
}

#ringL
{
	width:222.5px;
	float:left;
}

#ringL .img
{
	padding-bottom:0px;
}

#ringC
{
	width:285.4px;
	float:left;
	margin-left:7px;
	margin-right:6px;
}

#ringC .img
{
	padding-bottom:0px;
}

#ringR
{
	width:258.1px;
	float:left;
}

#ringR .img
{
	padding-bottom:0px;
}

#leftcontent-text 
{
	width:378px;
	height: 515px;
	margin-left:5px;
	float:left;
}

#leftRing 
{
	width:388px;
	margin-right:5px;
	float:left;
}


#leftRing .img
{
	padding-bottom:0px;
}

#leftRing a:hover
{
	padding:0px;

}

#rightRing 
{
	width:387.5px;
	float:left;
}

#rightText 
{
	width:388px;
	margin-left:15px;
	float:left;
}

#rightRing .img
{
	padding-bottom:0px;
}

#rightRing a:hover
{
	padding:0px;

}

#footer
{
	position: relative;
	height: 20px;
	width:783px;
	float:right;
	margin-right:21px;
	font-size: 0.8em;
	background-repeat: repeat-x;
	background-image: url(images/border3.gif);
}

#footer .left
{
	font-size: 7pt;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333333;
	position: absolute;	
	left: 2.0em;
	bottom: 1.2em;
}


#footer .centre
{
	text-align:center;
	position: absolute;
	border:thin;
	padding-top:10px;
	width: 780px;
	height: 31px;
	
}


#footer .right
{
	font-size: 8pt;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #002C77;
	text-align: right;
	position: absolute;
	right: 12px;
	bottom: 10px;
	width: 529px;
	height: 16px;
}

#footer a, a:hover 
{
	color: #000;
}
#img {
	border: none;
}


/* slider */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/

width: 783px; /*width of featured content slider*/
height: 453px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding-left:5px;
background: white;
width: 781px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTr	ansform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 783px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
padding: 8px 0px 8px 0px;
margin-left:170px;
}

.pagination a, a:hover, .pagination a.selected{
padding: 0 5px;
color: #000;

}