/*
 
	Megasketch
	This is the core css file for Megasketch's main site

	Glen H. Barratt
	Contact: ghbarratt@megasketch.com

*/

body
{ 
	font-family: 			arial narrow, helvetica, sans-serif;
	margin:						0px;
	color:						black;
}


#footer
{
	color:            #979797;
}

#footer
{
	background-image:    url('/images/footer_back_topshadow.gif'); 
}

ul
{
	margin-top:				3px;
	margin-bottom:		3px;
}

h2
{
	font-size:				14pt;
	font-weight:			bold;
}

a
{
	font-weight:			bold;
	text-decoration:	none;
}

img
{
	border:						0;
}

table
{
	border: 0;
	padding: 0;
}

.clear
{
	height: 1px;
	line-height: 1px;
	width: 1px;
	overflow: hidden;
	clear: both;
}

.smaller
{
	font-size: .7em;
}

a img.faded
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

a img.faded:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}


#header
{
	white-space: nowrap; 
	width: 100%; 
	background-image: url('/images/background_header.gif'); 
	background-color: white; 
	background-repeat: repeat-x; 
	vertical-align: top;
}

#header_left,
#header_center,
#header_right
{
	height: 192px;
	overflow: hidden;
}

#header_left_top
{
	height: 53px;
	overflow: hidden;
	vertical-align: bottom;
}

#header_left_middle
{
	height: 31px;
	overflow: hidden;
	vertical-align: top;
}



#main_content
{
	background-image: url('/images/content_back_bottom.gif'); 
	background-color: #e6e6e6; 
	background-repeat: repeat-x; 
	background-position: bottom;
}

#footer
{
	font-family: 			   "arial narrow", arial, helvetica, sans-serif;
	font-size: 				   8pt;
	margin:			 			   0pt;
	text-align:          center; 
	background-position: top; 
	background-repeat:   repeat-x;
}

#footer a
{
	font-size: 				8pt;
 	font-weight:			bold;	
	margin:			 			0pt;
}

#footer img
{
	vertical-align: middle;
}


#platform,
#platform_one_column,
#platform_two_column_left,
#platform_two_column_right
{
	background: #e8e8e8 url('/images/background_platform.gif');
	_background: transparent none no-repeat;
	overflow: hidden;
}

#platform_middle
{
	margin: 0 8px; /* allows for custom top and bottom */
}

#platform_one_column .side-column
{
	display: none;
}

.shadow-wrapper-top-left,
.shadow-wrapper-top-center,
.shadow-wrapper-top-right,
.shadow-wrapper-bottom-left,
.shadow-wrapper-bottom-center,
.shadow-wrapper-bottom-right
{
	line-height: 7px;
	height: 7px;
}

.shadow-wrapper-top-left,
.shadow-wrapper-top-right,
.shadow-wrapper-middle-left,
.shadow-wrapper-middle-right,
.shadow-wrapper-bottom-left,
.shadow-wrapper-bottom-right
{
	width: 7px;
	overflow: hidden;
}

.shadow-wrapper-top-center,
.shadow-wrapper-bottom-center,
{
	margin: 0 7px;
}

#platform_two_column_left .side-column,
#platform_two_column_right .side-column
{
	width: 400px;
	/*overflow: hidden;*/
	/*border: solid 1px green;*/
}

#main_column
{
	/*border: solid 1px red;*/
	overflow: hidden;
}

#main_column .elevated table
{
	width: 100%;
	_width: 99%; /* ie 6 and below only */
}


#platform_two_column_left #main_column
{
	margin-left: 275px;
}

#platform_two_column_right #main_column
{
	margin-right: 275px;
}

body:nth-of-type(1) #platform_two_column_left #main_column,
body:nth-of-type(1) #platform_two_column_right #main_column
{
	/* For Google Chrome and Safari? */
	margin-left: 0;
	margin-right: 0;
}

#platform_top,
#platform_bottom
{
	height: 8px;
	line-height: 8px;
	overflow: hidden;
}

#platform_top
{
	background: transparent url("/images/background_platform_top.gif") repeat-x top left;
}

#platform_bottom
{
	clear: both;
	background: transparent url("/images/background_platform_bottom.png") repeat-x bottom left;
}


#platform_two_column_left .side-column
{
	margin-right: 3px;
	float: left; 
}

#platform_two_column_right .side-column
{
	margin-left: 3px;
	float: right; 
}

.elevated-top-left,
.elevated-top-right,
.elevated-bottom-left,
.elevated-bottom-right
{
 	background-repeat: no-repeat;
	overflow: hidden;
}

.elevated-top-left,
.elevated-middle-left,
.elevated-bottom-left,
.elevated-top-right,
.elevated-middle-right,
.elevated-bottom-right
{
	width: 5px;
}

.elevated-top,
.elevated-top-left,
.elevated-top-center,
.elevated-top-right,
.elevated-bottom,
.elevated-bottom-left,
.elevated-bottom-center,
.elevated-bottom-right
{
	height: 5px;
	line-height: 7px;
}

.elevated-top-center,
.elevated-middle-center,
.elevated-bottom-center
{
	margin: 0 5px;
}


.elevated-middle
{
	overflow: hidden;
}

.elevated-top-left
{
 	background-image:	url(/images/shadow_top_left.png);
 	_background-image:	url(/images/shadow_on_platform_top_left.gif); /* ie 6 and below */
	background-repeat: no-repeat;
 	background-position: bottom right;
}

.elevated-top-right
{

	background-image: url(/images/shadow_top_right.png);
	_background-image: url(/images/shadow_on_platform_top_right.gif);
 	background-position: bottom left;
}

.elevated-top-center
{
	background-image: url(/images/shadow_top.png);
	_background-image: url(/images/shadow_on_platform_top.gif);
 	background-repeat: repeat-x;
	background-position: bottom left;
}

.elevated-middle-left
{
	background-image: url(/images/shadow_left.png);
	_background-image: url(/images/shadow_on_platform_left.gif);
 	background-repeat: repeat-y;
	background-position: top right;
}

.elevated-middle-right
{
	background-image: url(/images/shadow_right.png);
	_background-image: url(/images/shadow_on_platform_right.gif);
 	background-repeat: repeat-y;
 	background-position: top left;
}

.elevated-bottom-left
{
	background-image: url(/images/shadow_bottom_left.png);
	_background-image: url(/images/shadow_on_platform_bottom_left.gif);
 	background-position: top right;
}

.elevated-bottom-right
{
	background-image: url(/images/shadow_bottom_right.png);
	_background-image: url(/images/shadow_on_platform_bottom_right.gif);
 	background-position: top left;
}

.elevated-bottom-center
{
	background-image: url(/images/shadow_bottom.png);
	_background-image: url(/images/shadow_on_platform_bottom.gif);
	background-repeat: repeat-x;
 	background-position: top left;
}


.elevated-content
{
	/*padding: 10px;*/
	background-color: white;
}




.feature-box
{
	height: 244px;
	width: 239px;
}

.feature-box-top,
.feature-box-top-right
{
	height: 30px;
	line-height: 30px;
	color: white;
}

.feature-box-top-right
{
	margin-left: -30px;
}

.feature-box-top-right img
{
	position: relative;
	right: 0px;
	top: -10px;
}

.feature-box-top-right,
.feature-box-top img
{
	float: right;
}

.feature-box-top
{
	padding-left: 5px;
	background: #222 url(/images/background_feature_box_top.gif) repeat-x top left;
}



.feature-box-red .feature-box-top-right
{
	background: red url(/images/background_feature_box_top_red.gif) repeat-x top left;
}

.feature-box-orange .feature-box-top-right
{
	background: #ffd200 url(/images/background_feature_box_top_orange.gif) repeat-x top left;
}

#main_column .elevated-content,
.feature-box-bottom
{
	padding: 10px;
}