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

body { 	height: 600px;
		width: 100%;
		margin: 0 0 0 0;
		font-family: News Gothic, Helvetica, sans-serif;
		font-size: small;
		line-height: 1.0;}
		
p{	margin:1em 0; }

		
#header { width: 100%;
		  background-color: #fff;
		  height: 50px;
		  position: absolute;
		  top: 0px;}
	  
#wallpaper { background-image: url(../images/background.jpg);
			 background-repeat: repeat;
			 height: 500px;
			 width: 100%;
			 position: absolute;
			 top: 50px;}		
			 
#footer { width: 100%;
		  background-color: #fff;
		  height: 50px;
		  position: absolute;
		  top: 550px;
		  z-index: 1000;}

#logo { width: 100%;
		height: 106px;
		position: absolute;
		top: 395px;
		background-image: url(../images/nav/12thirteen-2.png);
		background-repeat:no-repeat;
		background-position:left;
		z-index: 900;}
		
#menu { width: 100%;
		height: 29px;
		position: absolute;
		top: 0px;
		right: 0px;
		margin-top: 0px;
	    padding-right: 50px;
		z-index: 3000;
		background-image: url(../images/nav/12thirteen-bartop-2.png);
		background-repeat: repeat-y;
		background-position:right;}


#container { width: 960px;
			  height: 500px;
			  position: absolute;
			  top: 0px;
			  z-index: 800;} /* Use with Layout One or Two */			  

#container2 { width: 1200px;
			  height: 500px;
			  position: absolute;
			  top: 0px;
			  z-index: 800;} /* Use with Layout Three */

#half { width: 100%;
		position: absolute;
		top: 0px;
		height: 500px;} /* Use with Layout One or Two */	




/* Layout One - Text Only No Scroll*/
#content {
	width: 400px;
	height: 275px;
	position: absolute;
	top: 90px;
	left: 250px;
	padding-top: 15px;
	overflow: hidden;
	line-height: 1.0;}
/* Layout One Ends */



/* Layout Two - Image and Text - No Scroll */
#content2 {
	width: 200px;
	height: 313px;
	position: absolute;
	top: 114px;
	left: 416px;
	padding: 15px 25px 0px 25px;
	overflow: hidden;
	line-height: 1.0;
}
	
#image2 {
	width: 222px;
	height: 250px;
	position: absolute;
	top: 112px;
	left: 211px;
	background-color:#FFF;
	overflow: hidden;
	vertical-align:middle;
	text-align: center;}

/* Layout Two Ends */




/* Layout Three - Portfolio Zoom */
#content3 {
	width: 205px;
	height: 154px;
	position: absolute;
	top: 185px;
	left: 200px;
	padding-top: 15px;
	overflow: hidden;
	line-height: 1.0;
}
	
#info {
	font-size: xx-small;
	color: #808080;
	width: 50px;
	height: 50px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 130px;
	left: 410px;
	overflow: hidden;}

#next {
	color: #1D3362;
	width: 205px;
	height: 30px;
	position: absolute;
	top: 365px;
	left: 200px;
	z-index: 2000;
	overflow: hidden;}
/* Layout Three Ends */

				  

		
/* Text Styling */
h1 {font-family: News Gothic, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
		color: #1D3362;
		margin-top:-0.05em;
		line-height: 1.0;}
		
h2 {font-family: News Gothic, Helvetica, sans-serif;
		font-size: medium;
		color: #074E9B;
		margin-top:-0.05em;
		line-height: 1.0;}
		
.caption { font-size: x-small;
			color: #aaa;}

a.web { color: #074E9B;
	text-decoration: none;}
	
a:link.web { color: #074E9B;
	text-decoration: none;}

a:hover.web { color: #00CCFF;
			text-decoration: none;}
	 
a:active.web { color: #00CCFF;
	 font-weight: bold;
	text-decoration: none;}
	
a:visited.web {color: #999;
			text-decoration: none;}
/* Text Styling Ends */		




/* Menu */
ul {
  font-family: News Gothic, Helvetica, sans-serif;
  text-transform: lowercase;
  font-size: small;
  margin-right: 0;
  padding: 0;
  list-style: none;
  }
  
ul li {
  display: block;
  position: relative;
  float: right;}
  
li ul { display: none; }

ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #1D3362;
  border-bottom: 1px solid #1D3362;
  margin-right:0;
  margin-top:0;
  padding: 5px 15px 5px 15px;
  background: #1D3362;
  white-space: nowrap;}
  
ul li a:hover { background: #074E9B; }

li:hover ul {
  display: block;
  position: absolute;}
  
li:hover li {
  float: none;
  font-size: small;}

li:hover a { background: #074E9B; }
li:hover li a:hover { background: #074E9B; }
/* Menu Ends */




/* Portfolio Zoom */
#zoomer_big_container {
	display:block;
	width: 510px;
	height: 350px;
	position: absolute;
	top: 33px;
	left: 500px;
	background:url(../images/nav/loading.gif) center center no-repeat #FFFFFF;
	overflow:hidden;
	margin:0px;
	border:0px #FFFFFF solid;
	cursor:move;}

#zoomer_image { display:block; position:absolute; }

#zoomer_thumb { 
display:block; 
position:absolute;
top: 23px;
left: 200px;
width: 200px;
background-color: #fff;
text-align: center;
overflow:hidden; 
margin:10px auto 0px; }

#zoomer_region { background:#666666; border:none; position:absolute; top:0px; left:0px; cursor:move; }
/* Portfolio Zoom Ends */


/* Testing */
.cow{
	float:right;
	margin:0 0 15px 15px;
	border:5px solid #4F3439;
}

.scroll{
	position:absolute;
	display:block;
	height:300px;
	overflow:scroll;
	padding: 15px 60px 15px 20px;
	border:0px dashed black;
	border-right:0;
	margin:50px 0;
	left:0;
	top:0;
	width: 300px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}

#box1{
	width: 400px;
	height: 250px;
	position: absolute;
	top: 50px;
	left: 225px;
	padding-top: 15px;
	line-height: 1.0;}

#box2{
	width: 175px;
	height: 255px;
	position: absolute;
	top: 50px;
	left: 440px;
	line-height: 1.0;}
	
#image3 {
	width: 222px;
	height: 280px;
	position: absolute;
	top: 105px;
	left: 211px;
	background-color:#FFF;
	overflow: hidden;}

/* Testing Ends */