@charset "UTF-8";
/* CSS Document */
body{behavior:url(cssHoverFix.htc);
background-color:#000;
}

div#submenu {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 45px;
	
	
}

.header {
	width: 700px;
	margin-left: auto ;
	margin-right: auto ;
	border-left: 0px solid;
	border-right: 0px solid;
	border-top: 0px solid;
	padding: 0px;
}

.footer {
	width: 700px;
	background-color:#000;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	border-left: 0px solid;
	border-right: 0px solid;
	padding: 15px;
}

.footer2 {
	width: 700px;
	background-color:#000;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	border-left: 0px solid;
	border-right: 0px solid;
	padding: 15px;
}

.footer3 {
	width: 700px;
	background-color:#000;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;
	border-left: 0px solid;
	border-right: 0px solid;
	padding: 15px;
}

.footer4 {
	width: 700px;
	background-color:#000;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 390px;
	border-left: 0px solid;
	border-right: 0px solid;
	padding: 15px;
}

.footer5 {
	width: 700px;
	background-color:#000;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 250px;
	border-left: 0px solid;
	border-right: 0px solid;
	padding: 15px;
}


.centered {
	clear: both;
	width: 700px;
	margin-left: auto ;
	margin-right: auto ;

}

}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border-left: 0px solid;
	border-right: 0px solid;
	width: 700px;
	height: 400px;
	
	font-family: arial, helvetica, sans-serif;	
	color: #000;
	background-color:#000;

}
#wrapper ul
{margin:0px; padding:0px;
	margin-left: auto ;
	margin-right: auto ;
}

#wrapper ul li
{ height:30px; margin-left:15px; position:relative;
	margin-left: auto ;
	margin-right: auto ;
}

#wrapper li a
{color:#666; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#wrapper li a:hover
{color:#C9960C; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#wrapper li ul
{margin:0px; padding:0px;  display:none; position:absolute; left:0px; top:20px; background-color:#999;}

#wrapper li:hover ul
{display:block; width:160px;}

#wrapper li li
{list-style:none; display:list-item;}

#wrapper li li a
{color:#000; text-decoration:none;}

#wrapper li li a:hover
{color:#000; text-decoration:underline;}

#wrapperprocess {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border-left: 0px solid;
	border-right: 0px solid;
	width: 700px;
	height: 100px;
	
	font-family: arial, helvetica, sans-serif;	
	color: #000;
	background-color:#000;

}

#wrapper2 {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
		border-left: 0px soldi;
	border-right: 0px solid;
	width: 700px;
	font-family: arial, helvetica, sans-serif;	
	color: #000;
	background-color:#000;

}

#wrapper .on {
	color: #C9960C;
	text-decoration: none;
}

#tab {
	text-align: left;
	float: inherit;
	margin: 0px auto;
	padding: 0px;
	border-left: 0px solid;
	border-right: 0px solid;
	width: 300px;
	font-family: arial, helvetica, sans-serif;	
	color: #000;
	background-color:#000;

}

#wrapperP {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border-left: 0px solid;
	border-right: 0px solid;
	width: 20%;
	float: left;
	font-family: arial, helvetica, sans-serif;	
	color: #000;
	background-color:#000;

}
#wrapperP ul
{margin:0px; padding:0px;
	margin-left: auto ;
	margin-right: auto ;
}

#wrapperP ul li
{ height:30px; margin-left:15px; position:relative;
	margin-left: auto ;
	margin-right: auto ;
}

#wrapperP li a
{color:#666; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#wrapperP li a:hover
{color:#C9960C; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#wrapperP li ul
{margin:0px; padding:0px;  display:none; position:absolute; left:0px; top:20px; background-color:#999;}

#wrapperP li:hover ul
{display:block; width:160px;}

#wrapperP li li
{list-style:none; display:list-item;}

#wrapperP li li a
{color:#000; text-decoration:none;}

#wrapperP li li a:hover
{color:#000; text-decoration:underline;}


#wrapperP .on {
	color: #C9960C;
	text-decoration: none;
}

#wrapper3 .on {
	color: #C9960C;
	text-decoration: none;
}

#wrapper3
{width:700px; background:#000;
height: 220px;
font-family: arial, helvetica, sans-serif;
	border-left:0px solid;
	border-right: 0px solid;
	padding: 15px;
	margin-left: auto ;
	margin-right: auto ;
	}

#wrapper3 ul
{margin:0px; padding:0px;
	margin-left: auto ;
	margin-right: auto ;
}

#wrapper3 ul li
{display:inline; float:left; list-style:none; height:30px; margin-left:15px; position:relative;
	margin-left: auto ;
	margin-right: auto ;
}

#wrapper3 li a
{color:#666; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#wrapper3 li a:hover
{color:#C9960C; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#wrapper3 li ul
{margin:0px; padding:0px;  display:none; position:absolute; left:0px; top:20px; background-color:#999;}

#wrapper3 li:hover ul
{display:block; width:160px;}

#wrapper3 li li
{list-style:none; display:list-item;}

#wrapper3 li li a
{color:#000; text-decoration:none;}

#wrapper3 li li a:hover
{color:#000; text-decoration:underline;}

.text {
	font-family: arial, helvetica, sans-serif;	
	font-size: 12px;
	color: #fff;
	text-align:justify;
}

.boldtext {
	font-family: arial, helvetica, sans-serif;	
	font-size: 12px;
	color: #ccc;
	font-weight: bold;
}
.heading {
	font-family: arial, helvetica, sans-serif;	
	font-size: 14px;
	color: #000;
}
a.major {
	font-family: arial, helvetica, sans-serif;	
	font-size: 12px;
	color: #666;
	text-decoration: none;
	
}
a.major:hover {
	font-family: arial, helvetica, sans-serif;	
	font-size: 12px;
	color:#333;
	text-decoration:none;
	font-weight: none;
	
}

a.smlink {
	font-family: arial, helvetica, sans-serif;	
	font-size: 10px;
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
#linkage a {
	text-decoration:underline;
	font-family: arial, helvetica, sans-serif;
	color: #666;
}

#linkage a:hover { 
	text-decoration: none; 
	color: #666;
}



#navigation
{width:700px; height:30px; background:#000;
font-family: arial, helvetica, sans-serif;
	border-left:0px solid;
	border-right: 0px solid;
	padding: 15px;
	margin-left: auto ;
	margin-right: auto ;
	}

#navigation ul
{margin:0px; padding:0px;}

#navigation ul li
{display:inline; float:left; list-style:none; height:30px; margin-left: 0px; position:relative;}

#navigation li a
{color:#666; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:18px;
}

#navigation li a:hover
{color:#C9960C; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:18px;
}

#navigation li ul
{margin:0px; padding:0px;  display:none; position:absolute; left:0px; top:20px; background-color:#999;}

#navigation li:hover ul
{display:block; width:160px;}

#navigation li li
{list-style:none; display:list-item;}

#navigation li li a
{color:#000; text-decoration:none;}

#navigation li li a:hover
{color:#000; text-decoration:underline;}

#navigation .on {
	color:  #C9960C;
	text-decoration: none;
}

#navigation2 .on {
	color:  #C9960C;
	text-decoration: none;
}

#navigation2
{width:700px; background:#000;
height: 325px;
font-family: arial, helvetica, sans-serif;
	border-left:0px solid;
	border-right: 0px solid;
	padding: 15px;
	margin-left: auto ;
	margin-right: auto ;
	}

#navigation2 ul
{margin:0px; padding:0px;
	margin-left: auto ;
	margin-right: auto ;
}

#navigation2 ul li
{display:inline; float:left; list-style:none; height:30px; margin-left:15px; position:relative;
	margin-left: auto ;
	margin-right: auto ;
}

#navigation2 li a
{color:#666; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:18px;
}

#navigation2 li a:hover
{color: #C9960C; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:18px;
}

#navigation2 li ul
{margin:0px; padding:0px;  display:none; position:absolute; left:0px; top:20px; background-color:#999;}

#navigation2 li:hover ul
{display:block; width:160px;}

#navigation2 li li
{list-style:none; display:list-item;}

#navigation2 li li a
{color:#000; text-decoration:none;}

#navigation2 li li a:hover
{color:#000; text-decoration:underline;}

#navigation3 .on {
	color: #999999;
	text-decoration: none;
}

#navigation3
{width:700px; background:#000;
height: 400px;
font-family: arial, helvetica, sans-serif;
	border-left:0px solid;
	border-right: 0px solid;
	padding: 15px;
	margin-left: auto ;
	margin-right: auto ;
	}

#navigation3 ul
{margin:0px; padding:0px;
	margin-left: auto ;
	margin-right: auto ;
}

#navigation3 ul li
{display:inline; float:left; list-style:none; height:30px; margin-left:15px; position:relative;
	margin-left: auto ;
	margin-right: auto ;
}

#navigation3 li a
{color:#333; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#navigation3 li a:hover
{color:#666; text-decoration:none;
font-family:arial, helvetica, sans-serif; 
font-size:12px;
}

#navigation3 li ul
{margin:0px; padding:0px;  display:none; position:absolute; left:0px; top:20px; background-color:#999;}

#navigation3 li:hover ul
{display:block; width:160px;}

#navigation3 li li
{list-style:none; display:list-item;}

#navigation3 li li a
{color:#000; text-decoration:none;}

#navigation3 li li a:hover
{color:#000; text-decoration:underline;}

.design{
width: 350px;
height:600px;
margin-left: inherit ;
margin-right: auto ;
}


.planning{
float: right;
width: 350px;
}


#menupic {
    display: block;
    width: 175px;
    height: 315px;
    background-image: url(Img1A.png);
    border: none;
    text-decoration: none;
    
}
#menupic:hover {
    background-image: url(Img1B.png);
}
#menupic1 {
	background-image: url(img/Without Lines/Portfolio Index 4.jpg);

}
#menupic1:hover {
	background-image: url(img/Without Lines/Portfolio Index 4.jpg);
}
#menupic2 {
    display: block;
    width: 175px;
    height: 315px;
    background-image: url(Img2A.png);
    border: none;
    text-decoration: none;
    
}
#menupic2:hover {
    background-image: url(Img2B.png);
}

h2 {color: #666;}

#menupic3 {
    display: block;
    width: 175px;
    height: 315px;
    background-image: url(Img3A.png);
    border: none;
    text-decoration: none;
    
}
#menupic3:hover {
    background-image: url(Img3B.png);
}
#menupic4 {
    display: block;
    width: 175px;
    height: 315px;
    background-image: url(Img4A.png);
    border: none;
    text-decoration: none;
    
}

#menupic4:hover {
    background-image: url(Img4B.png);
}
#menupic5 {
    display: block;
    width: 134px;
    height: 315px;
    background-image: url(Img4A.png);
    border: none;
    text-decoration: none;
    
}
#menupic5:hover {
    background-image: url(Img4B.png);
}
#menupic6 {
    display: block;
    width: 134px;
    height: 315px;
    background-image: url(Img4A.png);
    border: none;
    text-decoration: none;
    
}
#menupic6:hover {
    background-image: url(Img4B.png);
}

#portpic {
	display: block;
	width: 115px;
	height: 200px;
	background-image: url(ResBW.jpg);
	border: none;
	text-decoration: none;
}

#portpic:hover {
    background-image: url(ResC.jpg);
}

#portpic1 {
	display: block;
	width: 115px;
	height: 200px;
	background-image: url(MultiBW.jpg);
	border: none;
	text-decoration: none;
}

#portpic1:hover {
    background-image: url(MultiC.jpg);
}

#portpic2 {
	display: block;
	width: 115px;
	height: 200px;
	background-image: url(CommercialBW.jpg);
	border: none;
	text-decoration: none;
}

#portpic2:hover {
    background-image: url(CommercialC.jpg);
}

#portpic3 {
	display: block;
	width: 115px;
	height: 200px;
	background-image: url(InstBW.jpg);
	border: none;
	text-decoration: none;
}

#portpic3:hover {
    background-image: url(InstC.jpg);
}

#portpic4 {
	display: block;
	width: 115px;
	height: 200px;
	background-image: url(DetailsBW.jpg);
	border: none;
	text-decoration: none;
}

#portpic4:hover {
    background-image: url(DetailsC.jpg);
}

#portpic5 {
	display: block;
	width: 115px;
	height: 200px;
	background-image: url(BoardsBW.jpg);
	border: none;
	text-decoration: none;
}

#portpic5:hover {
    background-image: url(BoardsC.jpg);
}