/* 
--------------------------
Website Mojo CSS Sections:
--------------------------
		Created .......... May 23, 2005
		Last Updated ..... May 23, 2005

		{1} Global Styles ... [ body, headers, p, etc. ]
		
		{2} Airlock ... [ div containers ]
		
		{3} Header ... [ main header styles ]
		
		{4} Top Navigation ... [ main navigation styles ]
		
		{5} Sub-Navigation ... [ expanded links, bread crumbs ]
		
		{6} Content ... [ home, about, contact, etc. ]
		
		{7} Copyright ... [ main copyright styles ]
		
		{8} Misc ... [ forms, hidden elements, etc. ]
	
 */ 
 

 /*  
------------------
{1} Global Styles:
------------------	
 */ 
 
 /* -=( overall styles, body, headers, etc. )=- */
 
 body {
 	background: #ffffff;
 	font: 8pt/16pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 0px;
 }
h2 {
	font: 15pt/12pt "Book Antiqua", verdana, arial, helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	letter-spacing: 1px;	
}
h3 {
	font: 11pt/14pt "Book Antiqua", verdana, arial, helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	letter-spacing: 1px;	
}
blockquote {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #666666;
 	margin: 0px;
 	padding: 10px 10px 10px 70px;
 	text-align: justify;
}
img.image_left {
	float: left;
	padding: 3px;
	margin: 0px 15px 10px 5px;
	border: 1px #C7E0E9 solid;
	background-color: #ffffff;
}


 /* 
------------
{1} Airlock:
------------
 */ 
 
/* -=( airlock global styles, this holds the "design" in place )=- */
 
#airlock {
	background-color: transparent;
	width: 90%;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: left;
}


 /*  
------------
{3} Header:
------------
 */ 
 
#header {
 	background-color: transparent;
 	margin: 0px;
 	padding: 0px;
 	position: relative;
 }


 /* 
-------------------
{4} Top Navigation:
-------------------
 */ 

#navigation {
 	display: none;
 }

/* 
-------------------
{5} Sub Navigation:
-------------------
*/

/* -=( breadcrumbs *you are here* styles )=- */
 
 #breadcrumbs {
	display: none;
} 

/* -=( right column for sub navigation, site options, etc. )=- */

#right_column {
	display: none;
}


.pagenav {
	display: none;
}

.maptoplevel {
	width: 400px;
 	background: #ffffff;
 	font: 8pt/16pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin-left: 10px;
 	padding: 5px;
}
.maptoplevel a {
	background-color: transparent;
	text-decoration: none;
	color: #005B7F;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
	}
.maptoplevel a:link {color: #005B7F; border-bottom: 1px #005B7F dotted; background: transparent}
.maptoplevel a:visited {color: #005B7F; border-bottom: 1px #005B7F dotted; background: transparent}
.maptoplevel a:hover {color: #B81B04; border-bottom: 1px #B81B04 dotted; background: transparent}
.maptoplevel a:active {color: #B81B04; border-bottom: 1px #B81B04 dotted; background: transparent}

a {
	background-color: transparent;
	text-decoration: none;
	color: #005B7F;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
	}
a:link {color: #005B7F; border-bottom: 1px #005B7F dotted; background: transparent}
a:visited {color: #005B7F; border-bottom: 1px #005B7F dotted; background: transparent}
a:hover {color: #B81B04; border-bottom: 1px #B81B04 dotted; background: transparent}
a:active {color: #B81B04; border-bottom: 1px #B81B04 dotted; background: transparent}

/* 
------------
{6} Content:
------------
*/  

/* -=( content container )=- */

#content {
	background-color: transparent;
	margin: 10px;
	padding: 0px 5px 0px 0px;
}

/* -=( content body & text styles)=- */

#content p {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 10px;
 	text-align: justify;
}

/* -=( content list styles with custom bullet )=- */

#content ul {
	background-color: transparent;
	list-style: disc url(../images/global/list_bullet.gif) inside;
}
#content ul li {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	background-color: transparent;
 	padding: 5px 15px 5px 5px;
 	margin: 0px;
 	text-align: justify;	
}


/* 
--------------
{7} Copyright:
--------------
*/  

/* -=( copyright container & styles )=- */

#copyright {
	background-color: transparent;
	position: relative;
	border-top: 1px solid #C7E0E9; 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
} 
#copyright p {
	font: 7.5pt/14pt arial, helvetica, sans-serif;
 	color: #666666;
 	margin: 0px;
 	padding: 0px 0px 5px 0px;
 	text-align: justify;
}
#copyright a {
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #2D5F6D;
	color: #2D5F6D;
	font: 7.5pt/14pt verdana, arial, helvetica, sans-serif;
	padding-bottom: 1px;
}
#copyright a:hover {
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #B81B04;
	color: #B81B04;
	font: 7.5pt/14pt verdana, arial, helvetica, sans-serif;
	padding-bottom: 1px;
}


/* 
---------
{8} Misc:
---------
*/ 

/* -=( features box with mozilla supported rounded edges )=- */

.feature_box {
	width: 418px;
	border: 1px solid #333333;
	background-color: #ffffff;
	padding: 10px;
	margin: 10px 0px 20px 10px;
}
img.feature {
	float: left;
	padding: 3px;
	margin: 10px 15px 0px 5px;
	border: 1px #C7E0E9 solid;
	background-color: #ffffff;
}
.feature_box a {
	background-color: transparent;
	border-bottom: 1px #2D5F6D dotted;
	color: #2D5F6D;
	font: 9pt/14pt verdana, arial, helvetica, sans-serif;
 	font-weight: bold;
 	text-decoration: none;
}
.feature_box a:hover {
	background-color: transparent;
 	font-weight: bold;
	color: #B81B04;
}

/* -=( creative studio images styles )=- */

img.screenshot {
	padding: 3px;
	margin: 0px 0px 0px 5px;
	border: 1px #C7E0E9 solid;
	background-color: #ffffff;
}
img.thumbnails {
	padding: 0px;
	margin: 0px;
	border: 1px #303030 solid;
	background-color: transparent;
}
ul.thumbs {
	list-style: none outside;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	width: 460px;
}

ul.thumbs li {
	background-color: transparent;
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
ul.thumbs li a {
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	border: 0px;
	}
a.thumbs:link {color: #E6E3C4; background: transparent}
a.thumbs:visited {color: #E6E3C4; background: transparent}
a.thumbs:hover {color: #E6E3C4; background: transparent}
a.thumbs:active {color: #E6E3C4; background: transparent}