body {margin: 0; padding: 0; background: #f2f2f2;}
h1 {font-family: Helvetica Neue, Helvetica, Arial, Sans-serif; font-size: 22.8px; margin-bottom: -13px; margin-top: 25px; color: #222;}
h2 {font-family: Helvetica Neue, Helvetica, Arial, Sans-serif; font-weight: normal; }
p { font-family: Arial, Sans-serif; font-size: 15px; line-height: 23.5px; letter-spacing: 0px; color: #333;}
img {border: 0;}

a:link {color: #111;} a:active {color: #111;} a:visited {color: #111;} a:hover {color: #444;}

#wrap { margin: 70px auto;}

#update {margin: 0 auto; width: 844px; height: 30px; text-align: center; font-size: 16px; font-family: Helvetica Neue, Helvetica, Arial, Sans-serif; }
#update a { text-decoration: none;}

#update-special {margin: 0 auto; width: 844px; height: 40px; text-align: center; font-size: 26px; font-family: Helvetica Neue, Helvetica, Arial, Sans-serif; }
#update-special a { text-decoration: none;}

#buynow-multi { margin: 0 auto; margin-top: 0px; width: 600px; height: 40px;}
#buynow-multi p { font-size: 13px; text-align: center; line-height: 18px;} 
#buynow-multi a { color: #777; text-decoration: none; } #buynow-multi a:hover { color: #444; text-decoration: underline;}

#header { margin: 0 auto; width: 882px;  height: 344px; background: url(images/blueheader.png) no-repeat white; overflow: hidden; }
#header .monitor { margin-top: 25px; margin-left: 12px; float: left; background: url(images/video.png) no-repeat; width: 400px; height: 315px;}
#header .logo { margin-top: 55px; margin-left: 7px; float: left; background: url() no-repeat; width: 416px; height: 119px;}
#header .buynow { margin-top: 5px; margin-left: 9px; float: left; background: url(images/buynow.png) no-repeat; width: 434px; height: 132px;}

#header-special { margin: 0 auto; width: 882px;  height: 280px; background: #F2F2F2 url(images/blueheader-special.png) no-repeat; overflow: hidden; }

#tabs { margin: 0 auto; margin-top: -16px; width: 884px; height: 40px; background: url(images/tab-bg.png) repeat-y; font-family: "Helvetica Neue", Helvetica, Arial; font-size: 13px;}
#tabs ul { list-style-type: none; height: 40px; padding-left: 5px;}
#tabs li { float: left; text-align: center; padding: 11px 30px 12px; border-right: 1px solid #868686; }
#tabs a { color: #fff; text-decoration: none; font-weight: 500; }
#tabs a:hover {color: #EEE;}
#tabs li.active {background: #fff; margin-top: 0px; padding-top: 12px;}
#tabs li.active a {color: #000;}

#content { margin: 0 auto; width: 884px; background: #FFF url(images/wrap-bg1.png) repeat-y;}

#gallery { margin-top: 20px; margin-left: 50px; width: 860px; min-height: 800px;}
#gallery a { margin: 5px; width: 250px; height: 250px; background: #EEE; float: left;}
#gallery a:hover {}

#intro { margin: -25px auto; width: 620px; height: 190px; text-align: center; }
#intro h1 { font-family: Helvetica, Arial, Sans-serif; font-size: 33px; letter-spacing: -1px; margin-bottom: -11px; padding-top: 43px; color: #222; }
#intro h2 { font-family: Arial, Verdana, Sans-serif; line-height: 24px; font-weight: normal; font-size: 18px; color: #333;}

#intro-special { margin: -25px auto; width: 700px; height: 190px; text-align: center; }
#intro-special h1 { font-family: Helvetica, Arial, Sans-serif; font-size: 33px; letter-spacing: -1px; margin-bottom: -11px; padding-top: 43px; color: #222; }
#intro-special h2 { font-family: Arial, Verdana, Sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; color: #333;}

#intro-gallery { margin: -25px auto; width: 620px; height: 175px; text-align: center; }
#intro-gallery h1 { font-family: Helvetica, Arial, Sans-serif; font-size: 33px; letter-spacing: -1px; margin-bottom: -11px; padding-top: 43px; color: #222; }
#intro-gallery h2 { font-family: Arial, Verdana, Sans-serif; line-height: 24px; font-weight: normal; font-size: 18px; color: #333;}

#divider {margin: 0px auto; background: url(images/divider.png) no-repeat; width: 858px; height: 19px;}

#production { margin: 10px auto; height: 275px; width: 872px; text-align: left;}
#production .text { margin-top: 10px; float: left; margin-left: 30px; width: 340px;}
#production .image { margin-top: 20px; margin-left: 50px; background: #EEE; width: 400px; height: 226px; float: left;}
#production .text h1 { font-size: 28px;}
#production .text h2 { font-size: 15px; color: #555;}
#production .text p { font-size: 13px; line-height: 21px; }
#production.last { margin-bottom: -10px;}

#section1 { margin: 15px auto; height: 412px; width: 872px; text-align: right;}
#section1 .text { margin-top: 20px; float: left; margin-left: 40px; width: 420px;}
#section1 .image {margin-top: 20px; background: url(images/imac.png) no-repeat; width: 412px; height: 423px; float: right;}

#section1-special { margin: 0 auto; margin-top: 5px; height: 480px; width: 872px; text-align: left;}
#section1-special .text { margin-top: 0px; float: left; margin-left: 40px; width: 370px;}
#section1-special .image {margin-top: 30px; margin-right: 36px; background: url(images/specialoffer1.jpg) no-repeat; width: 396px; height: 471px; float: right;}

#special-slogan { margin: 0 auto; margin-top: 25px; width: 680px; height: 70px; }
#special-slogan h1 { font-family: Helvetica, Arial, Sans-serif; font-size: 26px; letter-spacing: -1px; color: #222; text-align: center; }

#special-buttons {  margin: 0 auto; margin-top: 15px; width: 720px; height: 85px;  }
#special-buttons .buyboth { float: left; background: url(images/buyboth.jpg) no-repeat; width: 348px; height: 73px;}
#special-buttons .buyone { float: right; background: url(images/buyone.jpg) no-repeat; width: 348px; height: 73px;}

#section2 { margin: 15px auto; height: 300px; width: 872px; text-align: left;}
#section2 .text { margin-top: 57px; float: left; margin-left: 40px; width: 370px;}
#section2 .image {margin-top: 40px; margin-left: -1px; background: url(images/workflow.png) no-repeat; width: 435px; height: 335px; float: left;}
#section2 .sub { font-size: 18px; font-style: italic; margin-top: 20px; margin-bottom: -15px;}

#section3 { margin: 75px auto; height: 260px; width: 872px; text-align: right;}
#section3 .text { margin-top: 70px; float: left; margin-left: 40px; width: 350px;}
#section3 .image {margin-top: -15px; margin-right: 0px; background: url(images/workflow2.png) no-repeat; width: 424px; height: 352px; float: right;}
#section3 .sub { font-size: 18px; font-style: italic; margin-top: 20px; margin-bottom: -15px;}
#section3 .bold  { font-size: 19px; font-style: italic; font-weight: bold; margin-top: 30px; margin-bottom: -8px;}

#thumbnails { margin: 140px auto; width: 865px; height: 980px; }

#row1 { margin: 0px auto; height: 315px; width: 820px;}
#row1 .left { background: url(images/thumb1.png) no-repeat; width: 405px; height: 262px; float: left;}
#row1 .right { background: url(images/thumb2.png) no-repeat; width: 405px; height: 262px; float: right;}
#row1 .titleleft {float:left; margin-left: 100px; margin-bottom: 8px; font-size: 18px;}
#row1 .titleright {float:right; margin-right: 100px; margin-bottom: 8px; font-size: 18px;}

#row2 { margin: -40px auto; height: 315px; width: 820px;}
#row2 .left { background: url(images/thumb3.png) no-repeat; width: 405px; height: 262px; float: left;}
#row2 .right { background: url(images/thumb4.png) no-repeat; width: 405px; height: 262px; float: right;}
#row2 .titleleft {float:left; margin-left: 95px; margin-bottom: 8px; font-size: 18px;}
#row2 .titleright {float:right; margin-right: 110px; margin-bottom: 8px; font-size: 18px;}

#row3 { margin: -40px auto; height: 315px; width: 820px;}
#row3 .left { background: url(images/thumb5.png) no-repeat; width: 405px; height: 262px; float: left;}
#row3 .right { background: url(images/thumb6.png) no-repeat; width: 405px; height: 262px; float: right;}
#row3 .titleleft {float:left; margin-left: 85px; margin-bottom: 8px; font-size: 18px;}
#row3 .titleright {float:right; margin-right: 85px; margin-bottom: 8px; font-size: 18px;}

#row4 { margin: -40px auto; height: 315px; width: 820px;}
#row4 .left { background: url(images/thumb7.png) no-repeat; width: 405px; height: 262px; float: left;}
#row4 .right { background: url(images/thumb8.png) no-repeat; width: 405px; height: 262px; float: right;}
#row4 .titleleft {float:left; margin-left: 85px; margin-bottom: 8px; font-size: 18px;}
#row4 .titleright {float:right; margin-right: 85px; margin-bottom: 8px; font-size: 18px;}


#quote { margin: -40px auto; margin-bottom: -20px; width: 560px; height: 190px; text-align: center; }
#quote h1 { font-family: Helvetica, Arial, Sans-serif; font-size: 33px; letter-spacing: -1px; margin-bottom: -13px; padding-top: 43px; color: #222; }
#quote h2 { font-family: Arial, Verdana, Sans-serif; line-height: 26.5px; font-weight: normal; font-size: 20.5px; color: #333;}

#buybottom {margin: 0 auto; width: 434px; height: 132px; background: url(images/buynow.png) no-repeat;}

#bottom-bg {margin: -3px auto; width: 884px; height: 42px; background: url(images/bottom-bg.png) no-repeat; }

#footer { margin: 5px auto; width: 700px; height: 5px;}
#footer p { font-size: 12px; text-align: center; color: #111; line-height: 19px;}


/* New Navigation */

#topheader { font-family: DroidSansRegular;     
background: url(images/nav.png) repeat-x;
padding: 0px;
height: 70px;
width: 100%;
overflow: hidden;
-moz-box-shadow: 0px 0px 3px #252525;    
-webkit-box-shadow: 0px 0px 3px #252525;    
box-shadow: 0px 0px 3px #252525;
border-bottom: 0px solid #333; }

#topheader .wrap {
	margin: 0 auto;
	width: 1020px;
	height: 70px;
}

#topheader #logo { 
	background: url(images/gsg-logo.png) 0px 0px no-repeat;
	float: left;
	height: 70px;
	width: 280px;
}

#topheader a img { margin: 0; padding: 0; }

#access {
	display: block;
	float: right;
	margin: 0 auto;
	width: 560px;
}
 
#menu-main-navigation {
	margin: 0;
}

#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	list-style: none;
	position: relative;
}
#access a {  
	font-size: 13px;
	color: #DDD;
	display: block;
	padding: 26px 18px 0px 18px;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666;
	height: 44px;
	outline: none;
}
#access ul ul {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #FFF;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	color: #FFF;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background: #e13721  url(images/nav-hover.png) repeat-x;
	color: #FFF;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	background: #e13721 url(images/nav-hover.png) repeat-x;
	color: #FFF;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}