body {
background: url(http://www.aelira.com/images/back.jpg) #C2D0DF repeat-x;
padding: 0px;
margin: 0;
font: 12px verdana;
line-height: 20px;
color: #000;
text-align: left;
}

p {
margin: 16px 0 0;
}

/* TOP IMAGES */

#top {
width: 1137px;
height: 126px;
background: url(http://www.aelira.com/images/image.jpg) no-repeat;
}

#container {
width: 1137px;
position: absolute;
top: 0;
left: 0;
}

#back {
float: left;
width: 1137px;
background: url(http://www.aelira.com/images/bg.jpg) repeat-y;
}

/* CONTENT */

#content {
float: right;
width: 877px;
overflow: visible;
background: url(http://www.aelira.com/images/content.jpg) no-repeat;
text-align: justify;
padding: 0 10px 0 4px;
}



/* NAVIGATION */

#nav {
float: left;
background: url(http://www.aelira.com/images/nav.jpg) no-repeat;
width: 225px;
padding-top: 240px;
padding-right: 13px;
padding-left: 8px;
}


/* FOOTER */

#footer {
background: url(http://www.aelira.com/images/footer.jpg) no-repeat;
clear: both;
padding-left: 10px;
padding-top: 70px;
text-align: left;
background-position: bottom left;
}


/* NAV LINKS */

#header_links {
padding: 10px 0px 0 0;
margin-bottom: 80px;
}

.header_link {
float: left;
margin-left: 2px;
font-weight: bold;
}

#header_links a {
color: #000;
font: italic 24px georgia;
text-decoration: none;
display: block;
padding: 5px 12px;
}

#header_links a:hover {
color: #000000;
background: #FFFFFF;
}

/*  LINKS */

a:link, a:visited, a:active {
text-decoration: none;
color: #486AA0;
font-weight: bold;
}

a:hover {
color: #163462;
}



/* HOME NAV */

.homenav a:link, .homenav a:visited, .homenav a:active {
font: italic bold 16px georgia;
margin-bottom: 4px;
padding: 0px 20px 0 20px;
text-align:right;
}

.homenav a:hover {
margin-bottom: 4px;
padding: 0px 20px 0 20px;
text-align:right;
}

/* LEFT NAV */

.nav a:link, .nav a:visited, .nav a:active {
display: block;
font: italic bold 16px georgia;
padding: 3px 0 0 4px;
margin-bottom: 4px;
text-align: right;
}

.nav a:hover {
margin-bottom: 4px;
padding: 3px 0 0 4px;
}



/* HEADINGS */


h1 {
color: #6257B3;
font: italic 30px georgia;
margin: 0 0 20px 0;
padding: 0 0 0 60px;
}

h2 {
font: italic 26px georgia;
text-align: right;
color: #A8628B;
margin: 20px 0 0 6px;
padding: 0px 0 0 10px;
}

h3 {
border-bottom: 1px solid #AAA6CC;
font: italic 26px georgia;
margin: 10px 0 7px 5px;
padding: 2px 0 0 10px;
color: #5166A1;
}

h4 {
font: italic 20px georgia;
margin: 5px 0 5px;
text-align:center;
color: #643CB4;
}


/* BOX LINKS */

.info {
background: url(http://www.aelira.com/images/infobg.jpg);
border: 1px solid #D0CDDD;
color: #21475A;
font: 11px verdana;
line-height: 16px;
text-align: justify;
padding: 50px;
}

.info  span  {
font: italic 11px georgia;
letter-spacing:1px;
padding: 0px 0px 0px 30px;
}

.info  a {
text-decoration: none;
font: bold 16px georgia;
}

.info a:hover {
text-decoration: none;
border-bottom: 1px dotted #23793d;
}

.tb {
background: url('http://www.aelira.com/images/infobg.jpg');
border: 1px solid #F7F3F4;
width: 240px;
font: 12px verdana;
padding: 5px 0px 5px 0px;
color: #000;
float: left;
margin-left: 140px;
margin-bottom: 20px;
line-height: 16px;
text-align: center;
}

h5 {
font: italic 24px georgia;
margin: 5px 0 5px;
text-align:center;
color: #643CB4;
}

.tbnav{
padding: 0px 4px 0 4px;
}

/* DESIGNS ARTWORK PHOTOGRAPHY SUBNAVIGATION */

#subnav {
background: #D2DAE4;
float: left;
width: 880px;
height: 35px;
padding: 8px 0 0 0;
margin-bottom: 20px;
}

* html #subnav {
margin-bottom: 20px;
}

.navbg  {
background: #D2DAE4;
padding: 0px 4px 0 4px;
}

* html .subnav2 {
margin-bottom: 0px;
}

.navnone {
padding: 0px 4px 0 4px;
}

* html .subnav3  {
margin-bottom: 0px;
}

.pages  {
padding: 0px;
margin: 0;
list-style: none;
float: right;
}

.pages li {
float: left;
margin-left: 2px;
}

.pages a {
float: left;
background: #EBF3F1;
padding: 3px 12px;
margin-right: 5px;
}

.pages a:hover {
background: #FFF;
color: #6A6CCE;
}

.fl {
text-decoration: none;
background: #D2DAE4;
font-weight: bold;
}


/* LAYOUTS */

.thumbnail {
background: url('http://www.aelira.com/images/infobg.jpg');
border: 1px solid #F7F3F4;
width: 240px;
padding: 5px 0px 5px 0px;
color: #000;
float: left;
text-align:center;
margin-left: 40px;
margin-bottom: 20px;
line-height: 16px;
}



/* PHOTOGRAPHY */

.photo {
border: 4px solid #FBFDFD;
margin: 5px;
}

.ph {
border: 4px solid #FBFDFD;
margin: 3px;
}


/* NEWS */

b {
color: #635358;
}

.news {
border: 4px solid #FBFDFD;
margin: 5px;
}

/* OTHERS */

a img {
border: 0;
}

.border {
border: 4px solid #FBFDFD;
margin: 3px;
}

.links {
border: 5px solid #FBFDFD;
margin: 8px;
}

.av {
border: 3px solid #FBFDFD;
margin: 4px;
}

.art {
border: 2px solid #FBFDFD;
margin: 2px;
}

.text {
border: 2px solid #FBFDFD;
margin: 2px;
}


.clear {
clear: both;
}

ul {
list-style-type: circle;

}

li {
margin: 0 0 8px 0px;
}


* html li {
margin: 0 0 2px 0px;
}

/* CONTACT FORM */

.formname, .input, textarea {
text-align: right;
color: #0000;
font: 15px georgia;
margin: 0 5px 0 0;
font-weight: bold;
}

select {
text-align: right;
color: #06c0b5;
font: 15px georgia;
margin: 0 5px 0 0;
font-weight: bold;
margin: 0 auto;
width: 150px;
}

input, textarea {
margin: 0 auto;
background: #DBE6EF; 
margin-bottom: 10px;

color: #254A5D;
border: 1px solid #B0C6D2;
font: 12px verdana;
line-height: 18px;
text-align: justify;
padding: 4px;
}

input, textarea {
width: 400px;
}

textarea {
height: 150px;
margin-bottom: 20px;
}

.button {
background: #F1EEE9; 
color: #000;
width: 130px;
font-weight: bold;
padding: 3px
}
