/* 
==================================================
TwoLatitudes.com Styles
==================================================
*/


body, td, th { color: #CCCCCC; font-size: 11px; font-family: Arial, Verdana, sans-serif; margin: 0; background-color: #3E3B3A;}

.bodymargin {margin: 10px 10px 0px 10px;}

.body {color: #FFFFFF; font-size: 11px; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-weight: none;}
	
.thumbimg {padding-bottom:3px; xborder: solid 1px green;}
.thumbnav {color: #FFFFFF; line-height: 12px;}

.heading {color: #FF0000;}

.greenselect {background-color: #D6DCD6;}
.greenselectdark {background-color: #5B5C5A;}

.knockback1 {color: #5B5C5A;}
.knockback2 {color: #999999;}
.knockbackSmall {color: #999999; font-size: 9px;}

.selected  {border: 1px solid #EC3C3F;}
.unselected {border: 1px solid #3E3B3A;}
	
input, select {font-size: 11px; border: 0px solid #ffffff; background-color: #ffffff;}
	
form {display: inline;}


/* Link Attributes
-------------------------------------------------- */

a:link {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a:active {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a:hover {
	color: #FB4145;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a.dark:link {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a.dark:visited {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a.dark:active {
	color: #CCCCCC;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a.dark:hover {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	}

a.dark2:link { color: #CCCCCC; font-size: 11px; font-family: Arial, Verdana, sans-serif; text-decoration: underline; }
a.dark2:visited { color: #CCCCCC; font-size: 11px; font-family: Arial, Verdana, sans-serif; text-decoration: underline; }
a.dark2:active { color: #CCCCCC; font-size: 11px; font-family: Arial, Verdana, sans-serif; text-decoration: underline; }
a.dark2:hover { color: #FB4145; font-size: 11px; font-family: Arial, Verdana, sans-serif; text-decoration: underline; }


/* Layer Attributes
-------------------------------------------------- */


#navthinline1 {
	top: 100px;
	width: 100%;
	left: 0px;
	height: 1px;
	position: absolute;
	z-index: 999;
	}

#navthinline2 {
	top: 160px;
	width: 100%;
	left: 0px;
	height: 1px;
	position: absolute;
	z-index: 999;
	}

#navthinline3 {
	top: 220px;
	width: 100%;
	left: 0px;
	height: 1px;
	position: absolute;
	z-index: 999;
	}

#navthickline1 {
	top: 100px;
	width: 260px;
	left: 60px;
	height: 6px;
	position: absolute;
	z-index: 999;
	}

#topNavImage {
	top: 100px;
	width: 400px;
	left: 60px;
	height: 6px;
	position: absolute;
	z-index: 999;
	}


#middleNavImage {
	top: 160px;
	width: 400px;
	left: 60px;
	height: 6px;
	position: absolute;
	z-index: 999;
	}

#baseNavImage {
	top: 220px;
	width: 400px;
	left: 60px;
	height: 6px;
	position: absolute;
	z-index: 9999;
	}

#navHome {
	position:absolute; 
	left:66px; 
	top:118px; 
	width:30; 
	height:15; 
	z-index:2;
	}

#navProfile {
	position:absolute; 
	left:115px; 
	top:118px; 
	width:30; 
	height:15; 
	z-index:2;
	}

#navWork {
	position:absolute; 
	left:167px; 
	top:118px; 
	width:30; 
	height:15; 
	z-index:2;
	}

#navContact {
	position:absolute; 
	left:277px; 
	top:118px; 
	width:30px; 
	height:15; 
	z-index:2;
	}

#workGroup {
	visibility: hidden;
	}
	
	#SortByMenu1 {
		position:absolute; 
		left:165px; 
		top:176px; 
		width:170; 
		height:24; 
		z-index:2;
		}
	
	#SortByMenu2 {
		position:absolute; 
		left:218px; 
		top:176px; 
		width:100; 
		height:15; 
		z-index:2;
		}

#heading {
	position:absolute; 
	left:60px; 
	top:35px; 
	width:354px; 
	height:20px; 
	z-index:2;
	}
	
	#heading_news {
	position:absolute; 
	left:450px; 
	top:35px; 
	width:354px; 
	height:150px; 
	z-index:2;
	}

#bodyBlock1 {
	position:absolute; 
	left:60px; 
	top:62px; 
	width:354px; 
	height:154px; 
	z-index:2;
	}

#bodyBlock2 {
	position:absolute; 
	left:450px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	}

#bodyBlock2_2 {
	position:absolute; 
	left:259px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	}

#bodyBlock2_3 {
	position:absolute; 
	left:459px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	}

#bodyBlock2_4 {
	position:absolute; 
	left:659px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	}

#bodyBlock3 {
	position:absolute; 
	left:833px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	}

#bodyBlock4 {
	position:absolute; 
	left:1214px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	padding:0px 30px 0px 0px;
	}

#bodyBlock5 {
	position:absolute; 
	left:1614px; 
	top:62px; 
	width:345px; 
	height:154px; 
	z-index:2;
	padding:0px 30px 0px 0px;
	}

#largeImageBlock {
	position:absolute; 
	left:10px; 
	top:10px; 
	width:100px; 
	height:100px; 
	z-index:2;
	}
	
/*#thumbGroup {
	position:absolute; 
	left:60px; 
	top:35px;
	width:1471px; 
	height:240px;
	padding:0px 0px 0px 0px;
	background-color: red
	}*/
	
	#thumbCol1 {
		position:absolute; 
		left:60px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	
	#thumbCol2 {
		position:absolute; 
		left:233px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	
	#thumbCol3 {
		position:absolute; 
		left:406px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	
	#thumbCol4 {
		position:absolute; 
		left:579px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	
	#thumbCol5 {
		position:absolute; 
		left:752px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}

	#thumbCol6 {
		position:absolute; 
		left:925px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	
	#thumbCol7 {
		position:absolute; 
		left:1098px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	
	#thumbCol8 {
		position:absolute; 
		left:1271px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
	#thumbCol9 {
		position:absolute; 
		left:1444px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}

	#thumbCol10 {
		position:absolute; 
		left:1617px; 
		top:35px; 
		width:163px; 
		height:240px; 
		z-index:2;
		padding:0px 10px 0px 0px;
		}
		

/* iFrame Attributes
-------------------------------------------------- */

#imageLayer {
        width: 100%;
        height: 100%;
        position:absolute;
        visibility: hidden;
	z-index: 1000;
        /* force filling the avilable space :/ */
	/*background-color: #3E3B3A;*/        
	}

#contentLayer {
        position:absolute;
        width: 100%;
        height: 100%;
        top:0px;
        left:0px;
	}

/* popUp Attributes
-------------------------------------------------- */

#popupImage {
	float: left; 
	width: 690px;
	clear: both;
	}

#popupNextPrev {
	padding-left: 5px;
	width: 200px;
	height: 30px;
	float: left;
	}

#popupThumbs h3 {
	color: #3E3B3A;
	font-weight: normal;
	font-size: 11px;
	/*background-color: #654321;*/ 
	margin-bottom:10px;
	margin-top:0px;	
	}

#popupThumbs a img {
	/*if you wanted to change the spacing between the images you could add code here. e.g.
	margin-bottom: 20px;
	*/
	}
	
#preload {
	display: none;
}