/* Start of CMSMS style sheet 'Aaron-home' */
/*
 

Table of contents

1. General 
2. Branding
2a. Branding - Lower Pages
3. Main Content - Home
3a. Main Content - Lower Pages
4. Lower Content - Menu
4a. Lower Content - Center
4b. Lower Content - Right Images *
5. Footer

Last changes:

- 14/12/2008 - Aaron changes to portfolio for spacing, and imagery changes


 [1.] General */
html,body {
background-color:#000;
background-repeat:repeat-x;
background-position:left top;
margin:0;
padding:0;
}

div {
text-align:left;
margin:0;
padding:0;
}

/* [2.] Branding */
#header {
border-bottom:solid .2em #434343;
height:7.7em;
}

#head_container {
width:60em;
height:7.7em;
position:relative;
margin:0 auto;
}

#head_container img {
color:#fff;
position:absolute;
bottom:1em;
left:12em;
}

/* [2a.] Branding - lower pages  */
#lower_head_container {
width:70em;
height:8.5em;
position:relative;
margin:0 auto;
}

#lower_head_container img {
color:#fff;
position:absolute;
bottom:1em;
left:0;
}

/* [3.] Main Content - Home */
#main_content {
border-bottom:solid .2em #434343;
background:url(/images/main_back.jpg) 0 -12em;
display:block;
float:left;
width:100%;
clear:both;
}

#main_content_container {
width:29em;
position:relative;
text-align:center;
margin:0 auto;
padding:2em 0;
}

* html #main_content_container {
width:20em;
text-align:center;
margin:0 auto;
padding:2em 0 0 25em;
}

#main_content_container a.home_link {
color:#fff;
font-weight:700;
display:block;
font-size:1em;
margin:0 0 0 16em;
padding:1em 0 2em;
}

/* [3a.] Main Content - Lower Pages */
#lower_main_content_container {
width:70em;
position:relative;
margin:0 auto;
padding:0 0 3em;

}

/* [4.] Lower Content - menu */
#menu {
float:left;
text-align:left;
width:12em;
margin:2em 0 0;
padding:0 0 2em;
}

#menu ul {
margin:0;
padding:0;
}

#menu ul ul li {
border-bottom:solid .1em #434343;
padding:.2em 1.5em;
}

#menu .currentpage h3 {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
font-weight:400;
margin:0;
padding:0;
}

#menu a:link, a:visited {
color:#666;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}

#menu a:hover, a:active {
color:#fff;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}

/* [4a.] Lower Content - center */
#content {
float:left;
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
width:39em;
margin:2.4em 0 0;
padding:0 2em 2em 1em;
}

/* [4a.] Lower Content - center */
#contentgallery {
float:left;
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
width:55em;
margin:2.4em 0 0;
padding:0 2em 2em 1em;
}

#content h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:1.5em;
font-weight:400;
margin:.4em 0 1em;
padding:0;
}

#content h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:1em;
font-weight:400;
margin:0 0 .5em;
padding:0;
}

#content a {
font-size:1em;
}

#content ul {
margin:0;
padding:0 2em;
}

/* [4b.] Lower Content - right images */
#content_right {
float:left;
margin:2em 0;
}

/* [5.] Footer */
#footer {
display:block;
clear:both;
position:relative;
}

#footer_container {
width:70em;
color:#fff;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
margin:0 auto;
padding:1em 0 0;
}

#footer_part1 {
float:left;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;

}

#footer_part2 {
float:left;
margin:0 0 0 13em;
}

dfn,.seotext {
display:none;
}

#lower_main_content_container a:link,a:visited,#footer a:link,a:visited {
color:#666;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#lower_main_content_container a:hover,a:active,#footer a:hover,a:active {
color:#fff;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* End of 'Aaron-home' */