/* elements
-----------------------------------------------------------------------------*/

body { background: url(../images/bg/body.jpg) center top no-repeat #0B1119; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.9em; }


/* layout
-----------------------------------------------------------------------------*/

#header-wrap { height: 114px; }
#upper-wrap {  }
#middle-wrap { background: url('../images/bg/middle.png') no-repeat center top; padding:0 0 20px; }
#lower-wrap { background: url('../images/bg/lower.png') center top no-repeat; }


/* header
-----------------------------------------------------------------------------*/

#header { margin: auto; width: 900px; }
#header a { display: block; height: 112px; margin: auto; text-indent: -9999px; width: 300px; }


/* upper
-----------------------------------------------------------------------------*/

#upper { margin: auto; width: 900px; }
#upper ul { background: url('../images/bg/upper-bottom-border.png') no-repeat center bottom; padding: 0 0 1px 0; height: 338px; margin: auto; width: 880px; }
#upper ul li { height: 283px; width: 437px; }
#upper ul li img { display: block; }
#upper ul li a { display: block; height: 55px; text-indent: -9999px; width: 437px; }
#upper ul li a.europe { background: url('../images/text/europe.png') no-repeat right; }
#upper ul li a.americas { background: url('../images/text/americas.png') no-repeat left; }

/* temporary solution to Europe link not being live */
#upper ul li div.europe { display:block; height:55px; text-indent: -9999px; width:437px; background: url('../images/text/europe.png') no-repeat right; }

/* middle
-----------------------------------------------------------------------------*/

#middle { margin: auto; width: 800px; }
#middle h1 { background: url('../images/text/welcome-to-axway-connections.png') no-repeat center 65%; height: 27px; margin: 0 auto; padding: 16px 0; text-indent: -9999px; width: 400px; }
#middle ul { float: right; padding: 0 70px; }
#middle ul li { background: url('../images/bg/bullet.png') left 11px no-repeat; padding-left: 9px; }
#middle p { font-size: 13px; }


/* lower
-----------------------------------------------------------------------------*/

#lower { margin: auto; width: 800px; }
#lower h2 { background: url('../images/text/past-connections.png') no-repeat left bottom; height: 27px; margin: 0 145px; padding: 5px 0 0 0; text-indent: -9999px; width: 190px; }

#lower div.past-connection { min-height: 100px; float: left; padding: 22px 0 0 0; width: 308px; }
#lower div.past-connection img { border: 1px solid #d42327; float: left; }
#lower div.past-connection p { color: #c7c5c5; float: left; font-size: 12px; font-weight: bold; line-height: 1.6em; margin-left: 14px; padding-top: 7px; }
#lower div.past-connection p span.last-line { background: url('../images/bg/red-arrow.gif') right no-repeat; padding-right: 1em; }

#lower div.social { min-height: 100px; float: right; width: 180px; }
#lower div.social h2 { background: url('../images/text/follow-axway.png') no-repeat left bottom; height: 17px; margin: 9px 0 9px 49px; text-indent: -9999px; width: 112px; }
#lower div.social ul li { display: block; height: 38px; width: 38px; float: right; }
#lower div.social ul li a { display: block; height: 38px; padding: 0 2px; width: 38px; }


/* footer
-----------------------------------------------------------------------------*/

#footer { color: #7490b4; font-size: 10px; padding-bottom: 50px; text-align: center; }
#footer a,
	#footer a:visited,
	#footer a:hover,
	#footer a:active { color: #2979dc; text-decoration: none; }


/* utility
-----------------------------------------------------------------------------*/

.clear  { clear: both;  }
.left   { float: left;  }
.right  { float: right; }
.shadow { text-shadow: 3px 4px 9px #00142e; }