@charset "UTF-8";
/* CSS Document */

/* CSS Document */

body {

	background-color:#000;
	margin:0;
	padding:0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	
	color:#fff;

}

a {

	text-decoration:none;

}

.pinkhighlight {

	color:#ff4caf;

}

.greenhighlight {

	color:#7cbc31;

}

h1 {

	color:#7cbc31;
	font-size:140%;
	margin-top:0;
	font-weight:normal;
	text-transform:lowercase;

}

h2 {

	color:#7cbc31;
	font-size:120%;
	margin:20px 0 0 0;
	padding:0;
	font-weight:normal;
	text-transform:lowercase;

}

h3 {

	color:#7cbc31;
	font-size:100%;
	margin:0;
	padding:0;
	font-weight:normal;
	text-transform:lowercase;

}

p {

	color:#fff;
	text-align:justify;
	line-height:14px;
	
	font-size:75%;

}


#wrapper {

	width:971px;
	background:url(../images/site/header-bg.jpg) repeat-x 0 0;
	
	text-align:left;
	
	margin-bottom:20px;

}

#headerarea {

	

}

#headerlogo {

	float:left;

}






/*/////////////////////////////////////////////////*/
/*//////// MAIN MENU HOUSING / MAIN MENU  /////////*/
/*/////////////////////////////////////////////////*/


/*/////////////////// MAIN MENU HOUSING ///////////////////*/



/*/////////////////// MAIN MENU ///////////////////*/


#mainmenu {
   padding: 0;
   margin: 0;
   /*font-size:80%;*/
   text-align:left;
   
   float:right;
   
   font-size:75%;

}

#mainmenu ul {
   margin: 0 31px 0 27px;
   padding: 0;
   list-style-type: none;
   
   width:600px;
}

#mainmenu li {
	text-decoration:none;
		
	margin-right:4px;
	margin-top:23px;
	padding:93px 0 10px 0;
	margin-left:15px;
	
	background:url(../images/site/menubg/menubg-grey.jpg) repeat-x 0 0;
	
	/*padding-top:18px;
	padding-bottom:18px;*/
	
	text-align:center;
	
	float:right;
	display:inline;
	color:#eee;

}

#mainmenu li.last {

	

}

#mainmenu li.current, #mainmenu li.currentlast {

	text-decoration:none;
	background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;

}

#mainmenu li.currentnone , #mainmenu li.currentnonelast {
   color: #fff;
   background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;
}

#mainmenu li.currentnone a, #mainmenu li.currentnonelast a {
   color: #fff;
   background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;
}

#mainmenu li.current a, #mainmenu li.currentlast a {
   color: #fff;
   background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;
}

#mainmenu li.current li a, #mainmenu li.currentlast li a {
   color: #fff;
   background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;
}

#mainmenu li.current li.current a, #mainmenu li.currentlast li.currentlast a {
   color: #fff;
   background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;

}

/*#mainmenu ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #777;
}

#mainmenu ul ul li.last, #mainmenu ul ul li.currentnonelast , #mainmenu ul ul li.currentlast {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}*/


#mainmenu a {
	

	padding: 93px 5px 30px 5px;
	
	margin-top:23px;
	
	height:110px;
	
	text-decoration:none;
	color:#eee;
	
	background:url(../images/site/menubg/menubg-grey.jpg) repeat-x 0 0;

}

#mainmenu li a:hover {

	color:#fff;
	text-decoration:none;
	
	background:url(../images/site/menubg/menubg-pink.jpg) repeat-x 0 0;

}

#mainmenu li a:active {

	color:#fff;
	text-decoration:none;
	
	background:url(../images/site/menubg/menubg-green.jpg) repeat-x 0 0;

}






/*/////////////////// MAIN MENU - ROLL OVER BORDER METHOD ///////////////////*/


/*#mainmenu {
   padding: 0;
   margin: 0;
   text-align:left;
   
   float:right;

}

#mainmenu ul {
   margin: 0 31px 0 27px;
   padding: 0;
   list-style-type: none;
   
   width:450px;
}

#mainmenu li {
	text-decoration:none;
	
	border-top:84px solid #2e2e2e;
	
	margin-right:4px;
	margin-top:23px;
	padding:10px 0;
	margin-left:20px;
		
	text-align:center;
	
	float:right;
	display:inline;
	color:#eee;

}

#mainmenu li.last {

	

}

#mainmenu li.current, #mainmenu li.currentlast {

	text-decoration:none;
	background:url(../images/site/menu-link-active.gif) no-repeat 0 0;

}

#mainmenu li.currentnone , #mainmenu li.currentnonelast {
   color: #fff;
   border-top:84px solid #7cbc31;
}

#mainmenu li.currentnone a, #mainmenu li.currentnonelast a {
   color: #fff;
   border-top:84px solid #7cbc31;
}

#mainmenu li.current a, #mainmenu li.currentlast a {
   color: #fff;
   border-top:84px solid #7cbc31;
}

#mainmenu li.current li a, #mainmenu li.currentlast li a {
   color: #fff;
   border-top:84px solid #7cbc31;
}

#mainmenu li.current li.current a, #mainmenu li.currentlast li.currentlast a {
   color: #fff;
   border-top:84px solid #7cbc31;

}

#mainmenu a {
	

	padding: 10px 0 30px 0;
	
	text-decoration:none;
	color:#eee;

}

#mainmenu li a:hover {

	color:#fff;
	text-decoration:none;
	
	border-top:84px solid #ea49a2;

}

#mainmenu li a:active {

	color:#fff;
	text-decoration:none;
	
	border-top:84px solid #7cbc31;

}
*/



/*/////////////////////////////////////////////////*/
/*////////////// CONTENT STYLING //////////////////*/
/*/////////////////////////////////////////////////*/



#content-holder {

	border:1px solid #7cbc31;
	margin:0 7px 0 7px;

}

#page-twocol #content {

	background:url(../images/site/cornerlogo-small.jpg) no-repeat 100% 100%;

}

#page-onecol #content {

	background:url(../images/site/cornerlogo-small.jpg) no-repeat 100% 100%;

}


#content a {

	color:#7cbc31;

}

#gallery #content {

	padding:15px 24px 24px 24px;

}

#flash-graphic {

	padding:7px 7px 25px 7px;

}

#twocol {

	

}

#page-onecol #leftcol {

	width:485px;
	
	padding:0 24px 24px 24px;
	
	float:left;

}

#page-twocol #leftcol {

	width:485px;
	
	padding:0 24px 24px 24px;
	
	float:left;
	border-right:1px solid #7cbc31;

}

#rightcol {

	width:345px;
	
	padding:0 24px 24px 0;
	
	float:right;

}

#content .large-link {

	font-size:140%;
	text-decoration:underline;
	

}



/*/////////////////////////////////////////////////*/
/*/////////////// FOOTER STYLING //////////////////*/
/*/////////////////////////////////////////////////*/



#footer {

padding:11px 20px 0 20px;
margin:6px;
background:#2e2e2e;
height:25px;


font-size:75%;

}

.footer-left {

	float:left;

}

.footer-right {

	float:right;

}

.greentext {

	color:#8cc63f;

}



#locationmap {

	width:301px;
	
	float:left;

}

#contactdetails {

	float:right;
	
	width:165px;

}



















/*//////////////////////////////////////////////////////*/
/*//////////////// GALLERY MENU STYLING////////////////*/
/*////////////////////////////////////////////////////*/



#galpage-padding {

padding:25px;
padding-bottom:10px;

}


#content #gallery {

	border-top:1px solid #8cc63f;
	padding-top:20px;
	margin-top:20px;

}

#galmenu {
   margin: 0;
   padding: 10px 0 0 0;
   font-size: 110%;
   width:200px;
   float:left;
   display:inline;
}

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

#galmenu li {
   padding: 6px 0px 6px 9px;
   margin: 0;
   color:#fff;
   letter-spacing:3px;
   text-transform:lowercase;
}

#galmenu li a {

   color:#7cbc31;
}

#galmenu li li {
	background:#111;
    width:170px;
	margin:5px;
	margin-left:0;
	color:#7cbc31;
    font-size:65%;
	letter-spacing:normal;
}

#galmenu li li a {

   color:#fff;
}


#wrapper #content #galmenu ul li li a {



}

#galmenu li li.current {
	background:#7cbc31;

}

#galmenu li.last {

}

#galmenu li.current, #galmenu li.currentlast {
   color: #7cbc31;
   background:#111;
}

#galmenu li.currentnone , #galmenu li.currentnonelast {
   color: #7cbc31;
}

#galmenu li.currentnone a, #galmenu li.currentnonelast a{
   color: #7cbc31;
}

#galmenu li.current a, #galmenu li.currentlast a{
   color: #7cbc31;
}

#galmenu li.current li a, #galmenu li.currentlast li a{
   color: #7cbc31;
}

#galmenu li li.current {
   color: #7cbc31;
}

#galmenu li.current li.current a, #galmenu li.currentlast li.currentlast a{
   color: #7cbc31;
}

#galmenu ul ul {
   margin: 0 0 0 0;
   padding-bottom: 0;
   color: #7cbc31;
}

#galmenu ul ul ul {
   margin: 0.7em 0 0 0;
   padding-bottom: 0;
   color: #7cbc31;
}

#galmenu ul ul li.last, #galmenu ul ul li.currentnonelast , #galmenu ul ul li.currentlast {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}

#wrapper #content #galmenu ul li a {
   display: block;

   text-decoration: none;
   
}

#galmenu a:hover, #galmenu a:active {
   text-decoration:none;
}

#galmenu li li a:hover, #galmenu li li a:active {
   color:#fff;
   background:#111;
}

#galleryimage {
	width:685px;
	margin-left:210px;
	padding-top:10px;
	text-align:left;
}

#galtext {
   margin: 0;
   padding: 6px 0 3px 10px;
   font-size: 70%;
   width: 190px;
   color:#666;
   float:left;
   display:inline;
}

#gallerythumbs {
   width: 685px;
   margin-left: 210px;
   padding-top: 6px;
   text-align: left;
   padding: 6px 0 3px 0;
}

#gallerythumbs img {
   margin: 0 4px 4px 0;
}





/*/////////////////////////////////////////////////*/
/*///////////  DROP-DOWN MENU STYLING  ////////////*/
/*/////////////////////////////////////////////////*/

ul#dropmenu ul.SubMenu {
   position:absolute;
   top: 0;
   z-index:100;
   background-color: white;
   width: 190px;
   visibility: hidden;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
   padding: 0;
   margin: 17px 0 0 0;
}

#mainmenu ul#dropmenu ul.SubMenu li {
   background: #fff url('../images/site/button.jpg') no-repeat 0 0;
   width: 190px; /* Was 158px */
   height: 27px;
   margin: 0;
   padding: 0;
   display: block;
   float: left;
   clear: left;
   text-align: left;
}

#mainmenu ul#dropmenu ul.SubMenu li a {
   color: #111;
   text-indent: 5px;
   padding: 5px 0 0 0;
   margin: 0;
   width: 100%;
   text-decoration: none;
   display: block;
   float: none;
   height: 22px;
}

#mainmenu ul#dropmenu ul.SubMenu li a:hover{ /*hover background color*/
   background: #fff url('../images/site/buttondark.jpg') no-repeat 0 0;
   color: #000;
}








/*//////////////////////////////////////////////////////*/
/*//////////////// GALLERY MENU STYLING////////////////*/
/*////////////////////////////////////////////////////*/



/*///////////////// PORTFOLIO PARTS ///////////////////*/


#portfolio-styles {

	font-size:75%;

}


#portmenus {

	width:135px;
	float:left;
	background:#111;
	margin:6px 0 0 6px;

}

#portmenus h1 {

	color:#fff;
	font-size:130%;
	font-weight:normal;
	padding: 3px 0 3px 0;
	margin:0 0 0 15px;
	text-transform:lowercase;

}

#portitem  {

	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	
	text-align:left;

}

#portitem img {

	border: 3px solid #7fc02f;
	border-right:4px solid #7fc02f;

}


#detailholder {

	background:none;

}


#content #description {

	margin: 15px 0 0 0;
    padding: 0;
	
	font-size:110%;
	
	color:#fff;
	clear:both;	

}

#content-gal {

	width:800px;
	
	float:right;
	margin-right:6px;
	
	

}



.pagenav {
	  
	  margin: 15px 20px 0 0 ;
      padding: 2px;
	  padding-right:20px;
      background: #fff;

	  float:left;
	  
	  font-size:110%;
	  
	  background:none;
	  
	  border-top:none;
	  border-bottom:none;
	  
	  color:#fff;

}

.pagenav h2 {
      font-weight: normal;
      display: inline;
	  
	  background:none;
}

.pagenav ul {
      display: inline;
      margin: 0;
      padding: 0;
	  
	  background:none;
}

.pagenav li {
      display: inline;
      padding: 5px;

	  
	  background:none;
}

.pagenav li.first {
      background: none;
      padding-left: 0;
	  
	  background:none;
}

.pagenav li a {
        color: #fff;
        text-decoration: underline;
		
		background:none;
}

.pagenav li a:hover {
        color: #7fc02f;
        text-decoration: underline;
		
		background:none;
}


/*//////////////// DISCIPLINES MENU STYLES ///////////////////*/


.disc {
   padding: 10px 0 0 0;
   margin: 0 20px 0 0;
   width: auto;
   color:#7fc02f;
   
}

.disc ul {
   margin: 0 0 0 0;
   padding: 0 0 1.5em 0;
   list-style-type: none;
   
}

.disc h1 {
   margin: 0;
}

.disc li {
	color: #850d82;
	text-decoration:none;
	padding: 2px 0 2px 0;
        font-size:9px;

}

.disc li.last {


}

.disc li.current, .disc li.currentlast {

	padding: 3px 0 3px 0;
	text-decoration:none;

}

.disc li.currentnone , .disc li.currentnonelast {
   color: #850d82;
}

.disc li.currentnone a, .disc li.currentnonelast a {
   color: #850d82;
}

.disc li.current a, .disc li.currentlast a {
   color: #850d82;
}

.disc li.current li a, .disc li.currentlast li a {
   color: #850d82;
}

.disc li.current li.current a, .disc li.currentlast li.currentlast a {
   color: #777;

}

.disc a {
   padding: 3px 0 3px 15px;
	text-decoration:none;
	color:#fff;
}


.disc a:hover, .disc a:active {
   color:#fff;
	padding: 3px 0 3px 15px;
	text-decoration:underline;
	background:url(../images/site/arrow-yellow.gif) no-repeat 0 5px;
}


#flowchart {

	background:url(../images/site/flowchart/bg.jpg) repeat-y 0 0;

}

#fc-row {

	
	padding-bottom:20px;

}

#fc-image {

	width:96px;
	float:left;
	
	

}

#fc-text {
	
	width:360px;
	float:right;
	align:top;
	
	
	

}

#fc-text p{
	
	padding:0;
	margin:0;
	text-align:left;

}











#leftcol-art {

	width:680px;
	
	padding:0 24px 24px 24px;
	
	float:left;
	border-right:1px solid #7cbc31;

}

#rightcol-art {

	width:190px;
	
	padding:0 24px 24px 0;
	
	float:right;

}


