/* CSS Document */


/* ////////////////////////////////////////////////////////////////// overall layout styles */

body {	margin:0px; background-color:#ffffff; background-color:#666;}
body, html {height:100%;}

#wrapper { 

	width:100%;
	min-height:100%;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;  
}

a { text-decoration:none; }
p { margin-top:0px; color:#666; } 
h1 { margin-top:0px; color:#FF6600; font-size:26px; } 
h2 { margin-top:0px; color:#FF6600; font-size:20px; } 



/* ////////////////////////////////////////////////////////////////// header */ 
#header { 
position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background-color:#8388A5; 
	background-image:url(../LayoutImages/header.jpg); 
	
	background-position:right; 
	background-repeat:no-repeat;
}


#header a { color:#ffffff; text-decoration:none }
#header h1 { font-size:24px;  }

/* ////////////////////////////////////////////////////////////////// menu */

#menu {
	border-top:5px #FF6600 solid;  
	height:40px; margin-top:30px;
	background-color:#333333;
}

#menu a { color:#FFFFFF; text-decoration:none; padding-left:10px; font-weight:bold; font-size:12px; display:block; float:left; height:40px; width:149px; border-left:1px #ffffff solid; }
#menu a span { font-weight:normal; }
#menu a:hover {
	background-color:#282828;
	border-bottom:3px #FF6600 solid;
	height:37px;
}


/* ////////////////////////////////////////////////////////////////// page layout */

#page { 
	
	width:780px;
	font-size:13px;	
	color:#333;
	margin-left:auto;								
	margin-right:auto;
	padding:1px 10px 100px 10px;
	background-image:url(../LayoutImages/backgroundWhite.png);
	

	}


/* ////////////////////////////////////////////////////////////////// footer */

#footer { 
	position:fixed;
	bottom:0px;
	width:100%;
	height:30px; background-color:#333333; color:#FFFFFF; font-size:11px;  border-top:5px #FF6600 solid; }

/* ////////////////////////////////////////////////////////////////// pop up winder */

.pageWindow { height:420px; margin-top:130px;  background-color:#FFF; padding:5px; }
.pageWidthSection { width:800px; margin-left:auto; margin-right:auto; }




#ajaxPopupBg  { background-image:url(/LayoutImages/greyBlueShade50.png); position:fixed; top:0px; left:0px; display:none; height:100%; width:100%; z-index:90 }
#ajaxPopup { 
	display:none; position:fixed; min-width:800px;
	
	left:50%; top:100px; margin-left:-400px; z-index:99; font-size:12px; 
	
 }
 #ajaxPopupInner { background-color:#FFF; height:450px; border:1px #FFF solid;	}
 #ajaxPopup a { color:#F60; font-weight:bold; background-color:#FFF; padding:6px;  }
 
 
 
 
.portfolio { width:770px; height:340px; overflow:auto; }
.portfolio p {margin:0px}
.portfolio div {width:1600px;}
.portfolio div a { float:left; width:300px; background-color:#DCDFE8; margin:5px; color:#666666; padding:5px; height:140px;  }
.portfolio div a:hover { background-color:#ACB0C4; color:#FFFFFF; border-bottom:none; }

.portfolio div a img {float:right; border:none; }


#portfolioWindow { display:none; }
#portfolioWindow #portfolioFade { position:absolute; top:0px; left:0px; background-color:#000000; height:100%; width:100%;filter:alpha(opacity=50);
opacity: 0.5;-moz-opacity:0.5; text-align:center; }

#portfolioWindow #portfolioContent {position:absolute; top:50px; left:50%; margin-left:-400px;  background-color:#000000; width:800px; height:470px;  }