/*========================================================= PORTAL SECTION ===============================================*/

body{
	background-image:url(../images/OVERVIEW%20BACKGROUND.jpg);
	margin:0px;
	padding:0px;
	overflow:auto;
}


#wrapperPORTAL{
	width:950px;
	height:auto;
	padding:0px;
	margin:0px auto;
}


#wrapperPORTAL p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:0px;
	margin:0px;
	
}


#wrapperPORTAL h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	padding:0px;
	margin:0px;
}
#wrapperPORTAL h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding:0px;
	margin:0px;
}



/*========================= BOTTOM PAGE LINKS =====================*/


#wrapperPORTAL h3{  /* === Links right === */
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:12px;
	color:#FFF;
	padding:0px;
	margin:0px;
	
}


#wrapperPORTAL h4{  /* === Links left === */
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	color:#FFF;
	padding:0px;
	margin:0px;
	
}

#menuPLACEHOLDER {
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	float:right;
	font-size:12px;
	color:#FFF;
	width:680px;
	height:20px;
	margin:0px;
	text-align:right;
	font-weight: bold;
}
#menuPLACEHOLDER ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
}
#menuPLACEHOLDER li {
	display:inline;
	padding:20px;
	text-align:right;
	font-weight: bold;
}


#menuHome {
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	font-size:13px;
	color:#FFF;
	width:920px;
	margin:0px;
	text-align:left;
	font-weight: bold;
	padding-bottom:15px;
}

#menuHome ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
	
}
#menuHome li {
	display:inline;
	padding:20px;
	text-align:right;
	font-weight: bold;
	padding-left:0px;
	padding-right:23px;
}



/*================ LINKS ================*/


a:link {
	color: #FFF;
	text-decoration:none;
}
a:visited {
	color: #CCC;
	text-decoration:none;
}
a:hover {
	color:#F6DF31;
	text-decoration:none;
}


/*============== IMAGERY =================*/


#logo{
	background-image:url(../images/LOGO.png);
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:235px;
	height:92px;
	
}


#image1{
	background-image:url(../images/PORTFOLIO-IMG.jpg);
	background-repeat:no-repeat;
	display:block;
	padding:0px;
	margin:0px;
	width:445px;
	height:419px;
}


#image2{
	background-image:url(../images/SHOP-IMG.jpg);
	background-repeat:no-repeat;
	display:block;
	float:right;
	padding:0px;
	margin:0px;
	width:445px;
	height:200px;
	
}


#image3{
	background-image:url(../images/PROJECTS-IMG.jpg);
	background-repeat:no-repeat;
	display:block;
	float:right;
	padding:0px;
	margin:0px;
	width:445px;
	height:200px;
	
}

#image4{
	background-image:url(../images/GALLERY-IMG.jpg);
	background-repeat:no-repeat;
	display:block;
	padding:0px;
	margin:0px;
	width:445px;
	height:200px;
}


/*================= DIVS =================*/


#link1{
	padding-top:380px;
	width:184px;
	height:27px;
	
}


#link1 p{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	font-size:12px;
	color:#CCC;
}


#link2{
	padding-top:160px;
	width:184px;
	height:27px;
	
}

#link4{
	padding-top:160px;
	width:184px;
	height:27px;
}


#link2 p{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	font-size:12px;
	color:#CCC;
}


#link3{
	padding-top:160px;
	width:184px;
	height:27px;
	
}


#link3 p{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	font-size:12px;
	color:#CCC;
}


.menu{
	padding:0px;
	margin:0px;
	width:200px;
	height:415px;
}



/*============================================= NAV TEST BAR ======================================*/
/*=============================================              ======================================*/

/* PORTFOLIO TAB */
ul#menu {
	width:100%;
	height:40px;
	list-style:none;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:0px;
	padding-left:0%;
}
ul#menu li {
	float:left;
}
ul#menu li a {
	background:url(../images/navPORT.png) no-repeat scroll top left;
	display:block;
	height:40px;
	position:relative;
}
ul#menu li a.portfolio {
	width:200px;
}

ul#menu li a span {
	background:url(../images/navPORT.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
ul#menu li a.portfolio span {
	width:200px;
	background-position:0px -40px;
}

/* SHOP TAB */
ul#menu2 {
	width:100%;
	height:40px;
	list-style:none;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:0px;
	padding-left:0%;
}
ul#menu2 li {
	float:left;
}
ul#menu2 li a {
	background:url(../images/navSHOP.png) no-repeat scroll top left;
	display:block;
	height:40px;
	position:relative;
}
ul#menu2 li a.shop {
	width:200px;
}

ul#menu2 li a span {
	background:url(../images/navSHOP.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
ul#menu2 li a.shop span {
	width:200px;
	background-position:0px -40px;
}


/* SHOP PROJECT */
ul#menu3 {
	width:100%;
	height:40px;
	list-style:none;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:0px;
	padding-left:0%;
}
ul#menu3 li {
	float:left;
}
ul#menu3 li a {
	background:url(../images/navPROJECT.png) no-repeat scroll top left;
	display:block;
	height:40px;
	position:relative;
}
ul#menu3 li a.project {
	width:200px;
}

ul#menu3 li a span {
	background:url(../images/navPROJECT.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
ul#menu3 li a.project span {
	width:200px;
	background-position:0px -40px;
}

/* SHOP PROJECT */
ul#menu4 {
	width:100%;
	height:40px;
	list-style:none;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:0px;
	padding-left:0%;
}
ul#menu4 li {
	float:left;
}
ul#menu4 li a {
	background:url(../images/navPORTHOME.png) no-repeat scroll top left;
	display:block;
	height:40px;
	position:relative;
}
ul#menu4 li a.gal {
	width:200px;
}

ul#menu4 li a span {
	background:url(../images/navPORTHOME.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
ul#menu4 li a.gal span {
	width:200px;
	background-position:0px -40px;
}