/* CSS Document */
body{
		background:url(../designing_spaces1/images/designing-spaces-blueprint.jpg) fixed;
		background: white;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
#doc {
	margin:auto;
	position:relative;
	width:997px;
	height: 1905px;
	
		
}
#masthead{
	background-image:url(../designing_spaces1/images/header.jpg);
	background-color:#fe8504;
	width:997px;
	height: 187px;
}
#flashheader{
	position:absolute;
	top:0px;
	left:0px;
	width:997
	height:187px;
}
	
#docBack{
	background-color:#FFFFFF;
	height:1907px;
	left:0px;
	position:absolute;
	top:15px;
	width:997px;
}
	

h1 {
	font-size:18px;
	color:#003399;
	}
h2 {
	font-size:14px;
	color:#003399;
	}
h3	{
	font-size:14px;
	color:#FFFFFF;
}
h4 {
	font-size:10px;
	}
img {
	margin:0px;
	padding: 0 px;
	}


/*   -----------Menus-----------*/
ul{
	color:#000000;
	font-size:10px;
	
	}
	#menu {
		background: url('../designing_spaces1/images/menu_back.jpg') repeat-x;
		float:left;
		font-size:11px;
		color:#FFFFFF;
		line-height:normal;
		width:997px;
		height:38px;
		margin-left: 0px;
		}
		#menu ul {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0pt;
			padding:0px 20px 0pt;
		}
		#menu li {
			background:transparent url(../designing_spaces1/images/menu_divider.jpg) no-repeat scroll left top;
			float:left;
			margin:0pt;
			padding:0pt 0pt 0pt 9px;
			height:30px;
		}
		#menu a {
			background:transparent url(../designing_spaces1/images/menu_divider.jpg) no-repeat scroll right top;
			color:#FFFFFF;
			display:block;
			font-weight:bold;
			padding:8px 15px 4px 6px;
			text-decoration:none;
			cursor:pointer;
		}
		#menu a:hover {
			color:#00FFFF;
		}
		#menu #current {
			background:url('../designing_spaces1/images/menu_selected.jpg') repeat-x;
		}
		#menu #current a {
			background:url('../designing_spaces1/images/menu_selected.jpg') repeat-x;
			color:#FFFFFF;
			padding-bottom:5px;
		}

#menu ul form input{
	font-size:12px;
	background:#E6F7F7;
	margin-top:5px;
	}

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #666;
width: 100%;
background: url(../designing_spaces1/images/menu_selected.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(../designing_spaces1/images/menu_selected.jpg) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}






/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:130;
background-color:#666;
width: 200px;
margin-left:-150px;
margin-top:-5px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid black; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
}

	



#position1, #position2, #position3, #position4, #position5, #position6 {
	padding: 0px;
	margin: 0px;
	}

#accordion {
    
    width: 460px;
}
#stories{
	margin:0px;
	padding:0px;
	}
#accordion img{
	cursor:pointer;
	}
.panelheader{
	background-image: url('../designing_spaces1/images/example1_panelBG_gr.png');
  height: 22px;
	color:#000099;
	font-weight : normal;
  padding-left: 5px; padding-top: 5px;
}

.panelHover {
  background-image: url('../designing_spaces1/images/example1_panelBGHover_gr.png');
  height: 22px;
	color:#0066FF;
  padding-left: 5px;
}

.panelClicked {
   background-image: url('../designing_spaces1/images/example1_panelBGClick.png');
   height: 22px;
   color : #ffffff;
   padding-left: 5px;
}

.panelSelected {
	background-image: url('../designing_spaces1/images/example1_panelBGSelected_gr.png');
  height: 22px;
	color : #000099;
	font-weight : bold;
  padding-left: 5px;
}
.panelContent {
    background-image: url('../designing_spaces1/images/example1_contentBG_gr');
    background: #FFFFFF;
    overflow: auto;
}


/*        ###############Position of content ##############   */

#header {
	position:absolute;
	top:0px;
	left:0px;
	}

#mastAd {
	position:absolute;
	left: 490px;
	top: 14px;
	}
#loginBox{
	position:absolute;
	left:800px;
	top:160px;
	width: 100px;
}
#video{
	position:absolute;
	left: 5px;
	top:420px;
	width: 705px;
	height: 315px;
	
	}

#position1 {
	
	height:276px;
	left:5px;
	position:absolute;
	top:729px;
	width:704px;
	
	}
#position2 {
	
	height:280px;
	left: 728px;
	position:absolute;
	top:450px;
	width:300px;
	
	}
#position3 {
	
	background-color:#CCCCCC;
	height:300px;
	left:5px;
	position:absolute;
	top:1314px;
	width:315px;
		
	}
#position4 {
	
	left:5px;
	position:absolute;
	top:1917px;
	width:990px;
	
	
	}
#position5 {
	
	background-color:#CCCCCC;
	height:188px;
	left:5px;
	position:absolute;
	top:225px;
	width:332px;
	
	}	
#position6 {
	background-color:#CCCCCC;
	height:312px;
	left:328px;
	position:absolute;
	top:1314px;
	width:379px;
	
	}
#position7 {
	
	position:absolute;
	left: 345px;
	top:217px;
	width: 645px;
	height: 125px;
	
	}
	.position7content{
	overflow:auto;
	height:122px;
	}

#position8 {
	
	background-color:#CCCCCC;
	height:190px;
	left:5px;
	position:absolute;
	text-align:center;
	top:1630px;
	width:700px;
	
	}
	#position8 .content{
		height:211px;
		overflow:auto;
	}
		
#comments{
	font-size:10px;
	border-bottom:1px solid gray;
}
#schedule{
	border:thin #06F;
	font-size:12px;
}
#schedule td{
	border-top: 1px solid gray;
}

#adbar1 {
	
	
	height:130px;
	left:720px;
	position:absolute;
	text-align:center;
	top:720px;
	width:250px;
	}
	
#adbar2 {
	
	position:absolute;
	left: 5px;
	top:1259px;
	width: 980px;
	height: 140px;
	 
	}
#adstack1{
	
	
	height:1035px;
	left:720px;
	margin:0;
	padding:10px;
	position:absolute;
	top:875px;
	width:251px;
	padding-top:0px;
	 
	}
	#adstack1 img{
	margin-top:5px;
	margin-bottom:0px;
	}
	#adstack1{
	
	height:1035px;
	left:720px;
	margin:0;
	padding:10px;
	position:absolute;
	top:875px;
	width:251px;
	padding-top:0px;
	 
	}
	#adstack1 p{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	}
#keywords {
	
	font-size:10px;
	height:29px;
	left:0px;
	position:absolute;
	top:2150px;
	width:998px;
		
	}
	#keywords ul {
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0px 20px 0pt;
		}
	#keywords li {	
		float: left;
		margin:0px 5px;
		color:white;
		font-weight:bold;
		font-size:16px;
		
		}
	#keywords a {
		text-decoration:none;
		color:#CCC;
	}
	#keywords a:hover {
		color: white;
	}
#footer {
	text-align:center;
	position:relative;
	left: 0px;
	/*top:3600px;*/
	bottom:0;
	width: 980px;

	}

.subHead{
	height:40px;
	background:url(../designing_spaces1/images/content_header1.jpg) no-repeat;
	font-size:14px;
	}
.subHead2{
	background-color:#000000;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height: 22px;
	
	}
.subTitle2{
	float:right;
	margin-top: 0px;
	}
.subhead a {
	margin-top:5px;
	}
.buttonBox{
	margin:0px;
	padding:0px;
	height:100%;
		
	}
.buttonBox ul {
	font-size:13px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;
	padding:0px;
	text-align:left;
	}
.buttonBox li {
	background:url(../designing_spaces1/images/content_header2.jpg);
	background-repeat:repeat-y;
	height:23px;
	margin-left:0px;
	margin-top:3px;
	}
.buttonBox li:hover {
	background:url(../designing_spaces1/images/content_header_glow.jpg) no-repeat right top;
	}
.buttonBox a {
	background:transparent url(../designing_spaces1/images/content_header2.jpg) no-repeat scroll left top;
	display:block;
	height:26px;
	margin-top:0px;
	padding-left:10px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-shadow:#666666;
	font-variant:small-caps;
	margin-right: 
	}
.buttonBox a:hover {
	background:transparent url(../designing_spaces1/images/content_header_glow.jpg) no-repeat scroll left top;
	}
	
.subHead{
	height:100%;
	background: white;
	
	margin:0px;
	padding:0pt;
	text-align:left;
	background:url(../designing_spaces1/images/brightyellowbar_back.jpg) no-repeat right top;
	height:50px;
	}
.subHead .subTitle{
	background:transparent url(../designing_spaces1/images/brightyellowcap_left.jpg) no-repeat scroll left top;
	display:block;
	height:26px;
	margin-top:0px;
	padding:14px;
	text-decoration:none;
	color: white;
	}
.subTitle a{
	font-size:11px;
	margin:4px;
	padding:0px;
	}
.subTitle a:hover{
	font-size:11px;
	margin:4px;
	padding:0px;
	color:#FF0000;
	}
.subTitle {
	font-size:17px;
	font-weight:narrow;
	color:#0033CC;
	}
.content {
	background: #E4E4E4;
	font-size:15px;
	margin:2px 0px 0px;
	padding:5px;
	}
.content img{
	padding: 5px;
	}

.adbar img{
	margin:5px;
	}
.logoLinks{
	height:163px;
	overflow:auto;
	text-align:center;
	background:#FFF;
	width:950px;
	margin-left:10px;
	}
#Carousel{
	position:relative;
	margin-left:115px;
	
}


.affiliates{
	height:455px;
	overflow:auto;
	
	}
	.affiliate{
		border-bottom: 1px solid #999999;
		width:250px;
		height:75px;
		}
	.affiliateLogo{
		float:left;
		}
	.affiliateDescription{
		float:right;
		width:140px;
		}
.position1content{
	overflow:auto;
	height:535px;
	}
.position3content{
	overflow:auto;
	height:290px;
	text-align:center;
	}

	
.videocontent{
	
	height:185px;
	overflow:auto;
	text-align:center;
}
		
.smallcontent{
	overflow:auto;
	height:70px;
	}
.content ul {
	font-size: 12px;
	}
	
.project{
		
		background:#CCC;
		width: 227px;
		padding:10px;
		float: left;
		margin: 10px;
		font-size:10px;
		height: 340px;
		overflow:hidden;
		margin-right:42px;
		margin-left:42px;
	}
	.project img{
		padding: 10px 10px 25px 10px;
		background: #eee;
		border: 1px solid #fff;
		-moz-box-shadow: 0px 2px 15px #333;
		
	}
	
#projects{
		background:white;
		margin: 10px;
		padding: 10px;
	}
	
	#uploadForm{
		margin:20px;
	}
		
		
		
.disclaimer{
	text-align:center;
		
}