@media screen {
/* **********************************************************
 @NORMALIZES
*************************************************************/
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 100%; font-weight: normal; }
a { cursor: pointer; outline-style: none; outline-width: 0;  text-decoration:none; }
img { border:0; }
.imgxtra { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; }
a .imgxtra { cursor: pointer; } 
.clear { height: 0; clear: both; font-size: 0; line-height: 0; }


/* @ELEMENTS */
body { background: #404040 url(../images/bg.gif) repeat-x center top; font-size: 13px; line-height: 1.6em; }
#container { position: relative; width: 974px; height: auto; margin: 0 auto; text-align: left; }
.top_left { float:left; padding-top: 45px; padding-left:43px; display:block; width:442px;}
.top_right { float:right; padding-top: 75px; display:block; margin-right:50px; width:365px;}

ul.share {  list-style:none;}
li.share { float:left; display:inline-block; margin-top:30px; margin-right:10px;}
li.about { float:left; display:inline-block;}

.top_left h1{ float:left; margin:45px 0px 20px 0px; color:#6dc11a; font-size:24px; line-height:24px;}
.top_left h2{ margin:45px 0px 5px 0px; color:#000; font-size:24px; font-weight:bold; line-height:24px;}
.top_left h3{ margin-top:5px; color:#000; font-size:18px; line-height:18px;}
.top_left h3 a { color:#000;}
.top_left h1.logo { float: none; margin: 0; font-size: 10px; line-height: 1em; }
	.top_left h1.logo a { display: block; width: 440px; height: 125px; overflow: hidden; position: relative; top: 0; left: 0; color: #FFFFFF; }
	.top_left h1.logo a span.imgxtra { background-image: url(../images/clawapp_logo.gif); }  

.top_left p { clear:left; display:block; margin-bottom: 30px; width:440px; font-size:15px; line-height:22px;}
p.about { clear:left; display:block; margin-top:15px; margin-bottom: 30px; width:440px; font-size:13px; line-height:18px;}
p.about a { color:#4c7099;}
p.about a:hover {color:#004799;}

.bottom { clear:both; display:block; width:941px; padding-left:32px; padding-bottom:50px;}
ul.screen { list-style:none;}
li.screen { float:left; display:inline-block; margin-right:8px; width:220px; height:250px;}
li.screen p { padding:10px; font-size:13px; color:#CCC; line-height:16px;}
li.screen p a { color:#CCC; text-decoration:none;}
li.screen p a:hover { color:#FFF;}
span.screen_heavy { font-size:15px; font-weight:bold; color:#FFF;}


.greenapp .red, 
.redapp .green { display: none; }

.redapp .top_left h1 { color: #A51B17; }
.redapp	 .top_left h1.logo a span.imgxtra { background-image: url(../images/clawapp_logo2.gif); }  


.extralink { position: absolute; top: 10px; right: 75px; z-index: 2; }
.extralink a { font-size: 16px; line-height: 23px; color: #FFFFFF; font-weight: bold; padding-left: 20px; }
.extralink a span { padding-right: 5px; vertical-align: middle; }
}