/*
Jam Studio Style sheet
*/
html{
	margin: 0;
	padding: 0;
	height: 101%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background: #000 url(../images/bk.jpg);
	background-repeat: repeat-x;
	font-size: small;
	color: #FFFFFF;
}


p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 90%;
    line-height: 1.4;
}



/* Header */

#header {
	width: 1000px;
	height: 64px;
	margin: 0 auto 0 auto;
	padding-top: 38px;
}

#logo {
	float: right;
}

/* Menu */

#menu {
	float: left;
	width: 800px;
	margin: 0 0 0 -30px;
	padding: 0
}

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

#menu li {
	display: inline;
}



#menu a {
	display: block;
	float: left;
	margin: 8px 0 0 0;
	padding: 0 0 0 35px;
	text-decoration: none;
	font-size: 140%;
	font-weight: bold;
	color:#999999;
}

#menu a:hover {
	text-decoration: none;
	color:#FFF;
}

#menu .active a {
	color:#FFF;
}

#submenu {
	text-align: left;
	clear: both;
	width: 800px;
	height: 17px;
	margin: 7px 0 0 -10px;
	padding: 0;
}

#submenuitems ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#submenuitems li {
	padding:0;
	display: inline;
	margin: 0;
}


#submenuitems a {
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color:#999999;
	padding: 0px 0px 0px 22px;
	
}

#submenuitems a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#submenuitems .active a {
	color:#FFFFFF;
}


/* Page */

#page {
	width: 1004px;
	height: 520px;
 	padding: 0;
	margin: 0 auto;
}


#homecontent {
	float: left;
	width: 303px;
	height: 474px;
	padding: 8px 15px 0px 15px;
	margin: 0;
	background-color: #444;
	overflow:hidden; 
}


#homecontent h1 {
	color: #999999;
	font-size: 100%;
	font-weight: bold;
	margin: 4px 0px 20px 0px;

}

#homecontent h4 {
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
}

#homecontent h5 {
	color: #999999;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0 20px 0;
	padding: 0;

}
#homecontent h3 {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}

#homecontent .redtext {
	color: #FF0066;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

#homecontent .whitetext {
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

#homecontent .whitetext2 {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


#projectcontent {
	float: left;
	width: 303px;
	height: 255px;
	padding: 0;
	margin: 0;
	background-color: #444;
	overflow:hidden; 
}


#projectcontent h1 {
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding:0;
}

#projectcontent h4 {
	color: #999999;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding:0;
}

#projectdetails{
	clear:both;
	margin: 0;
	width: 303px;
	height: 104px;
	padding: 40px 0 0 0;
	float: left;
	background-color: #444;
	overflow:hidden; 
}

#projectdetails p{
	font-size: 100%;
	border-bottom: solid 1px #878787;
	font-weight: bold;
	color: FFFFFF;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

#projectdetails .txtgrey{
	color: #797979;
	font-size: 110%;
	font-weight: bold;
}

#projectmore {
	float: left;
	width: 303px;
	height: 474px;
	padding: 8px 15px 0px 15px;
	margin: 0;
	background-color: #444;
	
}

#projectmore p {
	margin: 0px 15px 0px 15px;
}

#projectmore h4 {
	color: #999999;
	font-size: 100%;
	font-weight: bold;
	margin: 4px 0 20px 0;
}

#projectmore h1 {
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

.plusmore{
	width: 250px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}


#more{
  	margin: 0;
	padding: 0;
	float: left;
  	top: 0px;
	left: 0px;
  	width: 308px;
  	height: 387px;
	position: relative;
  	top: 0px; left: 0px;
  	background-color: #444444;

}



/* Image Area */

#imageareawrap {
	float: left;
	width: 667px;
	height: 520px;
	background-color: #000000;
}
/* see slideshow css for inner detials */

/* 3 column Area */

/* Left 3 column */
#leftcontent {
	float: left;
	width: 312px;
	height: 476px;
	margin: 0;
	padding: 6px 6px 0 15px;
	background-color: #444;
	}

#leftcontent h4{
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

#leftcontent h5 {
	color: #999999;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0 20px 0;
	height: 20px;

}

#homecontent ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#leftcontent ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#rightcontent ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

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

.listunstyled li{
	margin: 0;
	padding: 6px 0 0 0;
	list-style: none;
}

/* Image middle 3 column */
#imagemiddle {
	float: left;
	width: 334px;
	height: 482px;
	background-color: #000000;
}

/* Right 3 Column */
#rightcontent {
	float: left;
	width: 312px;
	height: 476px;
	margin: 0;
	padding: 6px 6px 0 15px;
	background-color: #444;
}


#rightcontent h2{
	color: #FF0066;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#rightcontent h4{
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#rightcontent h5 {
	color: #999999;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0 20px 0;
	height: 20px;
}

#rightcontent a:link, #rightcontent a:visited,  #rightcontent a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

#rightcontent a:hover {
	text-decoration: underline;
	color: #F7005A;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 15px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 15px;
}

/* Links */
a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
}


/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
}



/* Footer */

#footer {
	width: 1000px;
	clear: both;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 6px 0 0 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

#footer3col {
	width: 1000px;
	clear: both;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 9px 0 0 0 ;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}


#legal {
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 90%;
	color: #666666;
}

#legal a {
	font-weight: bold;
	color: #666666;
}
#legal a:hover {
	text-decoration: none;
	color:#FFF;
}