/* ARCWORKBENCH V.1.1 */

/* defaults */
strong { font-weight: bold }
em { font-style: italic }
*{padding:0; margin:0;}
a { outline:none } 
a img { border:none }
html {font:  100% Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif;}
html, body {min-height: 100%; height: 100%; width: 100%;}
body { background: #201d17; font:  62.5% Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; }
div {position: relative}


/* TYPOGRAPHY */
p, dd {font: 1.4em Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; line-height: 1.5; color: #2a2726; padding: 0 0 1em 0}
a {position: relative; text-decoration: underline; color: #2a2726;}
a:hover {color: #3f5674;}
h1, h2 	{font: 22px 'Century gothic', Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; color: #2a2726;}
h3, dt 	{font: 17px Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; color: #2a2726; }
h4, h5, h6 	{font: 14px  Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif;  color: #2a2726}
blockquote {border: none; text-indent: 0; margin: 0}
br {clear: both; position: relative}

/* BASIC LAYOUT */
#wrapper {width: 100%; min-width: 960px; background: #d4be9c url("images/pat.png") fixed repeat 0 0;}
#header {width: 100%; height: 216px; border-bottom: 1px solid #201d17; background: #201d17;}
#container {width: 100%; background: url("images/content_top_pat3.png") repeat-x 0 0; padding: 52px 0 0 0; min-height: 52px}
#nav_wrap {position: absolute; bottom: 0; width: 100%; background: #302d27}
.wide_wrap {width: 100%; background: url("images/trans_bg.png") repeat 0 0; margin: 50px 0 4px 0; float: left; border-top: 1px solid #7a7771;}
.inner {width: 900px; margin: 0 auto; padding: 0 0 0 30px}
.main_content {width: 563px; float: left; clear: both; padding: 0 0 40px 0; }
body#page_modules .main_content {width: 100%;}
.secondary_content {width: 293px; float: right; margin: 0 30px 20px 0; }
.phase_text { padding: 5px 30px; width: 503px;  float: left; }
.Lborder {background: url("images/mod_border.gif") repeat-y 30px 0; margin-top: 80px; border-bottom: 1px dotted #7a7771;}
#aw_wrap {background: #201d17; width: 100%; padding: 0 0 20px 0; float: left;}
#footer { width: 100%; clear: both; background: url("images/content_bottom_pat3.png") repeat-x 0 0; padding: 52px 0 0 0 }

#video-wrap {width: 640px; margin: 40px auto 0 auto;}
#vid-inner {background: #000; background: rgba(0,0,0,0.5); margin-bottom: 10px; padding: 3px 0 0}

/****** NAVIGATION ******/
ul#menu {list-style-type: none; float: right; margin-right: 29px}
ul#menu li { margin: 0 1px 0 0; font: bold  1.4em 'century gothic'; text-transform: uppercase; float: left; position: relative;  line-height: 2.5}
ul#menu li a {background: #696660 url("images/shade2.png") repeat-x center; color: #fff; text-decoration: none; display: block; line-height: 2.5; padding: 0 10px}
body#page_home ul#menu li.home a, body#page_about ul#menu li.about a, body#page_modules ul#menu li.modules a, body#page_story-board ul#menu li.story a, body#page_contact ul#menu li.contact a, body#page_alliance ul#menu li.alliance a{background:#7a8594 url("images/shade2.png") repeat-x center;;}
ul#menu li a:hover {background: #7a8594 url("images/shade2.png") repeat-x center;}
body#page_home ul#menu li.home a:hover, body#page_about ul#menu li.about a:hover, body#page_modules ul#menu li.modules a:hover, body#page_story-board ul#menu li.story a:hover, body#page_contact ul#menu li.contact a:hover, body#page_modules ul#menu li.alliance a:hover {background:#7a8594 url("images/shade2.png") repeat-x center;}

ul#modules_diagram {width: 866px; list-style-type:none; position: absolute; top: 4px; right: 32px}
ul#modules_diagram li { margin: 0 40px 8px 0; font: bold  1.3em 'century gothic', sans-serif; text-transform: uppercase; float: right; clear: both;}
ul#modules_diagram li a {background: url("images/shade2.png") repeat-x center; padding: 6px 6px;  border: 1px solid #7a7771; color: #696660; text-decoration: none; display: block; text-align: center; }
ul#modules_diagram li a:hover, li#module1 a#mod1:hover {background: #f1debe url("images/shade2.png") repeat-x center; color: #686358; }
li#module9 {width: 22%}
li#module8 {width: 25%}
li#module7 {width: 29%}
li#module6 {width: 35%}
li#module5 {width: 42%}
li#module4 {width: 51%}
li#module3 {width: 60%}
li#module2 {position: absolute; left: 834px; top: 0; width: 32px; min-height: 19.85em; overflow: hidden; margin: 0;}
li#module1 {width: 75%; position: relative; left: 40px; z-index: 999;}
li#module1 a#mod1 { padding: 6px 45px 6px 0; background: url("images/shade2.png") repeat-x center}
li#module2 a#mod2 {padding: 0; margin: 0; text-indent: -9999px; border: none; z-index: 997;  min-height: 21.75em; width: 32px; position: absolute; top: -2em; background: url("images/shade_horiz.png") repeat-y center; }
li#module2 a#mod2 span{background: url("images/pro_man.png") no-repeat center center; min-height: 19.7em; width: 30px; position: absolute; z-index: 99; border: 1px solid #7a7771; top: 2em; left: 0; padding: 0; margin: 0;}
li#module2 a#mod2:hover  {background: #f1debe url("images/shade_horiz.png") repeat-y center;}
li#module2 a#mod2:hover span {background: url("images/pro_man.png") no-repeat center center;}

ul#module_jump {list-style-type: none; float: right; margin: 0px 24px 30px 0}
ul#module_jump li {border: 1px solid #161413; margin: 0 6px 0 0; font: bold  1.4em 'century gothic'; float: left; color: #56544f}
ul#module_jump li:hover {border: 1px solid #4f4d48}
ul#module_jump li.jump_instruct {border: none; margin: 18px 6px 0 0; color: #696660 }
ul#module_jump li a{background: url("images/shade.png") repeat-x center; padding: 6px 10px;  border: 1px solid #fff; color: #56544f; text-decoration: none; display: block; }
ul#module_jump li a:hover {background: #f1debe url("images/shade.png") repeat-x center; } 

/** HEADER TEXT **/
h1 {position: absolute; top: -159px; left: 0px; color: #655d4e;  margin-left: -10px;  width: 343px; font: 1.2em "century gothic" ; }
h1 span {position: absolute; text-indent: 41px; text-transform: uppercase; color: #696660;  padding: 167px 0 0 0; width: 343px; left: 0; background: url("images/aw_logo_main3.png") no-repeat 0 0; }
h1 span a{color: #696660; text-decoration: none}
p#strap  {position: absolute; bottom: 20px; right: 30px; width: 520px; font: small-caps 20px "century gothic"; color: #696660; text-align: right; padding: 0 0 5px 0; margin: 0}


/*** MAIN TEXT ***/
p.large  {font: 17px georgia; line-height: 1.5; margin-right: 30px; }
p.centre  {font: 17px georgia; line-height: 1.5; text-align: center; padding: 0}
p.slant { position: relative; z-index: 999; float: left; clear: both;  padding: 0; font: 17px georgia; line-height: 1.5; }
p.xxx-long { width: 600px; }
p.xx-long { width: 550px; }
p.x-long { width: 500px; }
p.long { width: 450px; padding: 0.6em 0 0}
p.long-mid { width: 400px; }
p.mid { width: 350px; }
p.mid-short { width: 300px; }
p.short { width: 250px;  }
p.x-short { width: 200px; padding: 0.6em 0 2em 0 }
p.backtotop  { text-align: center; width: 100%; line-height: normal;  position: fixed; bottom: 0; z-index: 999; padding: 0 0 1px 0}
p.backtotop a{background: url("images/to_top_arrow.png") no-repeat center 0; padding: 30px 5px 0 5px; color: #7a7771; text-decoration: none;  margin: 0 964px 0 0; font: bold 0.8em 'century gothic';  text-transform: uppercase}

h2.title  {width: auto; padding: 0 0 0.7em; font-size: 30px; color: #343c47; }
body#page_modules h2.title {float: left; }
h2.intro  {font: 17px georgia; line-height: 1.5; float: left; width: 650px}
h2.phase_title {font: 18px 'georgia'; height: 30px; margin: 0px 0 18px 38px; line-height: 1.6; background: url("images/shade2.png") repeat-x center; padding: 0; color: #343c47; border: 1px solid #7a7771; border-width: 1px 1px 1px 0; text-indent: 5px; float: left; width: 524px}
h2.phase_title span {position: absolute; left: -35px; top: -24px; color: #696660; font: 40px 'georgia'; height: 68px; width: 57px; background: url("images/modules_circle2.png") no-repeat center; padding: 12px 0 0 23px; text-indent: 0px}
h2#module1 span {width: 54px; padding: 12px 0 0 26px; }
h2#module2 span {width: 56px; padding: 12px 0 0 24px; }
h2#module3 span, h2#module5 span, h2#module7 span, h2#module9 span {width: 55px; height: 70px; padding: 10px 0 0 25px; }
h2#module4 span{width: 58px; height: 70px; padding: 10px 0 0 22px; }
h2#module6 span, h2#module8 span {width: 56px; height: 65px; padding: 15px 0 0 24px; }
.main_content h3 {margin: 0.2em 0 0.7em 0}

.main_content  ul {font-size: 16px; margin: 0 0 20px; color: #2a2726;}
.main_content  ul li{margin: 0 0 0.5em; }

body#page_home dl {width: 272px; float: left; margin: 0px 23px 0px 0; border: 1px solid #7a7771;  border-width: 0px 1px 1px 1px; padding: 0px; min-height: 25.8em;  background: url("images/modbox_pat.png") repeat 0 0; position: relative }
body#page_home dt {margin: 0 0 15px -1px;  background: url("images/trans_bg.png") repeat 0 0; position: absolute; top: -30px; left: 0; width: 272px; border: 1px solid #7a7771; border-width: 1px 1px 0 1px}
body#page_home dt a{ font: 13px 'georgia'; padding: 6px 12px; display: block; text-transform: uppercase; text-decoration: none; color: #4d4b46 }
body#page_home dt a.proman, body#page_home dt a.sysad { }
body#page_home dt a:hover {color: #4d4b46;  background: #f1debe url("images/shade2.png") repeat-x center; }
body#page_home dd { background: #d7c8b2; border: 1px solid #7a7771; margin: 12px; padding: 15px 12px 7px 12px; min-height: 13em; }
body#page_home dd p { padding: 0 0 8px 0px;  font-size: 0.85em; line-height: 1.4}
body#page_home dl a.more_link { position: absolute; bottom: 0; left: 0;  color: #e9e1d4; font: bold 14px 'century gothic';  background: #696660 url("images/shade2.png") repeat-x center; width: 242px; text-decoration: none; padding: 5px 15px}
body#page_home dl a.more_link:hover { background: #f1debe url("images/shade2.png") repeat-x center; color: #686358; }


/** SECONDARY CONTENT **/
.secondary_content h2.side_head {background: url("images/shade2.png") repeat-x center; color: #343c47; font: 18px  'georgia';  height: 30px;  margin: -50px 0 30px 0; line-height: 1.6; text-align: center; border: 1px solid #7a7771; display: block; padding: 0}
body#page_modules .secondary_content a {display: block; margin: 0 0 20px 0; background: url("images/thumbs_border_top2.png") no-repeat top left; border: none; padding: 30px 0 0; }
body#page_modules .secondary_content a:hover {background: #dfcaa8 url("images/thumbs_border_top2.png") no-repeat top left;}
body#page_modules .secondary_content a img {background: url("images/thumbs_border_bot2.png") no-repeat bottom left; text-align: center; margin: 0; width: 233px; padding: 0 30px 30px 30px; border: none}

/* Form elements -----------------------*/
#form-div form#gbcf-form {width: 293px; color: #56534d; padding: 0; font:.9em Verdana, Arial, Helvetica, sans-serif; background: url("images/form_border_bot.png") no-repeat bottom left; float: right; }
#form-div form#gbcf-form fieldset {border: none; width: 293px; }
#form-div form#gbcf-form fieldset fieldset  {background: url("images/thumbs_border_bot2.png") no-repeat bottom left; margin: 0 0 10px 0;   }
#form-div form#gbcf-form legend {font-size:1.5em; margin: 0 0 10px 0; color: #3e4748; }
#form-div form#gbcf-form input           {background: #fff url("images/shade.png") repeat-x center; color: #372f24; font-size: 1.3em; border:1px solid #9c917f; padding:3px; }
#form-div form#gbcf-form textarea#message        { background: #fff url("images/textarea_grad.png") repeat-y center; color: #372f24; font: 1.2em Verdana, Arial, Helvetica, sans-serif; border:1px solid #9c917f; padding:5px; width: 251px; margin: 0 15px 5px 15px}
#form-div form#gbcf-form input:focus, #form-div form#gbcf-form textarea#message:focus  {background:#fff;}
#form-div form#gbcf-form label           {font-size:1.2em; }

#form-div form#gbcf-form fieldset.main-set legend.main-legend span {background: url("images/shade2.png") repeat-x center; color: #343c47; font: 18px 'georgia';   margin: 7px 0 20px 0; line-height: 1.6; text-align: center; border: 1px solid #7a7771; display: block; padding: 0; width: 291px}

#form-div form#gbcf-form fieldset#contact_reason legend {position: absolute; text-indent: -9999px; font-size: 0px; margin: 0; height: 0}
#form-div form#gbcf-form fieldset#contact_reason ul{float: left; padding: 15px 15px 5px 15px; list-style-type: none; display: block; background: url("images/fieldset_top.png") no-repeat top left; }
#form-div form#gbcf-form fieldset#contact_reason label {float: left; margin: 0 0 0 5px; width: 245px }
#form-div form#gbcf-form fieldset#contact_reason input {float: left; margin: 0 0 10px; clear: left; height: auto; border: none; background: none}

#form-div form#gbcf-form fieldset.req-set legend.req-legend {height: 0;margin: 0; text-align: center}
#form-div form#gbcf-form fieldset.req-set {padding: 0px 0 10px 0}
#form-div form#gbcf-form fieldset.req-set label   {width: 120px; line-height: 2; float: left; clear: both; margin: 0 0 10px 15px;}
#form-div form#gbcf-form fieldset.req-set label.main-label   {width: 263px; text-align: right; padding: 15px 15px 9px 15px; margin: 0; display: block; background: url("images/fieldset_top.png") no-repeat top left; font: 11px georgia;    }
#form-div form#gbcf-form fieldset.req-set input      {width: 130px; float: right; margin: 0 15px 0 0; line-height: normal;}

#form-div form#gbcf-form fieldset#areas ul {float: left; list-style-type: none; padding: 0px 15px 5px 15px; }
#form-div form#gbcf-form fieldset#areas legend#areas_op  {font: 12px georgia; background: url("images/thumbs_border_top2.png") no-repeat top left; padding: 15px 59px 0px 15px; display: block; width: 263px; float: left; }
#form-div form#gbcf-form fieldset#areas ul li {width: 131px; float: left; font-size: 1em; padding: 0; margin: 0;  }
#form-div form#gbcf-form fieldset#areas ul li label   {float: left; width: 111px;  margin: 0 0 10px 7px}
#form-div form#gbcf-form fieldset#areas ul li input   {float: left; width: 13px; height: 13px; padding: 0;}

#form-div form#gbcf-form fieldset.final-set  {float: left;  background: url("images/thumbs_border_top2.png") no-repeat top left; padding: 15px 15px 0px 15px; }
#form-div form#gbcf-form fieldset.final-set input.text-short   {width: 120px; margin: 3px 0 10px 0; float: left;  clear: both;}
#form-div form#gbcf-form fieldset.final-set label      {width: 150px; float: left; margin:  6px 0px 0 10px; }
#form-div form#gbcf-form fieldset.final-set label.explain     {width: auto; float: left; margin: 0 0 20px 0; text-align: left; font-size: 1em; }
#form-div form#gbcf-form fieldset.final-set input.button   {float: left; width: 263px; margin: 10px 0 10px 0; background: #696660 url("images/shade.png") repeat-x center;  text-transform: uppercase; font: bold  1.6em 'century gothic'; color: #fff}
#form-div form#gbcf-form fieldset.final-set input.button:hover   {cursor: pointer; background: #7a8594 url("images/shade.png") repeat-x center;}

#form-div #results p {color: #a24545; margin-top: -5px; font-size: 1.5em }
#form-div #results p.success {color: #618861; }
#form-div #results a {background: none; padding: 0; margin: 5px 0 0 0; font-size: 0.9em; color: #56534d}

body#page_contact #form-div form#gbcf-form fieldset.req-set label   {width: 50px; line-height: 2; float: left; clear: both; margin: 0 0 10px 15px;}
body#page_contact #form-div form#gbcf-form fieldset.req-set ul    {width: 293px;  list-style-type: none;  background: url("images/fieldset_top.png") no-repeat top left; padding: 20px 0 0 0 }
body#page_contact #form-div form#gbcf-form fieldset.req-set input      {width: 205px; float: right; margin: 0 15px 0 0; line-height: normal;}
body#page_contact #form-div form#gbcf-form fieldset.message label   {width: 263px; padding: 10px 15px 5px 15px; margin: 0; display: block; background: url("images/fieldset_top.png") no-repeat top left;  }
body#page_contact #form-div form#gbcf-form fieldset fieldset legend{position: absolute; text-indent: -9999px; font-size: 0; margin: 0}

ul.tabs {float: left; width: 100%; list-style: none;  border-left: 1px solid #7a7771; margin-top: 20px; height: 31px; position: relative; z-index: 999}
ul.tabs li {font: bold  12px  'century gothic', sans-serif; text-transform: uppercase; float: left; position: relative;  line-height: 30px; height: 30px; margin-bottom: -1px}
ul.tabs li a {outline: none;background: url("images/shade2.png") repeat-x center; padding: 0 8px;  border: 1px solid #7a7771; color: #696660; text-decoration: none; display: block; text-align: center; border-width: 1px 1px 0px 0}
ul.tabs li a:hover {background: #f1debe url("images/shade2.png") repeat-x center; }
html ul.tabs li.active a, html ul.tabs li.active a:hover  { background: #fff;}
html ul.tabs li.active a {border-bottom: 1px solid #fff}
.tab_container {	overflow: hidden; clear: both; float: left;	width: 808px; padding: 30px; background: #fff; border: 1px solid #7a7771;  z-index: 998}
.tab_content img{}


/*FOOTER*/
#aw_wrap h3{position: absolute; top: -26px; text-indent: -9999px; height: 26px; width: 76px;  font-size: 12px; color: #655d4e; background: url("images/wing_tip.png") no-repeat 40px 0;}
#aw_wrap h3 span{position: absolute; left: 0px; top: 26px; width: 336px; height: 158px; padding: 0; background: url("images/aw_ap_logo3a.png") no-repeat 0 0;}
#aw_wrap p{font: 16px georgia, 'lucida sans unicode', 'lucida grande', 'trebuchet ms', sans-serif; float: right; color: #696660; line-height: 1.5; width: 500px; margin: 20px 30px 0 0 }
#aw_wrap a{ text-decoration: none; display: block; padding: 4px 2px; margin: 11px 0 0 0; background: #504c45 url("images/shade2.png") repeat-x center;  color: #e9e1d4; font: bold 15px 'century gothic'; text-align: center;  }
#aw_wrap a:hover {background: #e9e1d4 url("images/shade2.png") repeat-x center; color: #686358}

#footer ul { padding: 10px 0; text-align: center; background: #302d27; width: 100%; min-width: 1000px; border-top: 1px solid #674f36; clear: both}
#footer ul li {display: inline; color: #5f5e5b; margin-right: 4px; font: 10px 'lucida sans unicode', 'lucida grande', 'trebuchet ms', sans-serif; }
#footer ul li:first-child {margin-left: 5px;}
#footer ul li a{color: #645942;}
#footer ul li a:hover {color: #7a8594;}