/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: bold;
	}

#wrapper { 
 margin: 0 auto;
 width: 800px;
}
#faux {
 background: url(graphics/columnbg.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 clear:both;
}
#header {
 color: #333;
 width: 800px;
 height: 50px;
 margin: 10px 0px 0px 0px;
 background: #339966;
 text-align:right;
}



/*   Top Navigation  */
#navigation {
 color: #333;
 padding: 0;
 margin: 0;
 list-style-type: none;
 float:left;
 background: url(graphics/nav_menu_bg.gif);
 border: 1px solid #339966;
 border-width: 1px 0;
 width:800px;
}

#navigation li {
display: inline;
padding: 0;
margin: 0;
}

#navigation a:link,
#navigation a:visited {
color: #000000;
padding: 5px;
float: left;
display:block;
width: 64px;
border-right: 1px solid #339966;
text-decoration: none;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}



#navigation a:hover {
color: #339966;
}



#headertext {
float:right;
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: bottom;
	padding:30px 10px 0 0;
}
	

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 180px;
 float: left;
}

#rightcolumn {
	position: relative;
	float: right;
	color: #333;
	margin: 10px;
	padding: 0px;
	width: 580px;
	display: inline;
	position: relative;
	left: 4px;
	top: 2px;
	}

#footer { 
 width: 780px;
 clear: both;
 color: #ffffff;
 background: #339966;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}


.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

a.footertext:link { color: #ffffff; text-decoration: none }
a.footertext:active { color: #ffffff; text-decoration: none; }
a.footertext:visited { color: #ffffff; text-decoration: none }
a.footertext:hover { color: #ffffff; text-decoration: underline }


/* Two columns in left text bar for Little Book sizes page */

#littleleft { 
 float: left;
 width: 45%;
 margin: 0 5px 0 0;
background-color:#cee7da;
padding:2px;
}

#littleright {
	float: left;
	width: 45%;
	margin: 0;
	background-color:#cee7da;
	padding:2px;
	}



/* thumbnail layout used on the homepage - 2 rows of 4 columns */
.thumbnail1 {
	float:left;
	width:100px;
	margin:  10px 20px 20px 10px;
	text-align: center;
	}
	
/* thumbnail layout used on 3d_maps - top level */
.thumbnail2a {
	float: left;
	width: 240px;
	margin: 10px 20px 20px 10px;
	text-align: center;
	}
	
	/* thumbnail layout used on little book video */
.thumbnail2av {
	float: left;
	width: 240px;
	margin: 10px 20px 20px 10px;
	text-align: center;
	border: 1px solid #339966;
	
	}
	
	
/* thumbnail layout used on free_maps */
.thumbnail3 {
	float: left;
	width: 558px;
	margin: 5px;
	text-align: center;
	}
	

/* thumbnail layout wrapper div used on case_studies left side */
#leftthumb { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 450px;
 float: left;
}

/* thumbnail layout wrapper div used on case_studies right side */
#rightthumb { 
 float: right;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 130px;
 display: inline;
 position: relative;
}

/* image float left with 10px margin and border */
.image_float {
	float:left;
	margin: 0 10px 10px 10px;
	border: 1px solid #339966;
	}
	
	
/* image float left with 10px margin and NO border */
.image_float2 {
	float:left;
	margin: 0 10px 10px 10px;
	border: 0;
	}


/* image positioning for OS Self select page */
#selectimage1 { 
 color: #333;
 margin: 0 0 0 0;
 padding: 0px;
 width: 360px;
 display: inline;
 position: relative;
}


/* nav list styling for bottom navigation lists */
#bottomlist
{
list-style: none;
padding: 0;
margin: 0;
}

#bottomlist li
{
list-style: none;
display: inline;
padding: 0;
margin: 0;
color: #000000;
}

#bottomlist a:link
{
text-decoration: none;
color: #0000ee;
}

#bottomlist a:visited
{
text-decoration: none;
color: #0000ee;
}

#bottomlist a:hover
{
text-decoration: underline;
color: #0000ee;
}


#bottomlist li:before { content: "| "; }
#bottomlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #bottomlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #bottomlist { height: 1%; }

* html #bottomlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #bottomlist li:first-child { border-left: 0; }





.clear { clear: both; background: none; }

.clearboth { clear: both; }

.menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #339966;
	text-align: center;
	vertical-align: middle;
}

.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #339966;
}
.navborder {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #339966;
	border-right-color: #339966;
	border-bottom-color: #339966;
	border-left-color: #339966;
}
.menu1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #339966;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.mastheadtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	vertical-align: bottom;
	padding:10px;
}
.menutext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


a.menutext:link { color: #000000; text-decoration: none }
a.menutext:active { color: #000000; text-decoration: none }
a.menutext:visited { color: #000000; text-decoration: none }
a.menutext:hover { color: #000000; text-decoration: underline }

.active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}


.blackcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

a.blackcaption:link { color: #0000ee; text-decoration: none }
a.blackcaption:active { color: #0000ee; text-decoration: none }
a.blackcaption:visited { color: #0000ee; text-decoration: none }
a.blackcaption:hover { color: #0000ee; text-decoration: underline }

/** little book case study links along bottom **/
.booklink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a.booklink:link { color: #0000ee; text-decoration: none }
a.booklink:active { color: #0000ee; text-decoration: none }
a.booklink:visited { color: #0000ee; text-decoration: none }
a.booklink:hover { color: #0000ee; text-decoration: underline }



.greenborder1px {
	border: 1px solid #339966;
}
.blackcaptionbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.padding10 {
	padding: 10px;
}