/*
CitiSales - citysalesstudy.com
Created by Jeremy Lucas - jeremylucas.com
*/

@import url(nav.css);

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
font-family: Arial, Verdana, sans-serif;  
font-size:  62.5%; /* 16px × 62.5% = 10px */
color: #293C46;
height: 100%;
}

#content {
font-size: 1.4em;
}

p {
/*font-size: 1.4em;*/
line-height: 1.5em;
margin: 0 0 1.5em 30px;
}

h1 {
font-size: 2.4em;
line-height: .9em;
font-family: Georgia, Times New Roman, serif;
margin: 0 0 .5em 30px;
}

h2 {
font-size: 1.6em;
line-height: .9em;
font-family: Georgia, Times New Roman, serif;
margin: 1.5em 0 0 30px;
}

h2.pageTitle {
font-size: 2.4em;
font-family: Georgia, Times New Roman, serif;
margin: 0 0 0 30px;
}

li {
list-style: none;
/*font-size: 1.4em;*/
line-height: 1.5em;
}

table {
border-collapse: collapse;
}

td {
vertical-align: top;
}

#container {
width: 100%;
height: 100%;
}

#left {
background: #495962 url(../_imgs/BG-left_bottom.png) no-repeat right bottom;
width: 41%;
}

#nav {
width: 260px;
background: url(../_imgs/BG-nav_faces.jpg) no-repeat right top;
padding-top: 216px;
float: right;
margin-bottom: 100px;
}

img.toplogo {
margin-top: 25px;
}

#mid {
width: 25px;
background: url(../_imgs/BG-mid.png);
}

#right {
background: white url(../_imgs/BG-right_bottom.png) no-repeat 30px bottom;
}

#content {
width: 490px;
margin-bottom: 150px;
background: white url(../_imgs/logo.png) no-repeat left top;
padding-top: 215px;
}

#content a {
color: #169ce2;
background: #def4ff;
padding: 3px;
}

#content a:hover {
background: #fc964f;
color: #FFF;
}

#content a.download {
display: block;
background: url(../_imgs/BG-download.gif) no-repeat;
width: 444px;
height: 78px;
margin-left: 30px;
padding-left: 70px;
line-height: 65px;
font-size: 18px;
text-decoration: none;
}

#content a.download:hover {
color: #293c46;
background: url(../_imgs/BG-download.gif) no-repeat;
}

#content li {
background: url(../_imgs/bullet-list.gif) no-repeat 0 .4em;
padding-left: 20px;
}

#content li a {
background: #def4ff;
padding: 2px 3px;
}

#content ul {
margin: 0 0 1.5em 30px;
}

#content ol {
margin: 0 0 1.5em 60px;
}

#content ol li {
background: none;
list-style: decimal;
padding-left: 10px;
}

#content strong {
color: #293C46;
}

#content img {
/*float: right;*/
margin: 10px 0px 10px 30px;
padding: 2px;
border-bottom: 2px solid #798d96;
border-right: 2px solid #798d96;
border-left: 1px solid #798d96;
border-top: 1px solid #798d96;
}

#content a.img, #content a.img:hover {
background: #FFF;
padding: 2px;
}