body{
height: 100%;
padding:0px;
margin:0px;
background-image: url("images/patterns/bg_pattern_6.png");
text-align:center;
}

a:hover{text-decoration:none;}

img {border:0px;}

img.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.content1 {
	position:relative;
	z-index:1;
}

.dt {display:table; width:100%;}

table.newsdt{
	border-bottom: thin dashed;
	background-color:#000;
	margin-left: auto;
	margin-right: auto;
}

table.t_table
{
	width: 100%;
}

tr.row {width:100%; height:100%;}
td.col {text-align:left; vertical-align:top; width:100%; float:left; height:100%; vertical-align: auto;}

.newsTable {
	display:table;
	width:450px; 
	background-color:#000;
}

.projectTable {
	display:table;
	width:750px; 
	background-color:#31312F;
	margin-left: auto;
	margin-right: auto;
}

.featuredProject{background-color:#000; margin-left: auto; margin-right: auto; display: block; text-align:center;}

.gigs { background-color:#000; }

.dr { display:table-row; width:100%; height:100%;}

.dc { 
	display:table-cell; 
	text-align:left; 
	vertical-align:top; 
	width:100%; 
}

.dc { 
		float:left; 
		height:100%; 
		vertical-align: auto;
}


.main_text, input, textarea, body, font, select, table
	{
		font-family:Tahoma;
		font-size:11px;
		line-height:14px;
		color:#878787;
	}

ul { margin:0px; padding:0px; list-style: none;}

li  {
	background:url(images/a2.gif) no-repeat left center; 
	margin: 0px 0px 0px 0px; 
	padding:0px 0px 0px 9px; 
	font-weight:bold
}

li a  {
	font-family:Tahoma;
	font-size:11px;
	line-height:18px;
	color:#A9A9A9
}

span strong { color:#C4C4C4}

strong a { color:#A9A9A9}

.f_text{ color:#AFAFAF; text-decoration:none}
.f_text:hover{ color:#AFAFAF; text-decoration:underline}

.w_text { color:#FFFFFF}
	
.l_text { color:#9E9E9E; font-weight:bold; text-decoration:none}
.l_text:hover{ color:#9E9E9E; font-weight:bold; text-decoration:underline}

.c_text { color:#858585;}
.c_text a{ color:#858585; font-weight:bold; text-decoration:none}
.c_text a:hover{ color:#858585; text-decoration:underline}

.c2_text { color:#5F5D5D;}
.c2_text a{ color:#7B7C7B}

.main_border { border-left:1px #888888 solid; border-right:1px #888888 solid; margin:auto; width:766px; height:100%;}

.main { width:766px; height:828px;}

.header { height:386px;}
.header_r1 { height:106px;}
.header_r2 { height:280px;}

.content { background: #31312F; height:333px;}

.cell_bg1 { background:#41413F;}
.cell_bg2 { background:#525251;}

.footer { background: #31312F; height:45px;}
.footer .dc { text-align:center;}
.footer_r1 { background:#414140; height:5px;}
.footer_r2 { background:#3A3A39; height:39px;}
.footer_r3 { background:#3A3A39; height:61px;}

form { margin:0px; padding:0px;}

.form{height:23px; margin-top:3px;}
.form input{width:178px; height:20px; padding-left:3px}

textarea{
	width:178px;
	height:153px;
	padding-left:3px;
	overflow:hidden;
	margin-top:3px
}

.input{
	width:128px;
	height:17px;
	background-color:#D6D6D6;
	padding-left:5px;
	color:#31312F;
	font-size:10px;
	line-height:10px;
	padding-top:0px;
}

.h_l { background:#41413F; height:1px;}

.v_l { background:url(images/bg-line.gif) repeat-y left;}

a {
	color: #FFF;
}

a.projectTitle{
	color: blue;
}

a.info{
    position:relative;           /*this is the key*/
    z-index:24;
    /* background-color:#e0e0e0;     background colour of display text */
    color: White;               /* colour of display text */
    /* border:1px dotted #999;     border colour */
    text-decoration:none;
}
 
a.info:hover {
    z-index:25;
    background-color:#3A3A39;
}
 
a.info span{
    display: none;  /* hide the span text using this css */
}
 
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 1.5em;
    left: 10em;
    width:15em;
    border:1px solid White; /* border colour */
    background-color:#3A3A39; /* background colour here */
    color: White;         /* text colour */
    text-align: center;
    font-size: .8em;
    z-index:30;
}

/*Hover link for featured project*/

a.featuredProj{
    position:relative;           /*this is the key*/
    z-index:24;
    /* background-color:#e0e0e0;     background colour of display text */
    color: White;               /* colour of display text */
    /* border:1px dotted #999;     border colour */
    text-decoration:none;
	margin-left: auto;
	margin-right: auto;
}
 
a.featuredProj:hover {
    z-index:25;
}
 
a.featuredProj span{
    display: none;  /* hide the span text using this css */
}
 
a.featuredProj:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 3em;
    left: 15em;
    width:15em;
    border:1px solid White; /* border colour */
    background-color:#3A3A39; /* background colour here */
    color: White;         /* text colour */
    text-align: center;
    font-size: .8em;
    z-index:30;
}

/*Indentation for <p>*/
P {text-indent: 20pt;}


/*Table style sheet*/
table.project {
	border-width: 1px;
	border-spacing: 0px;
	border-style: dashed;
	border-color: gray;
	border-collapse: collapse;
	margin-left: 14px;
	margin-right: 15px;
	background-color: #3f3f3c
}
table.project th {
	font-size: 10;
	border-width: 1px;
	padding: 1px;
	border-style: dashed;
	border-color: gray;
	background-color: #dbc768;
}
table.project td {
	text-align: left;
	vertical-align: top;
	border-width: 1px;
	padding: 1px;
	border-style: dashed;
	border-color: gray;
}

img.mycenter {margin-left:auto; margin-right:auto; display:block; text-align:center;}
object.centerthis {margin-left: auto; margin-right:auto; display: block; text-align:center;}
.centerAgain{margin-left: auto; margin-right: auto; display: block; text-align:center;}

.details{
	text-align: left;
	font-family: tahoma;
	font-size: 13;
	font-weight: bold;
	color: #FFF;
	padding-left: 10pt;
}