/*----------------
  www.atyler.co.uk 
  version: 3.3
  Author: Ant Tyler 
  Copyright 2010 all rights reserved
*/

/*-----
 Reset
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button {
margin:0;
padding:0;
}
ul,li{
list-style-type:none;
}
img{
border:0;
}
fieldset{
border:0;
}
body {
 background:#000 url(/i/pav2.jpg) no-repeat 50% 0;
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
 min-width:800px;
 font-size:80%;
}

/*-------
 Wrappers
*/

div#wrap1{
 margin:0 auto;
 width:980px;
 text-align:left;
 padding:0 0 0 15px;
}
#mast{
 background:url(/i/at-logo.jpg) no-repeat 0 1em;
 height:5em;
}
#mast .phot{
 height:3em;
}
#mast img{
 margin:1.5em 0 .7em 130px;
}
#maincont{
 width:710px;
 position:relative;
 padding:0 1em;
 float:left;
 margin-bottom:1.5em;
}
div#hmtxt{
position:relative;
float:left;
width:435px;
height:auto;
background:#131313;
border:solid #487163 1px;
padding:5px;
margin-bottom:1.5em;
}
div#latest{
position:relative;
float:left;
margin:-6px 0 2em 50px;
width:210px; 
overflow:visible; 
}
#websamples{
 width:600px;
 padding:5px;
}
#web-spec{
width:550px;
clear:both;
position:relative;
margin:1.5em 0;
font-size:1em;
padding:2px;
}
#web-spec a{
color:#c5bc80;
font-weight:bold;
}
#websamples div.web{
height:auto;
float:left;
margin:.5em 0 0;
}

/*---------
 Headers
*/

h1,h2,h3,h4 {
font-family:Verdana, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
}
h1 {
font-size:1.8em;
margin:1em 0;
color:#8db99f;
font-weight:normal;
}
h2 {
font-size:1.3em; 
margin:.4em 0;
}
h3 {
font-size:1.2em;
margin:.3em 0;
}
h4 {
font-size:.9em;
font-weight:normal;
}
#latest h2 a{
color:#fff;
font-family:Arial;
background:#131313;
}

/*------
 Content
*/

#txtbox {
width:620px;
height:auto;
background:#131313;
border:solid #487163 1px;
padding:0 5px;
margin-bottom:2em;
}
#maincont p {
 font-size:1.1em;
 background-color:#000;
 padding:3px;
 line-height:1.2em;
 margin:.5em 0;
}
#maincont p.widetxt {
 width:530px;
}
#websamples p span.website {
 padding-bottom:8px;
 font-weight:bold;
 font-size:1.2em;
 font-family:Verdana, Helvetica, sans-serif;
 color:#9ec8f9;
}
#hmtxt p.photocap {
font-weight:bold;
text-align:center;
background:#000;
padding:2px;
}
.photo {
 color:#fff;
 font-weight:bold;
 font-size:95%;
 text-align:center;
 margin:10px 0 10px 0;
}
.body-web-top {
 width:450px;
 font-size:14px;
 font-weight:normal;
 color:#fff;
 text-align:center;
 line-height:18px;
 margin:5px;
 padding:5px;
 background-color:#000;
}
.bodyctr {
 font-size:14px;
 font-weight:normal;
 color:#000;
}
.bodyctrWhite {
 font-size:14px;
 font-weight:normal;
 color:#fff;
}
#maincont p.mag,
#maincont p.mag2 {
background:#000 url(/i/mag.jpg) no-repeat 3px 1px;
padding:3px 3px 3px 35px;
margin:1.5em 0;
width:245px;
}
#maincont p.mag {
margin:1.5em 0 3em;
width:270px;
}
tbody tr td div img {
 margin:25px 0;
 text-align:center;
}
#maincont p.phototxt {
 width:400px;
 margin:1em 0;
}
#img-cont img {
margin:2em 0;
}
div#hmtxt p{
 text-align:left;
 font-size:1.1em;
}
div#hmtxt p a {
 color:#c5bc80;
}
div#hmtxt p a:hover {
color:#cbe3ff;
text-decoration:underline;
}
#photohm{
 width:400px;
 margin:3em 0;
}
.photoitem{
margin:2em 10px;
height:9em;
width:280px;
}
div#hmtxt a img {
margin: 1.5em 0 1.5em 37px;
}
div#latest img {
margin:1em 0 1em; 
}
div#latest img.latesq{
 margin-left:25px; 
}
div#latest img.twtr{
 margin-left:35px; 
}
#sample-pic {
position:absolute; 
left:395px; 
top:155px;
width:250px;
height:auto;
}
#sample-pic p{
margin:.5em 0;
background:none;
font-size:1em;
line-height:1.3;
}
#websamples img,
#websamples img a {
 margin:10px 30px 30px;
 border:#959595 1px solid;
 float:left;
}
#maincont img.imgsample {
 margin-left:226px;
}
#maincont span.imgsample{
 margin-left:108px;
}
#maincont span.imgsample img{
 margin-left:5px;
}
#slp img {
 margin:2em;
vertical-align:top;
}
#slp.sml img {
width:230px;
}
.photoitem img {
float:right;
margin-top:-20px;
}
.photoitem span {
 font-weight:bold;
 font-size:1.4em;
 vertical-align:top;
 margin:30px 20px 0 0;
}
.photoitem span a{
color:#fff;
}
img.lgepic {
 margin:3em 6.5em 3em 7em;
}
#maincont img.about {
 border:2px solid #818181;
 margin:1.5em 0 1.5em 120px;
}
#slp img {
margin: 20px 2em 2em 50px;
vertical-align:top;
}
#hmtxt p.hmtop {
font-weight:bold;
font-size:1.2em;
}
#photofoot {
width:440px;
margin:3em 0 0 100px;
}
#maincont p.slpfoot {
width:400px;
}
p.copyright {
 font-size:.8em!important;
 line-height:.3em;
 font-weight:bold;
 color:#fff;
 text-align:center;
 border:solid #808080 1px;
 }

/*---
 Ctas
*/

#cta{
width:120px;
padding:2em 0;
color:#fff;
background:#333333 url(/i/cta-top.gif) no-repeat 100% 0;
}
#cta span{
width:120px;
background:#333333 url(/i/cta-btm.gif) no-repeat 0 100%;
}
#cta p{
font-size:90%;
margin:1em 4px;
}
#cta p a{
font-weight:bold;
color:#8DB99F;
text-decoration:none;
}
#cta p a:hover{
text-decoration:underline;
}
div#latest img {
margin:1em 0 1em; 
}
div#latest img.latesq{
 margin-left:25px; 
}
div#latest img.twtr{
 margin-left:35px; 
}

/*--
 Nav
*/

#main-menu {
 position:relative;
 margin:0 50px 3em 0;
 height:auto;
 overflow:visible;
 float:left;
}
#main-menu ul {
margin-top:2.1em;
width:90px;
}
#main-menu ul li {
list-style:none;
display:block;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
padding:2px 0;
}
#main-menu ul li a,
#main-menu ul li a:visited {
 color:#fff;
}
#main-menu ul li a:hover {
 color:#cbe3ff;
 text-decoration:underline;
 list-style:none;
}
#main-menu ul li a.on,
#sub-menu ul li a.on {
color:#8db99f;
}
ul#sub-menu li{
line-height:1em;
}
ul#sub-menu li a{
font-size:.8em;
line-height:.1em;
}
p a {
 font-weight:bold;
 color:#c5bc80;
 }
p a:hover,
p.ctr a:hover {
 color:#cbe3ff;
 text-decoration:underline;
}
a:link,
a:visited,a span {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
 color:#cbe3ff;									
}
div#hmtxt .LinkBg {
font-size:1.2em;
width:340px;
margin:1.2em 0 .5em 40px;
}
#hmtxt p.LinkBg {
text-align:center;
}
#Link_jump,
#homefoot {
 float:left;
 clear:both;
 margin:2.5em 0;
 position:relative; 
 height:83px;
 width:270px;
}
#homefoot { 
 width:340px;
 margin:0 0 0 40px;
}
.LinkBg {
 font-weight:bold;
 text-align:center;
 border:solid #487163;
 border-width:1px 0;
 padding:.5em 0 .3em 0;
}
p.LinkBg a {
 font-size:1em;
 padding:1.2em 0 .3em 0;
 color:#a5a3a3;
}
.LinkBg a:hover {
 color:#cbe3ff;
}
#Link_jump .LinkBg a,
p.LinkBg a {
 font-weight:bold;
 color:#9ec8f9;
}
div#homefoot .LinkBg {
margin-bottom:2em;
}

/*------
 Borders
*/

div#hmtxt img,
div#latest img  {
 border-color:#818181;
}
#maincont img {
 border:#818181 1px solid;
}
.blueborder {
 border:1px solid #504ea9;
}
.whitebdr {
 border:1px solid #fff;
}

/*------
 General
*/

hr {
 width:80%;
 size:2px;
 color:#DEDEF2;
}
.clearer {
clear:both;
}
.boxpad {
 padding:3px;
}
p.hidden {
 display:none;
}

/*-------
Contact
*/

#wrap1 #maincont p.contact {
 width:470px;
}
#wrap1 #maincont p.contactb {
 width:215px;
 margin:1em 0 1em 115px;
 font-weight:bold;
}
#wrap1 #maincont p.contact1 {
 width:25em;
}
#ttr{
width:210px;
float:right;
margin-top:-620px;
margin-right:-170px;
}

/*----
 Form
*/

form {
padding-left:185px;
}
form label,
form input {
display:block;
}
form label {
font-weight:bold;
margin:1.1em 0 .3em;
}
form input {
width:300px;
font-size:90%;
}
form input.submit,
form input.reset {
font-weight:bold;
width:55px;
}
form input.submit {
margin:2em 0 0 10px;
}
form input.reset {
margin:-20px 0 0 65px;
}
form select {
margin:.5em 0 0 0;
font-size:90%;
}