/* SignAway Master CSS Document */

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html {height:100%;}
body {background:#FFF; color:#000; font-size:101%; font-family:Verdana, Arial, Helvetica, sans-serif; height:100%; margin:0; padding:0; position:relative;}
form {margin:0; padding:0;}
ul {list-style-type:none; margin:0; padding:0;}
p {line-height:1.4em; margin:0 0 0.9em 0; padding:0;}
hr {display:none;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}

#wrapper {width:667px; margin:0 auto;}

#header {}
#header img.example {float:left; display:inline; margin:22px 20px 26px 0;}
#header img.last {margin-right:0;}
#header h1 {font-weight:normal; font-size:1.25em; margin-bottom:26px;}
#header div.logo {float:left; display:inline; margin:0 0 26px 198px; position:relative;}
#header div.logo img.logo {}
#header div.logo img.avrio {position:absolute; left:280px; top:50px; border:0;}
#header #menu {float:left; display:inline; width:667px; border-bottom:1px solid #265786; height:30px; margin-bottom:26px;}
#header #menu ul {margin-left:25px;}
#header #menu ul li {float:left; display:inline; font-size:0.75em; margin-right:15px;}
#header #menu ul li a {padding-left:8px; background:url(../images/arrow-blue.gif) no-repeat 0 0.4em scroll; color:#265786; font-weight:bold;}
#header #menu ul li a:hover {background:url(../images/arrow-grey.gif) no-repeat 0 0.4em scroll; color:#7f7f7f;}
#header #menu ul li.login {position:absolute; top:0; right:-15px; background:none; font-size:12px;}
#header #menu ul li.login a {display:block; color:#FFF; padding:10px 10px 10px 18px; background:#265786 url(../images/arrow-white.gif) no-repeat 8px 14px scroll;}
#header #menu ul li.login a:hover {text-decoration:none;}

#content {float:left; display:inline; width:667px; clear:both; position:relative;}
#content h2 {font-size:0.85em; margin-bottom:0.5em;}
#content #about {float:left; display:inline; width:310px; }
#content #about p {font-size:0.70em;}
#content a.demonstration img {position:absolute; right:-54px; top:-420px; border:none;}

#content #prices {float:right; display:inline; width:310px;}
#content #prices table {width:310px; border:none; font-size:0.70em;}
#content #prices table th {border:none; text-align:left; font-weight:normal; vertical-align:top; padding:0; padding:8px 0; border-bottom:1px solid #cccccc;}
#content #prices table th.last {border-bottom:1px solid #000;}
#content #prices table td {border:none; vertical-align:top; font-weight:bold; padding:0; padding:8px 0; text-align:right; border-bottom:1px solid #cccccc;}
#content #prices table td.last {border-bottom:1px solid #000;}
#content #prices table td span {font-weight:normal;}
#content #prices table thead {display:none;}
#content #prices table tbody th {width:206px;}

#content #setup {float:left; display:inline; width:667px; margin-top:26px;}
#content #setup h3 {display:none;}

#content #demo {clear:both;}
#content #demo p {font-size:0.75em;}
#content #demo p.req {font-size:0.7em;}
#content #demo span.req {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#FF0000;}
#content #demo fieldset {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:26px 0;}
#content #demo fieldset label {font-size:0.75em; clear:left; float:left; width:160px; font-weight:bold; margin-right:20px;}
#content #demo fieldset input {float:left; border:1px solid #000; font-size:0.75em; width:180px; margin-bottom:3px;}
#content #demo fieldset input.postcode {width:80px;}
#content #demo fieldset textarea {float:left; border:1px solid #000; font-size:0.75em; width:180px; margin-bottom:3px; height:80px;}
#content #demo fieldset input.button {clear:left; border:none; width:auto; background:#265786; font-weight:bold; color:#FFF; margin-left:180px; cursor:pointer; padding:3px 5px; margin-top:10px;}
#content #demo fieldset input.button:hover {color:#FFF; padding:4px 4px 2px 6px;}

#content #demovid {clear:both;}
#content #demovid p {font-size:0.75em;}
#content #demovid #theFlash {padding:20px 0;}

#content #technical {clear:both;}
#content #technical h2 {margin-bottom:1.6em;}
#content #technical h3 {color:#265786; font-size:0.75em; border-bottom:1px dotted #265786; padding-bottom:0.5em; margin:0 20px 0.5em;}
#content #technical p {font-size:0.7em; margin:0 20px;}
#content #technical ul {margin-bottom:1.6em;}
#content #technical ul li {margin-left:20px; font-size:0.75em;}
#content #technical ul li a {padding-left:8px; background:url(../images/arrow-black.gif) no-repeat 0 0.4em scroll; color:#000; font-weight:bold;}

#footer {float:left; display:inline; width:667px; margin-top:26px; border-bottom:1px solid #cccccc; padding-bottom:15px;}
#footer p {color:#265786; font-size:1.4em; font-weight:bold; margin-bottom:26px;}
#footer p strong {font-size:1.8em;}
#footer img.example {float:left; display:inline; margin:0 20px 0 0;}
#footer img.last {margin-right:0;}

#details {float:left; display:inline; width:667px; padding-bottom:26px; margin-top:15px;}
#details img {float:left; display:inline; margin-right:10px;}
#details h4 {margin-left:102px; font-size:0.70em;}
#details address {margin-left:102px; font-size:0.70em; font-style:normal;}
#details ul {margin:5px 0 0 102px; font-size:0.70em;}
#details ul li {float:left; display:inline; margin-right:20px;}
#details ul li a {color:#000;}
#details ul li a:hover {text-decoration:none;}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */