/* CSS Document */

body {
background: #78a4d1 url('/images/branding4.gif') no-repeat fixed bottom right ;
font-family: Georgia, Palatino, "Times New Roman", Times, serif;
font-size: 0.8em;
text-align: center;
padding:0; margin:0; border:0;
}

#container { /*style will be overwritten by local javascript style*/
	background: transparent url('/images/bg-gradient-2.jpg') repeat-x;
	margin-top: 13%;
	margin-left: auto; margin-right: auto; text-align: center;
	width: 99%; min-height: 380px; padding: 15px;
	z-index:1;
}

#content {  /*inner container*/
position:relative;
top: 17px;
background: #bacfe4;
border: 1px #78a4d1 solid;
width: 875px;
height: 345px;
min-height: 330px;
max-height: 335px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 5px;
overflow: hidden;
}

#examplediv {  /*container for portfolio image*/
border: 1px #78a4d1 solid;
width: 425px;
height: 330px;
float: left;
padding:0;
margin: 0 10px 0 0;
}

#example {  /*portfolio image*/
max-width:425px;
max-height:330px;
padding:0;margin:0;border:0;
}

div.bodytext {  /*description of project*/
border: 0px;
margin-top: 10px;
padding: 0px;
text-align: left;
}

div.bodytext a {
color: #5e7e9e;
text-decoration:none;
border-bottom: 3px double #5e7e9e;
}

div.bodytext a:hover {
background-color: #d0e0f0;
}

div.bodytext img {
vertical-align: text-bottom;
}

.photo {
text-decoration:none;
border:0; margin:5px 5px 0 0; padding:0;
}

.photo a {
border:0;
}

h2 {  /*client/project name*/
font-size: 1.1em;
font-weight: bold;
font-style: italic;
text-align: left;
}

i {  /*launch date and technologies used*/
color: #5e7e9e;
font-style: normal;
}

ul.mainNav { /*navigation menu*/
font-family: Georgia, Palatino, "Times New Roman", Times, serif;
font-size: 14px;
font-variant: small-caps;
position: absolute;
left:0px;
bottom: 4px;
margin: 0; padding: 0;
list-style: none;
display: inline;
z-index:5;
text-align:left;
}

ul.mainNav li { /*navigation menu*/
margin-bottom: 0;
margin-left: 0;
list-style: none;
display: inline;
padding:0;
}

ul.mainNav li a {
text-decoration: none;
color: #000;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
}

ul.mainNav li a:hover { /*mouseover nav highlights*/
	background: #bacfe4;
	border-top: 1px #78a4d1 solid;
}

ul.mainNav li > ul { /*nested menu*/
	left:auto;
	display:none;
}

ul.mainNav li:hover ul {
	display:block;
	list-style:none;
}

div.subMenuHidden {
	display:none;
}

div.subMenuVisible {
	position:absolute;
	bottom:19px;
	padding-bottom:5px;
	background:#78a4d1;
	width:200px;
	text-align:left;
	display:block;
	font-size:10px;
	font-family:Arial,Helvetica;
	z-index:4;
}

div.subMenuVisible ul {
	list-style:none;
	margin:0;
	padding:0;
	background:#bacfe4;
	z-index:5;
}

div.subMenuVisible li {
	border-bottom: 1px solid #78a4d1;
	padding:3px;
	min-height:34px;
	height:34px;
}

div.subMenuVisible li div {
	width:190px; height:34px;
}

div.subMenuVisible a {
	display:block;
	text-decoration:none;
	color: #000;
}

div.subMenuVisible a:hover {
	display:block;
	background: #aac7e4;
	cursor: pointer;
}

div.subMenuVisible li:hover {
	display:block;
	background: #aac7e4;
}

.icon {
	float:left;
	width:40px; height:30px;
	border:0; margin-right:2px; padding:0;
}