@charset "utf-8";
body {font-size:62.5%} /* for IE/Win */
html>body {font-size:10px} /* for everything else */
body {
	margin: 0;
	background-color: #646b71;
	text-align: center;
	background-image: url(images/top-bg.gif);
	background-repeat: repeat-x;
	background-position: top; 
}
#container {
	margin: 0px auto;
	width: 1010px;
	text-align: left;
}


#menu {
background-color: #87929b;
}
#menu ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#menu ul li{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
font-size: 1.6em;
}
#menu ul li a{
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0;
padding: 4px 20px 2px 0;
display: block;
}
#menu ul li a:link{
color: #d3d7d9;
}

#menu ul li a:visited{
color: #d3d7d9;
}
#menu ul li a:hover{
color: #fff;

}
#menu ul li a:hover{
color: #fff;
}
#menu ul li a:active{
color: #d3d7d9;
}

#menu ul.other{
float: right;
}

#menu ul.other li a:link{
color: #bcc6cf;
}
#menu ul.other li a:visited{
color: #bcc6cf;
}
#menu ul.other li a:hover{
color: #fff;
}
#menu ul.other li a:active{
color: #bcc6cf;
}


#header {
background-color: #4c5d6a;
background-image: url(images/cuba-header-bg.gif);
background-repeat: no-repeat;
background-position: top left;
height: 68px;
}
#header h1, #header h2 {
padding: 10px 0 0 60px;
margin: 0;
}
#header h1 a, #header h2 a{
background-image:url(images/title.gif);
height: 45px;
width: 230px;
text-indent: -5000px;
outline: none;
display: block;
position: relative;
left: -12px;
}

#sidebar {
width: 320px;
float: left;
margin: 50px 0 0 30px;
}
#main {
float: left;
width: 640px;
}
#content {
clear: left;
}
#content ul.portfolio {
margin: 0;
padding: 0;
clear: left;
}
#content ul.portfolio li {
list-style-type: none;
float: left;
padding: 0 0 0 0;
font-size: 20px;

}
#img a {
border: none;
}
#content ul.portfolio li img {

margin: 0 0 6px 0;
padding: 0;
border: 1px solid #ffffff;
}
#content ul.portfolio li a{
color: #FFFFFF;
text-decoration: none;
display: block;
}
#content ul.portfolio li a {
padding: 14px;
width:300px;
}
#content ul.portfolio li a:hover {
background-color:#4c5d6a;
}

#content h1 {
text-transform: uppercase;
color: #9ba8b2;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.8em;
margin: 0;
padding: 22px 0 16px 0;
clear: left;
}
#content h2 {
color: #9ba8b2;
font-size:2.0em;
padding: 22px 0 8px 0;
margin:0;
clear: left;
}
#content h2.homeabout {
color: #d3d7d9;
font-size: 1.8em;
padding: 22px 0 28px 0;
margin:0;
clear: left;
}
#content h3 {
color: #9ba8b2;
font-size:1.8em;
padding: 18px 0 8px 0;
margin:0;
clear: left;
}
#content #sidebar h3 {
padding: 12px 0 4px 0;
}


#content p {
color: #d3d7d9;
font-size: 1.4em;
padding: 0 0 16px 0;
margin:0;
}

#content a {
color: #FFFFFF;
text-decoration: underline;
}

#content ul {
color: #d3d7d9;
font-size: 1.4em;
margin: 0;
padding: 16px 0 16px 16px;
}
#content #sidebar ul {
padding: 4px 0 4px 16px;
}

#content ul li {
margin: 0;
padding: 0;
}
#content img {
padding: 6px 0 6px 0;
border: none;
}
#content img a{
border: none;
}
#footer {
clear: left;
text-align: center;
}
#footer ul {
margin: 0;
padding: 40px 0 20px 0;
color: #d3d7d9;
font-size: 1.4em;

}
#footer ul li{
list-style-type: none;
display: inline;
padding: 0 30px;
color: #cccccc;
}

#footer ul li a:link{
text-decoration:underline;
color: #cccccc;
}
#footer ul li a:visited{
color: #cccccc;
}
#footer ul li a:hover{
color: #FFFFFF;
}
#footer ul li a:active{
}

img.mainimage{
margin: 0 0 10px 0;
}

#content img {
vertical-align: middle
}