﻿/*-----------------------------------------------------------------
Generic styles
-----------------------------------------------------------------*/
body 
{
    background:#E9E9E9 url('/images/bg.jpg') repeat-x;
    margin:0;
    padding:0;
    font-family:Segoe UI, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #767676;
}

#main
{
	width:957px;
	margin:0 auto;
}

#logo
{
	background-color:#fff;
	height:100px;
	width:947px;
	margin-left:5px;
	text-align:center;
}

#logo img
{
	padding:35px 0 0 0;
}

#logo img.lightup
{
	padding: 0 0 0 10px;
}

#page
{
	width:892px;
	padding:15px 20px 0 35px;
	background:#FFFFFF;
	float:left;
}

#content
{
	height:525px;
	overflow:auto;
	width:635px;
	float:left;
	/*border-right: solid 1px #888888;*/
}

#home
{
	width:635px;
	overflow:hidden;
}

#carousel
{
	float:right;
	width:255px;
	text-align:center;
}

#carousel a
{
	color: #EE8215;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}

#galleryButton
{
	margin-left:0;
}

.shadowleft
{
	width:5px;
	height:940px;
	background: url('/images/shadow_left.png') repeat-y;
	float:left;
	margin-top:-100px;
}

.shadowright
{
	width:5px;
	height:940px;
	background: url('/images/shadow_right.png') repeat-y;
	float:left;
	margin-top:-100px;
}

img { border:none; }
a { color: #555555; }
a:hover { }
a:focus { outline:none;}
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.inline { display:inline; }
.block { display:block; }
.nodisplay { display:none; }

h1, h3 { color: #072B60; padding:0; margin:0; font-size: 20px; }

p { margin: 3px 0 3px 0; }

a, img, a img { border:none; outline:none; }

/*-----------------------------------------------------------------
Header styles
-----------------------------------------------------------------*/
#header
{
	background:url('/images/header_bg.png') no-repeat top center;
}

#header .content
{
	width:947px;
	margin: 0 auto;
}

#header table
{
	padding:50px 0 10px 0;
}

#header div.search
{
	background-color:#FFFFFF;
	border: solid 1px #346B94;
	height:22px;
	width:314px;
	padding:0 1px 0 0;
}

#header div.search input.text
{
	font-size:13px;
	padding:4px 0 0 5px;
	width:232px;
	border: medium none;
	float:left;
	color:#AAAAAA;
	font-style:italic;
}

#header div.search input.focus
{
	color:#000000;
	font-style:normal;
}


#header div.search input.searchbutton
{
	display:inline-block;
	float:right;
	height:22px;
	text-align:right;
	width:20px;
}

#header div.search span.bing
{
	float:right;
	height:22px;
	text-align:right;
	overflow:hidden;
	width:47px;
	background:#FFFFFF url('/images/bing.png')
}



/*-----------------------------------------------------------------
Banner styles
-----------------------------------------------------------------*/
#banner
{
	margin-left:5px;
}



/*-----------------------------------------------------------------
Nav styles
-----------------------------------------------------------------*/
#nav
{
	margin:0 0 25px 0;
	border-top: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background: url('/images/nav_bg.jpg') no-repeat;
	height:90px;
}

#nav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	height:90px;
}

#nav ul li
{
	float:left;
	margin:-1px 30px 0 30px;
	padding:0;
	height:90px;
}



/*-----------------------------------------------------------------
Footer styles
-----------------------------------------------------------------*/
#slider
{
	padding:10px 0 0 84px; /* 10px 0 0 129px */
}

#footer
{
	clear:both;
	margin:50px 0 0 0;
	padding: 0 0 24px 0;
}

img.footer
{
	margin:0 0 0 -40px;
}



/*-----------------------------------------------------------------
Home styles
-----------------------------------------------------------------*/
#home
{
}



/*-----------------------------------------------------------------
Why Windows 7 styles
-----------------------------------------------------------------*/
#whywindows7 h2
{
	color: #000000;
	padding:0;
	margin:0;
	font-size: 14px;
	line-height:15px;
}

#whywindows7 a
{
	color: #007DE4;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:3px 0 3px 0;
}

#whywindows7 ul
{
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#whywindows7 ul li
{
	float:left;
	width: 117px;
	margin: 0 38px 0 0;
	padding: 65px 0 0 0;
}

#whywindows7 ul li.last
{
	margin:0;
}

#whywindows7 ul li.multitouch	{ background: url('/images/whywindows7_multitouch.jpg') no-repeat top left; }
#whywindows7 ul li.taskbar		{ background: url('/images/whywindows7_taskbar.jpg') no-repeat top left; }
#whywindows7 ul li.sensors		{ background: url('/images/whywindows7_sensors.jpg') no-repeat top left; }
#whywindows7 ul li.direct2d		{ background: url('/images/whywindows7_direct2d.jpg') no-repeat top left; }



/*-----------------------------------------------------------------
Sample Apps styles
-----------------------------------------------------------------*/
#sampleapps table td span.title
{
	color: #072B60;
	font-size: 18px;
	font-weight:bold;
}

#sampleapps ul
{
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#sampleapps ul li
{
	float:left;
	margin:11px 15px 0 15px;
}

#sampleapps ul li.title
{
	margin:0 15px 0 0;
}

#sampleapps a
{
	color: #4B4C4C;
	font-weight:bold;
	text-decoration:none;
}

#sampleapps table
{
	margin:15px 0 0 0;
}

#sampleapps table td
{
	padding-right:20px;
}

#sampleapps table td table
{
	margin:0;
}

#sampleapps table td table td
{
	padding-right:7px;
}



/*-----------------------------------------------------------------
Case Studies styles
-----------------------------------------------------------------*/
#casestudies
{
	color: #77797C;
	font-family: Segoe Condensed, Segoe UI, Verdana, Arial, Sans-Serif;
}

#casestudies table td
{
	padding-left:25px;
}

#casestudies img
{
	display:block;
}

#casestudies div.details
{
	padding-left:12px;
	width: 250px;
}

#casestudies div.details span.author
{
	font-weight:bold;
	display:block;
}



/*-----------------------------------------------------------------
Events styles
-----------------------------------------------------------------*/
#events td
{
	padding:9px 0 0 0;
}

#events p
{
	margin:0;
	padding:0 70px 0 0;
}

#events img
{
	margin:6px 15px 0 0;
}

#events span.title
{
	color: #007DE4;
	font-size: 16px;
	display:block;
}

#events a
{
	color: #007DE4;
	font-weight: bold;
	text-decoration: none;
}



/*-----------------------------------------------------------------
Community styles
-----------------------------------------------------------------*/
#community h2
{
	color: #000000;
	padding:0;
	margin:0;
	font-size: 16px;
	line-height:16px;
	font-weight:normal;
}

#community ul p
{
	margin-top:10px;
}

#community a
{
	color: #007DE4;
	font-weight: bold;
	text-decoration: none;
	display:block;
	margin:3px 0 3px 0;
}

#community ul li.blogs a
{
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 10px 0 0 0;
}

#community table
{
	margin:5px 0 0 0;
}

#community ul
{
	margin: 25px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#community ul li
{
	float:left;
	width: 115px;
	margin: 0 40px 0 0;
	padding: 65px 0 0 0;
}

#community ul li.forums		{ background: url('/images/community_forums.jpg') no-repeat top left; }
#community ul li.blogs		{ background: url('/images/community_blogs.jpg') no-repeat top left; }
#community ul li.twitter	{ background: url('/images/community_twitter.jpg') no-repeat top left; }
#community ul li.building	{ background: url('/images/community_building.jpg') no-repeat top left; }