@font-face {

     font-family: teknekfont;

     src:url('fonts/teknekfont.ttf') format("truetype");}





html,body

{

margin:0;

padding:0

}



body

{

font: 76% arial,sans-serif;

text-align:center;

background-color:#efefc1

}



p

{

font:Verdana, Arial, sans-serif;

padding:0px;

margin:0px



}

p.quote{

padding:20px;

font-size:16px;

font-style:italic;

}





a

{

display:block;

color: #981793;

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

}





div#banner

{

height:150px;

width:100%;

margin:0;

background-image:url('images/header.jpg');

background-repeat:no-repeat

}



div#container

{

position:relative;

text-align:left;

width:1000px;

margin:0 auto

}



div#extra

{

float:left;

width:200px;

position:relative;

top:25px;

background-image:url('images/left.jpg');

background-repeat:no-repeat;

background-color:#f69f3d;

min-height:500px;

padding-bottom:5px;

}



div#extra p

{



}



div#content

{

float:left;

width:550px;

margin-left:25px;

background-repeat:no-repeat;

position:relative;

top:25px;

min-height:500px;

padding-bottom:5px

}



div#content p

{

line-height:1.4;

font-family:Verdana;

padding:0px;

font-size:14px;

}



#content li {

font-size:14px;

text-align:left;

margin:0px 5px 5px 5px;

}



#content a {

color:#212d3d;

border:dashed 2px #212d3d;

display:inline-block;

padding:0px 3px;

}



#content a:visited {

	color:#f16621;

	border-color:#f16621;

	}



div#content h1

{

font-family:'teknekfont', 'Arial Black';

text-shadow: 2px 2px 2px #999;

line-height:1.4;

font-size: 22px;

border-bottom-style:dotted;

border-width:2px;

padding:2px 0px 2px 10px;

}



div#navigation

{

width:200px;

float:left;

position:relative;

padding:0 0 0 0;

margin-left:25px;

top:25px;

background-color:#b0b07a;

background-image:url('images/right.jpg');

background-repeat:no-repeat;

min-height:500px;

}




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



div#navinnerds

{

padding:0px;
margin:0px;
}





#navinnerds li {



list-style:none;

font-weight:bold;

text-align:center;
width:100%;

}



#navinnerds li a {

font-family:'teknekfont', 'Arial Black';

text-shadow: 2px 2px 2px #414141;

font-size: 14px;

text-decoration:none;

border-style:dotted;

border-width:2px;


width:98%;

padding:10px 0;

position:relative;

margin-left:0px;

margin-top:5px;

border-color:#212d3d;

}









#navinnerds li a:link {

	color:#212d3d;

	}

#navinnerds li a:visited {

	color:#f16621;

	border-color:#f16621;

	}



#navinnerds li a:hover {

	color:#efefc1;

	border-color:#efefc1;

	}




div#contentinnerds

{

padding:10px 0px 0px 0px

}






div#innerds

{

padding:10px 0px 0px 10px

}





div#footer

{

background: #efefc1;

color: #212d3c;

clear:left;

width:100%;

position:relative;

top:50px

}



div#footer p

{

background:none;

margin:0;

padding:5px 10px

}





div#footer2

{

position:relative;

background:#212d3c;

text-align:center;

color: #FFF;

clear:left;

width:100%;

top:50px;

padding-top:5px;

padding-bottom:5px;

}



div#footer2 p

{

background:none;

margin:0;

}



div#footer2 a

{

display:inline;

padding:0 8px 0 8px;

color: #fff;

text-decoration:none

}



/************** Portfolio ***********/

.eff {
	
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:136px;
	height:136px;

	/* important, allow the children object to move inside its parent obj */
	position:relative;	

	/* important, it hides the moved image */
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout */
	float:left;
	
	/* IE float bug fix */
	display:inline;
	
	/* styling */
	margin:8px;
	font-size:12px;
}

.eff img {
	display:block;
	width:126px;
	height:126px;
	
	/* styling */
	text-decoration:none;
	border:4px solid #00094F;
	background:#ddd;

	/* important, it allows this obj to move by jquery */
	position:absolute;
	
	/* make sure it appears above the caption */
	z-index:500;
	
	cursor:pointer; cursor:hand;
}


.eff .caption {
	/* should be the same size with the image */
	width:126px;
	height:126px;
	
	/* styling */
	
	border:4px solid #00094F;
	color:#000;
	
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0; left:0;
	z-index:0;
}


/* extra styling*/

.eff .caption a.header {
	margin:5px 5px 5px 5px;
	display:block;
	font-size:14px;	
	font-weight:700;
	color:#00094F;
}

.eff .caption p {
	margin:5px;
	padding:0;
}


.clear {clear:both}