@charset "UTF-8";

/* CSS Document */





body {

	background: #ebebeb;

	background-image:url(../assets/bg_strip.gif);

	background-repeat:repeat-x;

	margin: 0;

	padding: 0;

}

#container { width:900px; margin:0px; padding:0px; font-size:12px; margin-top:0px;

}





h1 {

font-family: 'Istok Web', sans-serif;	font-size:17px;

	font-variant:small-caps;

	color:#fff;

	padding-right: 15px;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 15px;

	background-image: url(../assets/h1_BG_image.gif);	

	background-repeat:no-repeat;



}



h2 {

font-family: 'Istok Web', sans-serif;	font-size:14px;

	font-weight:bold;

	color:#333;

	padding-right: 15px;

	padding-left: 15px;

	padding-top: 5px;

	padding-bottom: 5px;

}



h3 {

	color:#FFF;

	margin:0;

	font-size:140%;

font-family: 'Istok Web', sans-serif;	padding-top: 14px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 18px;

}

h4 {

	color:#FFF;

	margin:0;

font-family: 'Istok Web', sans-serif;	width: 90%;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 15px;

}

h5 {

	color:#666;

font-family: 'Istok Web', sans-serif;	font-size:12px;

	padding-left:15px;

	padding-bottom: 3px;

}

h6 {

	color:#000;

font-family: 'Istok Web', sans-serif;	font-size:10px;

	padding-left:15px;

	padding-bottom: 3px;

}

p {

	font-family: Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#666;

	padding-right: 15px;

	padding-left: 15px;

	line-height: 16px;

}



.date {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#666;

	line-height: 16px;

	font-style: italic;

}

	

p portfolio {

	font-family: Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#00F;

	line-height: 16px;

}



footer {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:10px;

	color:#fff;

	background-color:#999;

	padding-right: 15px;

	padding-left: 15px;

	text-align: center;

}

.afooter {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:10px;

	color:#fff;

	background-color:#999;

	text-align: center;

}



a {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#cc0000;

	text-decoration:none;

}

 



hr {

	color: #e0e0e0;

	height:1px;

	border-width:0;

	width:98%;

}





/*

.atext {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#f00;

	text-decoration:none;

	padding:2px;

}

.atext  :link {

	color:#CCC;

	background-color:#f00;

}    

.atext  :visited {

	color:#fff;

	background-color:f00;

} 

.atext  :hover {

	color:#CCC;

	background-color:f00;

}   

.atext  :active {

	color:#fff;

	background-color:f00;

}  */



.container {

	width: 900px;

	max-width: 1260px;

	min-width: 1000px;

	background: #fff;

	padding:inherit;

	box-shadow: 0px 5px 10px #999;

	-moz-box-shadow: 0px 5px 10px #999;

	-webkit-box-shadow: 0px 5px 10px #999;

	float: none;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	border-left:thin #CCC;

	border-right:thin #CCC;



}



.header {

	background-color: #fff;

}



.sidebar1 {

	float: right;

	width: 33%;

	padding-top: 10px;

	padding-bottom: 10px;

	background-color: #eaeaea;

	height: 101%;

	border-left-width: thin;

	border-left-style: solid;

	border-left-color: #999;

}



.content {

	float: right;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

	width: 65%;

	background-color:#fff;

}

.nav {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:12px;

	color:#FFF;

	margin: 0;

	padding: 0;

	width: 100%;

	text-align:center;

	background-color:#000;

}



.headerLogo {

	background-color:#FFF;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;	

}



 ul {

	position:relative;

	list-style-type:none;

	margin: 0;

	padding: 0;

}

 li {

	list-style-type:none;

		

}

.list {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:12px;

	list-style-type: square;

	color:#cc0000;

	padding-right: 15px;

	padding-left: 15px;

	line-height: 16px;



}

.box-link01 { 

	position: absolute; 

	top: 8px; 

	left: 5px; 

	width: 175px; 

	height: 110px; 

	background-color: transparent; 

/*	border: 1px solid yellow; 

*/	}

	  

.box-link02 { 

	position: absolute; 

	top: 8px; 

	left: 205px; 

	width: 175px; 

	height: 110px; 

	background-color: transparent; 

/*	border: 1px solid red; 

*/	}

  

.box-link03 { 

	position: absolute; 

	top: 8px; 

	left: 410px; 

	width: 175px; 

	height: 110px; 

	background-color: transparent; 

/*	border: 1px solid blue; 

*/	}

  

.box-link04 { 

	position: absolute; 

	top: 200px; 

	left: 5px; 

	width: 175px; 

	height: 110px; 

	background-color: transparent; 

/*	border: 1px solid black; 

*/	}

  

.box-link05 { 

	position: absolute; 

	top: 200px; 

	left: 205px; 

	width: 175px; 

	height: 110px; 

	background-color: transparent; 

/*	border: 1px solid green; 

*/	}

  

.box-link06 { 

	position: absolute; 

	top: 200px; 

	left: 410px; 

	width: 175px; 

	height: 110px; 

	background-color: transparent; 

/*	border: 1px solid pink; 

*/	}

  





#thumbone {

	float: left;

	width: 200px;

	background-image:url(images/images/thumb_01.png );

	background-repeat:no-repeat;

	display:block;



	padding-left:5px;

	padding-top:135px;

 

 }

#thumbtwo {

	float: left;

	width: 200px;

	background-image:url(images/images/thumb_02.png );

	background-repeat:no-repeat;

	padding-left:5px;

	padding-top:135px;



}

#thumbthree {

	float: left;

	width: 200px;

	background-image:url(images/images/thumb_03.png );

	background-repeat:no-repeat;

	padding-left:5px;

	padding-top:135px;

}

#thumbfour {

	float: left;

	width: 200px;

	background-image:url(images/images/thumb_04.png );

	background-repeat:no-repeat;

	padding-left:5px;

	padding-top:135px;

}

#thumbfive {

	float: left;

	width: 200px;

	background-image:url(images/images/thumb_05.png );

	background-repeat:no-repeat;

	padding-left:5px;

	padding-top:135px;

}

#thumbsix {

	float: left;

	width: 200px;

	background-image:url(images/images/thumb_06.png );

	background-repeat:no-repeat;

	padding-left:5px;

	padding-top:135px;

}

.lof-navigator li h3{

	display:inline;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

} 







/* ~~ The footer ~~ */

.footer {

	padding: 10px 0;

	background: #999;

	position: relative;/* this gives IE6 hasLayout to properly clear */

	clear: both;

	text-align: center;

}



/* ~~ miscellaneous float/clear classes ~~ */

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}



* {

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



.nav-wrap {

	background-color: #000;

	border-top: 2px solid black;

	border-bottom: 2px solid white;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

*:first-child+html .group { zoom: 1; } /* IE7 */



#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px;}

#example-one li { display: inline; }

#example-one li a {

	color: #fff;

	font-size: 14px;

	display: block;

	float: left;

	text-decoration: none;

	text-transform: uppercase;

	padding-top: 6px;

	padding-right: 10px;

	padding-bottom: 4px;

	padding-left: 10px;

	

}

#example-one li a:hover { color: #cc0000; }

#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: red; }



#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; }

#example-two li { display: inline; }

#example-two li a { position: relative; z-index: 200; color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }

#example-two li a:hover { color: red; }

#example-two #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: red); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }



.current_page_item a, .current_page_item_two a { color: white !important; }