@charset "utf-8";
html {
margin:0;
padding:0;
}

img {
border-style:none;
}

body {
text-align:center;
background-image:url(images/bg.jpg);
background-repeat:repeat;
background-color:#000;
margin:0;
padding:0;
}

#container {
width:1000px;
height:auto;
text-align:left;
font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
font-size:11px;
margin:0 auto 10px;
padding:0 0 5px;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#069;
font-size:24px;
}

blockquote {
color:#069;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

.right-float {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#FFF;
float:right;
clear:both;
margin:20px 0 5px 20px;
padding:0;
}

.left-float {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#FFF;
	float:left;
	margin:5px;
	height: auto;
	width: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}

#content {
width:980px;
background-color:#FFF;
float:none;
border:1px none #CCC;
margin:5px;
padding:5px;
}

#box-links {
float:left;
margin:0;
padding:0;
}

#left-content {
background-color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#333;
float:left;
width:125px;
margin:35px 0 0;
padding:0 0 5px;
}

.me {
margin:0 0 0 -23px;
padding:5px 0 0;
}

ul {
list-style-type:none;
}

.port-links {
height:auto;
width:75px;
border:thin none #CCC;
display:inline-block;
margin:5px 0 0 -23px;
padding:0;
}

#flash-box {
height:250px;
width:835px;
background-color:#069;
margin:0 0 15px;
padding:0;
}

.date {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#000;
}

p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#333;
	font-weight:normal;
	line-height:22px;
	margin:0 10px;
	padding:0 0 5px;
	text-transform: none;
}

.column {
width:400px;
line-height:20px;
float:left;
background-color:#F0F0F0;
height:350px;
margin:0 10px 0 0;
padding:0;
}

strong {
	color:#069;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
}
.references {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #000;
	text-align: left;
}
.underline {
	text-decoration: underline;
}


.column ul li {
list-style-type:square;
}

h3 {
color:#069;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin:0 0 0 10px;
padding:0;
}

a:link {
color:#FFF;
}

#nav {
background-color:#666;
height:20px;
width:1000px;
display:inline;
margin:0;
padding:0;
}

#right-content {
width:835px;
float:right;
margin:0 0 10px;
padding:10px;
}

#header {
height:51px;
width:990px;
background-repeat:repeat-x;
background-color:#FFF;
margin:0 0 25px 5px;
padding:0;
}

.top-nav-links {
display:inline;
float:right;
margin:5px 0;
padding:0;
}

.inline {
display:inline;
padding-left:10px;
}

#nav li {
display:inline;
color:#FFF;
}

#lightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox img {
width:auto;
height:auto;
}

#lightbox a img {
border:none;
}

#outerImageContainer {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#imageContainer {
padding:10px;
}

#loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#imageContainer>#hoverNav {
left:0;
}

#hoverNav a {
outline:none;
}

#prevLink,#nextLink {
width:49%;
height:100%;
background-image:url(data:image/gif;base64,AAAA);
display:block;
}

#prevLink {
left:0;
float:left;
}

#nextLink {
right:0;
float:right;
}

#prevLink:hover,#prevLink:visited:hover {
background-image:url(images/prevlabel.gif);
background-repeat:no-repeat;
background-position:left 15%;
}

#nextLink:hover,#nextLink:visited:hover {
background-image:url(images/nextlabel.gif);
background-repeat:no-repeat;
background-position:right 15%;
}

#imageDataContainer {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto;
}

#imageData {
color:#666;
padding:0 10px;
}

#imageData #imageDetails {
width:70%;
float:left;
text-align:left;
}

#imageData #caption {
font-weight:700;
}

#imageData #numberDisplay {
display:block;
clear:left;
padding-bottom:1em;
}

#imageData #bottomNavClose {
width:66px;
float:right;
padding-bottom:0.7em;
outline:none;
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
}

.column-right {
width:424px;
line-height:20px;
float:right;
background-color:#F0F0F0;
background-position:right bottom;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#input-fields {
width:200px;
float:left;
}

#right-content p a {
color:#069;
font-weight:700;
text-decoration:underline;
font-size:12px;
}

#top-nav {
height:25px;
margin:5px 0;
padding:0 10px 0 0;
}

.blog-links a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
font-size:10px;
font-weight:400;
text-decoration:underline;
font-style:normal;
line-height:18px;
}

h4 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#069;
text-align:center;
font-size:10px;
}

.grid h6 {
line-height:32px;
font-size:16px;
}

.grid {
width:840px;
margin:auto;
}

.grid-c1 {
float:left;
width:156px;
border:thin none #CCC;
}

.blog-links {
list-style-type:square;
font-size:11px;
}

.tech {
float:right;
border:thin solid #DADADA;
margin:0 0 25px 10px;
}

.review {
height:auto;
}

h5 {
font-size:14px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
}

.column2,a:hover,a:visited {
color:#CCC;
}

#h3 a,#container #content #right-content .column h3 a {
color:#069;
}

.grid-m1,.grid-m2,.grid-m3,.grid-m4,.grid-m5 {
float:left;
width:10px;
height:1px;
}

.grid-c2,.grid-c3,.grid-c4,.grid-c5 {
float:left;
width:156px;
}
.tips-table {
	background-color: #E6E6E6;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	border: thin solid #F3F3F3;
	line-height: 20px;
	font-style: normal;
}
.tips-table .even-row {
	background-color: #DFDFDF;
	border-top-style: none;
}
