html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}hr.clear{width:0;height:0;margin:0;padding:0;border:0;display:block;clear:both}
body { min-width:960px; background:#0c3569 url(http://assets.agincourttech.com/images/header_bg.png) center top no-repeat; color:#fff }#header { height:110px; margin:0; padding:3em 0 0 0; position:relative; background:none; color:#fff;} #header h1 { width:393px; height:77px; margin-left:-470px; display:block; position:absolute; bottom:-5px; left:50%; background:transparent url(http://assets.agincourttech.com/images/logo.png) top left no-repeat; } #header h2 { width:232px; height:21px; margin-right:-470px; display:block; position:absolute; bottom:6px; right:50%; background:transparent url(http://assets.agincourttech.com/images/strapline.png) top left no-repeat; } #header h1 a, #header h2 a { width:393px; height:77px; display:block; text-indent:-9999px; } #header h2 a { width:232px; height:21px; } #header h2 img { margin:0; padding:4px; border:1px solid rgba(0,16,40,0.5); position:absolute; bottom:-190px; right:0; z-index:100; background:rgba(6,37,75,0.8); }#nav { width:100%; height:3em; border-bottom:1px solid #031124; border-bottom-color:rgba(0,0,0,0.5); display:block; position:absolute; top:0; left:0; background:#062248; background:rgba(0,16,40,0.5); line-height:3.1em;} #nav ul { width:940px; height:inherit; margin:0 auto; padding:0 10px; display:block; list-style:none; } #nav ul li { margin:0.5em 0.5em 0 0; padding:0; border:1px solid #062248; border-color:rgba(0,0,0,0); display:block; float:left; line-height:1.2em; text-transform:uppercase; text-shadow:#00183d 1px 1px 1px; font-weight:bold; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #nav ul li.active { border-color:#fff; background:#eee; color:#00183d; text-shadow:#fff 1px 1px 1px } #nav ul li.right { float:right } #nav ul li:hover { background:#6c9d2c url(http://assets.agincourttech.com/images/button_bg.png) top left repeat-x !important; border-color:#c2d691 #5d8a22 #5d8a22 #c2d691; text-shadow:#50832c 1px 1px 0; color:#fff; } #nav ul li.feed:hover { background:#ee8407 !important; border-color:#fa9013 #c26900 #c26900 #fa9013; text-shadow:#9a5605 1px 1px 0; color:#fff; } #nav ul li a { padding:0.5em 0.75em 0.5em 0.75em; display:block; color:#fff !important; text-decoration:none } #nav ul li a:hover { background:#6c9d2c url(http://assets.agincourttech.com/images/button_bg.png) top left repeat-x !important; color:#fff !important } #nav ul li.active a { color:#00183d !important } #nav ul li.active:hover a, #nav ul li.active a:hover { color:#fff !important } #nav ul li.feed a:hover { background:#ee8407 !important; color:#fff !important }#content { padding:20px 0 0 0; border-top:1px solid #062854; border-bottom:2px solid #062854; background:#fff url(http://assets.agincourttech.com/images/content_bg.png) 0 1px repeat-x; color:#000; position:relative;} #content .container_12 { width:720px; padding-right:240px; } #content img { margin:0; padding:4px; border:1px solid #ccc; background:#fff } #content .grid_9 img, #content .grid_12 img { margin:0 auto } #content .grid_9 img[align=left], #content .grid_9 img[style*='float:left'], #content .grid_12 img[align=left], #content .grid_12 img[style*='float:left'] { margin-bottom:20px; margin-right:20px } #content .grid_9 img[align=right], #content .grid_9 img[style*='float:right'], #content .grid_12 img[align=right], #content .grid_12 img[style*='float:right'] { margin-bottom:20px; margin-left:20px } #content img.icon { margin:0; padding:0; border:0; background:none }#sidebar { width:220px; margin:0 -470px 0 10px; padding:20px 0 20px 10px; position:absolute; top:0; bottom:0; right:50%; background:transparent url(http://assets.agincourttech.com/images/sidebar_bg.png) top left repeat-y;} #sidebar .box { margin:0 0 20px; padding:10px 10px 10px 36px; border:1px solid #eee; background:#f7f7f7 10px center no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #sidebar .box.info { border-color:#98beef; background-color:#e5f1ff; background-image:url(http://assets.agincourttech.com/images/icons/16/info.png); color:#062a66; }#footer { padding-top:20px } #footer div p.right { text-align:right } #footer img { margin-right:10px; opacity:0.5; -webkit-transition: opacity 0.5s linear; } #footer img:hover { opacity:1 }
body { font: 0.85em/1.5 'Lucida Grande', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; } a:focus { outline: 1px dotted invert; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } h1, h2, h3, h4, h5, h6 { font-family:'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-weight:normal; line-height:1.5; } h1 { font-size:25px; color:#5d8b23; text-shadow:#fff 1px 1px 1px; line-height:1; } h1 a { background:none; color:#5d8b23; text-decoration:none } h1 a:hover { color:#2f4e08 } h2 { font-size: 20px; text-shadow:#fff 1px 1px 1px; } h3 { font-size: 17px; text-shadow:#fff 1px 1px 1px; } h4 { font-size: 14px; } h5 { font-size: 11px; } h6 { font-size: 11px; } h1 img.icon, h2 img.icon, h3 img.icon { vertical-align:middle; position:relative; top:-3px; margin-right:2px } #sidebar h2 { color:#333; text-shadow:#fff 1px 1px 1px; } ol { list-style: decimal; } ul { list-style: square; } li { margin-left: 30px; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } p, li { font-size:0.9em; line-height:1.5; } em, strong { line-height:inherit; font-size:1em } #footer p { color:#062248 } blockquote { margin:0 0 20px; padding:10px 10px 0; border:1px solid #ddd; position:relative; background:#f7f7f7; font-size:1em; color:#000; } blockquote p { margin:0 0 10px 0; text-align:right; } #content blockquote p { font-family:georgia, sans-serif; font-style:italic; color:#000; text-align:left } blockquote p.quote { margin-right:10px; text-align:left; font-family:georgia, sans-serif; font-style:italic; color:#666; } blockquote p.quote:before { content:'\201C'; margin-right:2px } blockquote p.quote:after { content:'\201D'; margin-left:2px } blockquote img { margin:0 !important; padding:0 !important; border:0 !important; position:absolute; top:-1px; right:-1px; background:none !important; } .icon_list { list-style:none } .icon_list li { background-position:center left; background-repeat:no-repeat; padding-left:26px; } .icon_list.documents li { background-image:url(http://assets.agincourttech.com/images/icons/16/document.png) } .icon_list.products li { background-image:url(http://assets.agincourttech.com/images/icons/16/product.png) } .icon_list.services li { background-image:url(http://assets.agincourttech.com/images/icons/16/service.png) } .icon_list.websites li { background-image:url(http://assets.agincourttech.com/images/icons/16/website.png) } .icon_list.support li { background-image:url(http://assets.agincourttech.com/images/icons/16/service.png) } .icon_list.miscellanous li { background-image:url(http://assets.agincourttech.com/images/icons/16/misc.png) } .nav_list li { margin:0 0 10px 0 } a { background:#ffc; color:#cc7a00; } a:hover { color:#895200 } .more { text-align:right; background:none !important; } .more a, a.more { background:none; font-weight:bold; color:#6c9d2c } .more a:hover, a.more:hover { color:#4b7415 } a.sub { background:none; color:#999 } a.sub:hover { color:#666 } #header a, #nav a { background:none } #footer a { color:#fff; background:none; text-shadow:#062248 1px 1px 0; text-decoration:none; font-weight:bold; } .button a, a.button, form button { margin:0; padding:5px 7px 4px; border:1px solid #c2d691; border-color:#c2d691 #5d8a22 #5d8a22 #c2d691; display:block; float:right; background:#6c9d2c url(http://assets.agincourttech.com/images/button_bg.png) top left repeat-x; text-transform:uppercase; text-decoration:none; text-shadow:#50832c 1px 1px 0; font-weight:bold; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition: background-color 0.5s linear; } .button a:hover, a.button:hover, form button:hover { background-color:#8bbe46 }
form { margin:0 0 20px 0; padding:0; border:0; font-size:1em; } form#contact_form { width:350px } form p { margin:0 0 20px 0; padding:0; display:block; clear:both; } form p.confirm { text-align:right } form label { width:150px; margin:0; padding:5px 0; display:block; float:left; clear:left; font-weight:bold; line-height:1em; } .grid_9 form p { position:relative; padding-left:200px } .grid_9 form label { width:180px; position:absolute; top:0; left:0; line-height:1.5 } form input, form textarea { width:438px; margin:0; padding:5px; border:1px solid #bbb; background:#fff; font-size:1em; color:#666; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .grid_9 form input, .grid_9 form textarea { width:490px } form textarea { clear:both } form input:focus, form input:active, form textarea:focus, form textarea:active { border-color:#999; color:#000 } form button { cursor:pointer; font-size:1em } form#contact_form input { width:188px } form#contact_form textarea { width:338px } form#search { width:auto } form#search p { margin:0; padding:0; border:0; font-size:1em; line-height:1em; } form#search label, form#search button { display:none } form#search input { width:188px; padding-left:25px; background:#fff url(http://assets.agincourttech.com/images/icons/16/search.png) 5px 4px no-repeat; font-size:0.9em; }
.blog_post .info { margin-bottom:5px; position:relative; top:-15px } .blog_post .timestamp { font-weight:bold } .blog_post .tags { color:#666 } .blog_post .tags:before { content:'Filed under ' } .blog_post.concise h3 { height:3em; border-bottom:1px solid #ccc } .blog_post.concise .info { margin-bottom:20px; top:0 } .blog_post.concise .tags { display:none } .tick_list { list-style:none } .tick_list li { margin:0 0 10px 0; padding:0 0 0 34px; background:transparent url(http://assets.agincourttech.com/images/icons/24/tick.png) top left no-repeat; font-weight:bold; } .tick_list li span { display:block; clear:left; font-size:0.9em; font-weight:normal; color:#666; } .highlight { margin:0 0 20px 0; padding:10px; border:1px solid #bcdf8f; background:#d8ecbe; } .highlight p { margin:0; font-weight:bold; font-size:1.25em; text-align:center; color:#5f8c26; } .comment { margin-bottom:20px; border-bottom:1px solid #ccc; } .comment .author { font-weight:bold } .comment .datetime { float:right; color:#666; font-style:italic; }
.slides { width:700px; height:300px; margin:0 0 20px 0; position:relative; overflow:hidden; background:#0c3569 url(http://assets.agincourttech.com/images/slide_bg.jpg) top left no-repeat; } .slides .controls { width:700px; margin:0; padding:0; border-top:1px solid #06172d; border-top-color:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; z-index:2; background:#092851; background-color:rgba(0,16,40,0.5); } .slides .controls li { margin:0; padding:0; border-right:1px solid rgba(0,0,0,0.3); display:block; float:left; } .slides .controls li a { margin:0; padding:0.75em; display:block; background:none; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; text-shadow:#0c3569 1px 1px 1px; } .slides .controls li a:hover { background:#071d3a; background-color:rgba(0,0,0,0.3) } .slides .container { width:3500px; height:300px; position:absolute; top:0; left:0; z-index:1; } .slides .slide { width:700px; height:300px; position:relative; display:block; float:left; overflow:hidden; } .slides .slide img { margin:0 !important; padding:0 !important; border:0 !important; position:absolute; bottom:0; right:0; background:none !important; } .slides .slide h1 { height:40px; margin:5px 0 5px 10px; padding:10px 10px 10px 60px; position:relative; display:block; color:#fff; line-height:40px; text-shadow:#0c3569 1px 1px 1px; } .slides .slide h1 img { width:40px; height:40px; position:absolute; top:10px; left:10px; } .slides .slide p { margin-left:20px; margin-right:320px; color:#fff; text-shadow:#0c3569 1px 1px 1px; }
.ribboned .container_12 { padding-top:210px; } .ribboned #sidebar { padding-top:230px; } .ribbon { width:960px; height:200px; margin:0 0 0 -480px; padding:0 !important; position:absolute; top:20px; left:50%; z-index:10; overflow:hidden; } .ribbon .slider { width:960px; height:160px; margin:10px 0 0 50px; padding:9px 10px; border:1px solid #aaa; position:relative; top:0; left:0; overflow:hidden; background:#f7f7f7; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; box-shadow:rgba(0,0,0,0.2) 0 0 10px; } .ribbon .slider a { margin:0 10px 10px 0; padding:0; border:0; display:block; float:left; background:none; } .ribbon .slider a img { margin:0 !important; border:1px solid #ccc !important; -webkit-box-shadow:#ddd 0 0 10px; box-shadow:#ddd 0 0 10px; } .ribbon .slider a:hover img { border-color:#aaa !important; -webkit-box-shadow:#bbb 0 0 10px; box-shadow:#bbb 0 0 10px; } .ribbon .handle { width:50px; height:200px; margin:0; padding:0; border-right:1px solid #aaa; display:block; position:absolute; top:0; left:0; z-index:11; cursor:pointer; background:#fff url(http://assets.agincourttech.com/images/content_bg.png) 0 -19px repeat-x; } .ribbon .handle.right { border-left:1px solid #aaa; border-right:0; left:auto; right:0; text-align:right } .ribbon .handle img { margin:79px 0 !important; padding:0 !important; border:0 !important; background:none !important; opacity:0.5; } .ribbon .handle:hover img { opacity:1 }
table { margin: 0 0 20px; border: 1px solid #ccc } table tr { border-bottom: 1px solid #ccc } table th, table td { padding: 5px; font-size: 12px } table tr:nth-child(2n) { background-color: #eee }