Theme Name: hades
Theme URL: http://www.aa1media.com/
Description: A theme from AA1 Media ltd.
Author: Alexander Stott
Author URI: http://aa1media.com/
Version: 1.0

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

html, body {
height:100%;
}

body {
background-color:#004770;
font-size:62.5%;
text-align:center;
color:#666666;
background-image:url(images/bubbles.png);
background-repeat:repeat-x;
background-position:top center;
}

.wrapper {
width:900px;
margin:0 auto;
background-image:url(images/halfop.png);
padding:0 10px 10px 10px;
}

#header {
width:920px;
height:125px;
margin:0 auto;
}

h1 {
float:left;
padding-top:10px;
background-image:url(images/aa1logo.png);
background-repeat:no-repeat;
background-position:10px 30px;
display:block;
width:270px;
height:90px;
text-indent:-9999px;
}

h1 a:link, h1 a:visited {
display:block;
width:270px;
height:90px;
}

#container {
width:900px;
background-color:#ffffff;
}

#nav {
width:920px;
margin:0 auto;
background-image:url(images/halfop.png);
background-position:bottom;
background-repeat:no-repeat;
}

#nav ul {
text-align:left;
padding:0;
margin:0;
padding-bottom:20px;
padding-top:10px;
margin-left:10px;
}

#nav li {
display:inline;
margin:0;
padding:0;
}

#nav li a:link, #nav li a:visited {
display:inline;
margin:0;
padding:0;
background-image:url(images/black.png);
font-family:Calibri, Arial, Sans-Serif;
text-decoration:none;
color:#ffffff;
font-size:1.2em;
padding:10px 20px 10px 20px;
border-right:1px solid #272727;
}

#nav li a:hover {
background-color:#000000;
border-right:1px solid #000000;
-webkit-transition: all .5s ease-in-out;
}

#nav li a:active {
background-color:#ffffff!important;
background-image:none;
color:#000000;
}

#nav li a:hover, #nav .on a:link, #nav .on a:visited {
background-color:#000000;
border-right:1px solid #000000;
}

#mainnav {
float:right;
padding-right:30px;
padding-top:72px;
}

#mainnav ul {
float:right;
}

#mainnav li {
font-family:Calibri, Arial, Sans-Serif;
font-size:1.8em;
list-style:none;
text-align:left;
display:inline;
padding-left:20px;
color:#ffffff;
}

#mainnav li a:link, #mainnav li a:visited {
text-decoration:none;
color:#ffffff;
}

#mainnav li a:hover, .power {
text-decoration:underline;
}

#container p {
color:#666666;
font-family:Calibri, Arial, Sans-Serif;
text-align:left;
font-size:1.4em;
padding:5px 10px 5px 10px;
}

#container h2, #container h3, #container h4, #container h5 {
font-family:Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
text-align:left;
font-weight:400;
}

#container h2 {
color:#159DCC;
font-size:3em;
padding-left:10px;
padding-bottom:20px;
}

#topbox {
padding:40px 30px 50px 300px;
background-repeat:no-repeat;
background-position:30px 40px;
}

#topbox p {
line-height:24px;
padding-bottom:10px;
font-size:1.6em;
color:#4d4d4d;
}

.graphicbox {
background-image:url(images/orange.jpg);
}

.printbox {
background-image:url(images/lettuce.jpg);
}

.domainbox {
background-image:url(images/bonsai.jpg);
}

.webbox {
background-image:url(images/toast.jpg);
}

.marketingbox {
background-image:url(images/dino.jpg);
}

.mediamailbox {
background-image:url(images/pigeon.jpg);
}

#picbox {
padding:80px 30px 50px 300px;
background-repeat:no-repeat;
background-position:30px 40px;
}

#picbox h2 {
color:#666666;
font-size:1.9em;
line-height:30px;
}

.seobox {
background-image:url(images/binoculars.jpg);
}

.intro {
padding:0 40px 50px 40px!important;
line-height:22px;
font-size:1.6em!important;
}

.leftbox {
float:left;
width:340px;
padding-left:100px;
background-repeat:no-repeat;
background-position:25px 0;
line-height:25px;
padding-bottom:30px;
}

.rightbox {
float:right;
width:350px;
padding-left:70px;
background-repeat:no-repeat;
background-position:0 0;
line-height:25px;
padding-bottom:30px;
padding-right:20px;
}

.leftbox h3, .rightbox h3, #longbox h3 {
color:#159DCC;
font-size:2.5em;
padding-left:10px;
padding-bottom:10px;
padding-top:5px;
}

#oj {
background-image:url(images/oj.jpg);
}

#slice {
background-image:url(images/slice.jpg);
}

#pencil{
background-image:url(images/pencil.jpg);
}

#tree {
background-image:url(images/tree.jpg);
padding-left:105px;
width:315px;
}

#marmot {
background-image:url(images/marmot.jpg);
}

#babboon {
background-image:url(images/babboon.jpg);
}

#footer {
font-family:Calibri, Arial, Sans-Serif;
margin:0 auto;
color:#ffffff;
background-image:url(images/black.png);
width:860px;
padding:20px;
height:100px;
}

#footer li {
list-style:none;
font-size:1.2em;
text-align:left;
padding-bottom:4px;
}

#footer li a:link, #footer li a:visited {
color:#ffffff;
text-decoration:none;
}

#footer ul {
padding-right:15px;
}

#footer h4 {
text-align:left;
font-size:1.4em;
padding-bottom:10px;
}

#footer h4 a:link, #footer h4 a:visited {
text-decoration:none;
color:#256E99;
}

#footer h4 a:hover {
color:#ffffff;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

#slider {
padding:0;
margin:0;
}


	#sliderholder {
	background-image:url(images/graph.jpg);
background-repeat:no-repeat;
	width:820px;
	height:321px;
margin-left:40px;
padding-bottom:40px;
float:left;
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:820px;
		height:321px;
		overflow:hidden;
		}
	#slide1 {
	background-image:url(images/slide1.png);
	}
	#slide2 {
	background-image:url(images/slide2.png);
	}

#slider h3 {
color:#159DCC;
font-size:2.4em;
padding-left:10px;
}

#slider p {
line-height:20px;
}

#topleft {
float:left;
padding:40px 20px 20px 20px;
width:250px;
}

#bottomright {
float:right;
padding:190px 40px;
width:300px;
}

#topright {
float:right;
padding:40px 20px 20px 20px;
width:250px;
}

#bottomleft {
float:left;
padding:190px 40px;
width:300px;
}

#longbox {
padding:0 20px 20px 20px;
padding-left:180px;
line-height:22px;
background-position:20px 10px;
background-repeat:no-repeat;
}

.jam {
background-image:url(images/jam.jpg);
}

#homefoot {
background-color:#fff;
width:900px;
margin:0 auto;
}

#homeside {
float:right;
width:400px;
padding-bottom:26px;
background-image:url(images/homeside.png);
}

#homeintro {
float:left;
width:500px;
}

#homeintro p {
color:#666666;
font-family:Calibri,Arial,Sans-Serif;
font-size:1.5em;
padding:5px 25px;
text-align:left;
line-height:22px;
}

#homeintro h2 {
color:#159DCC;
font-size:3em;
padding-left:25px;
padding-bottom:10px;
padding-top:15px;
font-weight:400;
text-align:left;
}

#homeside h3 {
font-size:2.1em;
padding:15px 0 0 20px;
margin-bottom:0;
color:#fff;
text-align:left;
display:block;
font-family:Calibri, Arial, Helvetica;
}

#homeside h3 span {
font-weight:700;
padding-left:95px;
}

#homeside h4 {
font-weight:400;
font-size:1.8em;
padding:5px 0 0 15px;
margin-bottom:0;
color:#ffffff;
text-align:left;
display:block;
font-family:Calibri, Arial, Helvetica;
}

#clientloginp {
color:#eeeeee;
font-family:Calibri, Arial, Helvetica;
text-align:left;
line-height:20px;
font-size:1.3em;
padding:5px 15px 10px 115px;
}

#logintable {
background-image:url(images/loginbox.png);
width:350px;
height:59px;
padding:25px 20px 20px 30px;
margin-bottom:10px;
text-align:left;
}


#ipassword {
margin-right:5px;
}

#logintable label {
padding:5px;
text-align:left;
color:#ffffff;
font-family:Calibri, Arial, Sans-Serif;
font-size:1.3em;
display: inline-block;
width:60px;
}

#logintable table {
font-family:Calibri, Arial, Helvetica;
color:#ffffff;
font-size:1.2em;
margin-left:10px;
}

#logintable table td {
padding:3px;
}

#twtr-widget-1 {
float:right;
width:250px;
margin:20px;
}

.twtr-doc {
border:1px solid #ccc;
}

#twtr-widget-1 p {
font-size:1.1em;
}

#aboutus {
float:left;
width:610px;
}

#aboutus h2 {
margin:20px 20px 0 10px;
}

#aboutus h3 {
margin:7px 20px 10px 20px;
font-size:2em;
color:#003399;
}

#aboutus p {
padding:0 10px 15px 25px;
line-height:20px;
}

#twitter {
float:right;
padding-left:50px;
}

#headhold p{
padding:0;
margin:0;
}

#printtable {
font-family:Calibri, Arial, Helvetica, Sans-Serif;
color:#333333;
margin:0 25px 50px 25px;
width:400px;
-moz-border-radius:5px;
border:#eeeeee;

}

#printtable thead {


}

#printtable th {
height:45px;
font-weight:700;

color:#333333;

}

#printtable tr {

}

#printtable tr:hover {

}

#printtable td, #printtable th {
border-right:1px solid #ffffff;

font-size:1.4em;
text-align:center;
}



#printtable td {
height:40px;
border-bottom:1px solid #eeeeee;
}

#printtable td a:link, #printtable td a:visited {
display:block;
/*padding:10px;*/
}

#printtable td:hover {

}

.void {
border-right:1px solid #eeeeee!important;
}

.void:hover {
background-color:#ffffff!important;
}

#printtable td a:link, #printtable td a:visited {
color:#333333;
text-decoration:none;
}

#printtable td a:hover span {
display: none;
}

#printtable td span.onhover {
display:none;
}

#printtable td a:hover span.onhover {
display: inline;
font-weight:700;
background-color:#9dcc37;
-moz-border-radius:15px;
padding:5px 10px 5px 10px;
color:#ffffff;
}

#footercontact {
float:right;
padding-top:20px;
}

#footercontact h4 {
text-align:right;
font-size:1.8em;
color:#256e99;
text-shadow: 0px 0px 5px #0b2b3e;
filter: dropshadow(color=#0b2b3e, offx=0, offy=0);
font-weight:400;
}


#footercontact h4 a:link, #footercontact h4 a:visited {
text-decoration:none;
}


#footercontact h4:hover {

color:#fff;
}

#portfolio {
padding:30px;
}

#portfolio h3 {
text-align:left;
font-weight:400;
color:#159DCC;
font-size:3em;
}

.order {
text-align:left;
font-weight:400;
color:#159DCC;
font-size:3em;
padding-left:30px;
padding-top:5px;
}

.card {
border:1px solid #eeeeee;
background-color:#ffffff;
margin:20px 10px 20px 30px;
width:250px;
padding:15px;
float:left;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-webkit-box-shadow: 2px 2px 20px  #c9c9c9;
-moz-box-shadow: 2px 2px 20px #c9c9c9;
box-shadow: 2px 2px 20px #c9c9c9;
-webkit-transition: all 1s ease-in-out;
}

.card:hover {
-webkit-transform-origin: center;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-webkit-transition: all 1s ease-in-out;
-webkit-box-shadow: 2px 2px 30px  #c9c9c9;
background-color:#ffffff;
}

.card h3 {
font-size:2em;
padding-left:10px;
}

.widebox {
width:850px;
padding:20px 25px 20px 25px;
}

.widebox p {
line-height:22px;
}

.widebox h3 {
text-align:left;
font-weight:400;
color:#159DCC;
font-size:2.5em;
padding-left:10px;
}

.widebox h4 {
font-weight:400;
font-size:1.8em;
padding:15px 0 0 15px;
margin-bottom:0;
color:#003399;
text-align:left;
display:block;
font-family:Calibri, Arial, Helvetica;
}

.widebox div {
float:right;
width:300px;
padding-bottom:15px;
}

.widebox div h4 {
text-align:left;
font-weight:400;
color:#159DCC;
font-size:2em;
padding-left:10px;
padding-bottom:10px;
}

#suzy {
background-image:url(images/suze.jpg);
background-repeat:no-repeat;
padding-left:140px;
padding-bottom:10px;
}

#alex {
background-image:url(images/alex.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:140px;
padding-bottom:10px;
}

#aboutfoot {
padding:15px;
}

#aboutfoot div {
float:left;
width:33%;
padding-bottom:30px;
}

#aboutfoot div h3 {
padding:10px;
font-size:1.8em;
color:#159DCC;
}

#contactus {
padding:20px;
}

#contactus h4 {
font-size:2em;
color:#159DCC;
padding-left:30px;
padding-top:5px;
}

#contactus h4 a:link, #contactus h4 a:visited {
color:#159DCC;
text-decoration:none;
}

.alignleft {
float:left;
padding:0 20px 10px 0;
border:0;
}

.alignright {
float:right;
padding:0 0 10px 20px;
border:0;
}

.bottomwide {
padding:20px;
}

.bottomwide p {
padding-bottom:15px;
line-height:20px;
}

.bottomwide h3 {
color:#159DCC;
font-size:2.5em;
padding-left:10px;
padding-bottom:10px;
padding-top:5px;
}

#quill {
background-image:url(images/quill.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:150px;
margin-right:20px;
}

#twitter_update_list {
float:left;
padding:10px;
padding-top:28px;
width:234px;
height:72px;
line-height:17px;
background-image:url(images/tweet.png);
margin-top:-5px;
}

#twitter_update_list a:link, #twitter_update_list a:visited {
color:#ffffff;
}

#checker {
font-family:Calibri, Arial, Sans-Serif;

}

#hostingoptions {
font-family:Calibri, Arial, Sans-Serif;
font-size:1.4em;
margin-top:30px;
color:#333333;
width:850px;
}

#hostingoptions tr {
background-image:url(images/tablecell.jpg);
height:15px;
}

#hostingoptions tr:hover {
background-position:-10px;
}

#hostingoptions td {
padding:5px;
text-align:center;
}

#hostingoptions th {
padding:15px 5px 15px 5px;
border-bottom:1px solid #999999;
text-align:center;
}

#hostingoptions .hname {
border-right:1px solid #666666;
}

#aa1xpresslink {
background-image:url(images/greenbox.png);
width:384px;
height:93px;
margin-left:9px;
}

#aa1xpresslink a:link h3, #aa1xpress a:visited h3 {
padding-left:105px;
text-align:left;
text-decoration:none;
}

#aa1xpresslink a:link p, #aa1xpresslink a:visited p {
color:#ffffff;
font-size:1.3em;
font-family:Calibri, Arial, Sans-Serif;
text-align:left;
padding:0 20px 0 105px;
text-decoration:none;
}