@charset "UTF-8";
/* CSS Document */

 
body  {
	font:12px Arial, Helvetica, sans-serif; 
	background: #1A1A1A;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #CCCCCC;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	color: #b8b8b8;
}

img{
 	border: none;
	}

h1 {
   	font-size:18px;
   	margin:0;
   	padding:0;
   }

h2 {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	}

h3 {
	font-size:14px;
	margin:0;
   	padding:0;
	}

h5 {
	font-size:12px;
	margin:0;
   	padding:0;
	}

a:active
{
outline: none;
}
/* -moz-outline-style does not validate */
a:focus
{
-moz-outline-style: none;
}

a:link {
	color: #b8b8b8;
	text-decoration: underline;
	outline: none;
}

a:visited{
	color: #b8b8b8;
	text-decoration: underline;
}
a:hover {
	color: #EFEFEF;
	text-decoration: none;
}

/* drop cap styles */

.dropcap {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	font-size:72px;
	margin-right:0.06em;
	line-height:68%;
	padding: 5px 0 0 0;
}

/* drop cap styles */

#footer .dropcap {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	font-size:35px;
	padding:0;
	background-image: url(../images/logo-small.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:45px;
	height:38px;
}

#footer .dropcap span {
display:none;
}

#container {
	width: 970px;
	margin: 50px auto 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 
#header {
	height: 50px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 0 5px 0;
} 

#header-left {
	width: 470px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 30px;
	border: 0px solid red;
	height: 20px;
}

#header-right {
	float:right;
	width:310px;
	border: 0px solid red;
	height: 50px;
	padding: 0 0px 0 0;
}
	
div#title {
	background-image:url(../../images/andrewross-orange09.gif);
	background-repeat:no-repeat;
	background-position: top left;
	height: 50px;
	float: right;
	margin: 0;
	color: #FF4F03;
	width: 310px;
}

div#title span {
 display:none; 
}	

div#title h1 {
margin:0;
padding:0;
}
	
div#title a:link{
    color: #999999;
	text-decoration: none;
}

div#title a:visited {
    color: #999999;
	text-decoration: none;
}

div#title a:hover {
    text-decoration: none;
	color: #C0773F;
	text-decoration: none;
}

/* begin css navigation with images */ 

/* highlight current page link */

body#home li#homenav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: 0px 0px;
}

body#gallery li#gallerynav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: -46px 0px;
}

body#clients li#clientnav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: -117px 0px;
}

body#resources li#resourcenav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: -175px 0px;
}

body#about li#aboutnav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: -255px 0px;
}

body#blog li#blognav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: -305px 0px;
}

body#contact li#contactnav a {
    background: url(../../images/menu09-active.gif) no-repeat;
	background-position: -348px 0px;
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 410px;
	height: 20px;
	background: url(../../images/menu09-over.gif) no-repeat;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 20px;
	background: url(../../images/menu09.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../../images/menu09-over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#homenav a {
	width: 46px;
 }

li#gallerynav a {
	width: 71px;
}

li#gallerynav a:link,
li#gallerynav a:visited,
li#gallerynav a:hover {
	background-position: -46px 0px;
}

li#clientnav a {
	width: 58px;
}

li#clientnav a:link,
li#clientnav a:visited,
li#clientnav a:hover {	
	background-position: -117px 0px;
}

li#resourcenav a {
	width: 80px;
}

li#resourcenav a:link, 
li#resourcenav a:visited, 
li#resourcenav a:hover {	
	background-position: -175px 0px;
}

li#aboutnav a {
	width: 50px;
}

li#aboutnav a:link, 
li#aboutnav a:visited, 
li#aboutnav a:hover {	
	background-position: -255px 0px;
}

li#blognav a {
	width: 43px;
}

li#blognav a:link, 
li#blognav a:visited, 
li#blognav a:hover {	
	background-position: -305px 0px;
}

li#contactnav a {
	width: 56px;
}

li#contactnav a:link,
li#contactnav a:visited, 
li#contactnav a:hover {	
	background-position: -348px 0px;
}
	
/*</group>*/

/* end css navigation with images */ 

#homepage-content {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	width: 725px;
	border: 0px solid red;
	text-align: left;
	color: #b8b8b8;
}

#homepage-content h2 {
	color: #ff4f03;
	font-size: 1.5em;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0 0 20px 0;
	}

#homepage-sidebar {
	float: right;
	width: 190px;
	padding: 0px;
	border: 0px solid blue;
	margin-top: 20px;
	margin-right: 0px;
}

#homepage-sidebar h2 {
	margin: 0 0 20px 0;
	}

#homepage-sidebar ul {
margin:0;
padding:0;
list-style-position:inside;
}

#homepage-sidebar ul li {
line-height:1.5em;
}

#content {
	margin-bottom: 10px;
	overflow: hidden; 
	width: 100%
}

#flashcontent {
	height: 480px;
	width: 970px;
	}

#bottom {
	padding: 20px 3px 20px 3px;
	color: #373737;
	text-align: left;
} 

#bottom h2 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #FF4F03;
	font-weight: normal;
}

#bottom h2 a:link {
	color: #FF4F03;
	text-decoration: none;
	outline: none;
}

#bottom h2 a:visited{
	color: #FF4F03;
	text-decoration: none;
}
#bottom h2 a:hover {
	color: #EFEFEF;
	text-decoration: none;
}

#bottom p {
	margin: 0; 
	padding: 10px 0;
	color: #666666;
	font-size: 1em;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	line-height:1.2em;
}

#bottom a:link {
	color: #333333;
	text-decoration: none;
	outline: none;
}

#bottom a:visited{
	color: #333333;
	text-decoration: none;
}
#bottom a:hover {
	color: #EFEFEF;
	text-decoration: none;
}

#bottom-menu a:link {
	color:#333333;
}

#bottom-menu .current a:link{
	color:#FF4F03;
}

#nav-b ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav-b li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav-b a:link {
	color: #404040;
	font-weight: bold;
	text-decoration: none;
	}
	
#nav-b a:visited {
	color: #404040;
	}	
	
#nav-b a:hover {
	color: #b8b8b8;
	}
	
#nav-b #currentpage a {
	color: #FF4F03;
	}
.divider {
    color: #404040;
	}



#footer {
	border-top: 0px solid #404040;
	clear: both;
	color: #404040;
	padding: 5px 0 0px 0;
	width: 970px;
	margin-bottom:30px;
	}
	
#footer-left {
	background-image: url(../images/logo-small-09.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:5px;
	height:40px;
	width: 665px;
	float: left;
}

#footer-right {
	text-align:right;
	padding-top:5px;
	height: 40px;
	float: right;
}	

#footer a {
	color: #404040;
      text-decoration:none;
	}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 0px;
    line-height: 0px;
}

/* clear floats with this clearfix class from http://www.positioniseverything.net/easyclearing.html*/ 
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end clearfix */
div#preloaded-images {
   position: absolute;
   left: -9999px; 
   top: -9999px;
}

/* START ALBUM INDEX STYLES */

.albums {
	width:466px;
	height:155px;
	margin:0 3px 6px 3px;
	background-color:#222222;
	float:left;
	padding:10px 0 0 10px;
	border: 1px solid #404040;
      display: inline;
}

.album-image {
float:left;
height:140px;
width:140px;
}
.album-text {
	float:left;
	width:300px;
	color:#999999;
	padding:15px 0 0 10px;
}

.album-title {
color:#CCCCCC;
}

.album-text a:link {
	color: #CCCCCC;
	text-decoration: none;
	font-weight:bold;
}
.album-text a:visited {
	text-decoration: none;
	color: #CCCCCC;
	font-weight:bold;
	
}
.album-text a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#content-bottom {
	padding-top: 50px;
}
 
#content-bottom p, h1, h2 {
	color:#333333;
}