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

/*////Begin Header////*/
	/* navigation container */	
	#header {
		display: table;
		margin-top: 10px;
		margin-bottom: -25px;
		width: auto;
		font: bold 14px "Arial", "Helvetica Narrow", sans-serif;
		word-spacing: .2em}
	
	/* navigation blocks */	
	#header div.container {
		display:block;
		position:relative;
		top: -53px;
		left: 360px;
		margin:0;}
	
	#header ul{
		list-style-type: none;
		display: table-cell;
		padding: 5px 15px;
		width:auto;}
			
	#header ul li{
		display: table-cell;
		padding: 0 5px;
		width: auto;}
		
	/* navigation links */	
	#header ul li a{
		display: table-cell;
		width: auto;
		font: bold 18px "Arial", "Helvetica Narrow", sans-serif;
		color: #e1e1d5 !important;
		text-decoration: none;
		text-align: left;
		text-indent: 25px;}
	
	#header ul li a:hover {
		color: #ffffff !important;}
		
	/* navigation icon position */		
	#header ul li div {
		display: table-cell;
		float: left;
		width: 18px;
		height: 18px;
		margin-right: 3px;
		background: url(../images/header-icon.gif) no-repeat 0px 0px;}
		
	#header ul li a div.home {
		background-position: 0px 0px;}
		
	#header ul li a:hover div.home {
		background-position: -18px 0px;}
		
	#header ul li a div.services{
		background-position: 0px -18px;}

	#header ul li a:hover div.services{
		background-position: -18px -18px;}
				
	#header ul li a div.portfolio{
		background-position: 0px -36px;}

	#header ul li a:hover div.portfolio{
		background-position: -18px -36px;}
		
	#header ul li a div.quotes{
		background-position: 0px -54px;}

	#header ul li a:hover div.quotes{
		background-position: -18px -54px;}
	
	#header ul li a.current{
		border-bottom: dashed thin #79bde9 !important;}
	
		
	/*image on right of homepage */	
	#rightcol {
		display: block;
		float: right;
		margin-top: 113px;
		width: 250px;
		height: 490px;
		z-index: 500}
		
	#rightcol.passport {
		background: url(../images/passport-bg.gif) top center no-repeat}

	#rightcol.stamps {
		background: url(../images/stamps-bg.jpg) top center no-repeat}
		
	#rightcol.camera {
		background: url(../images/camera-bg.jpg) top center no-repeat}
		
	#rightcol.walkway {
		background: url(../images/walkway-bg.jpg) top center no-repeat}
/*////End Header////*/

/*////Begin Breadcrumbs////*/
.Border1 { border: 0 solid #999999; }

#NavBar div {
    margin-top: 0.1em;  /* Align system links with breadcrumb */
    font-family: "Arial", "Helvetica Narrow", sans-serif;
    font-weight: bold;
    font-size: 62.5%;
}
#NavBar div.BreadCrumb {
    font-size: 1.1em;
    font-weight: bold;
}

#NavBar div.BreadCrumb a, #NavBar div.BreadCrumb span {
    padding: 0 0 0 14px;
    background: url('images/icon_path_separator.gif') no-repeat left;
}

#NavBar div.BreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}

#gallery.IE div.BreadCrumb span {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    padding-right: 4px;      /* IE has less space at right of each span */
}

#NavBar div.BreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
}

#NavBar {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#NavBar div.BreadCrumb {
    margin: 0;
    padding: 4px 8px;
}

/*////End Breadcrumbs////*/

/*////Begin Body////*/
	body {
		background-color:#000000;
		color:#ffffff;
		margin-top: 0;}
		
	p {
		margin-left: 30px;
		max-width: 490px;
		font: normal 14px "Arial", "Helvetica Narrow", sans-serif;
		line-height: 1.5em;
		text-indent: 2em;
		z-index: 10}

	p a{
		color:#ffffff;
		padding: 0 1px;
		text-decoration: none;
		border-bottom: dashed thin grey;}
	
	p a:hover{
		color: #ffffff;
		border-bottom: dashed thin #79bde9;}
		
	#body-container h1 {
		font: normal 22px "Arial", "Helvetica Narrow", sans-serif;
		color: #ffffff}
		
	#body-container ul.list {
		list-style-type:none;
		font: normal 14px "Arial", "Helvetica Narrow", sans-serif;
		line-height: 1.5em}

	/* div contains all content within body */
	#body-container	{
		max-width: 780px;
		margin-top: 0;}
/*////End Body////*/

/*////Begin Section Titles////*/
	/* container for section headers*/
	#section {
		margin: 10px;
		max-width: 500px;
		font: bold 12px "Arial", "Helvetica Narrow", sans-serif;
		color: #e1e1d5;
		line-height: 1.6em}
	
	/* creates black strike across all header letters and backgrounds*/	
	#section div.strike-thru {
		display: block;
		border-bottom: 1px solid black;
		margin-top: -10px;
		position: relative;
		z-index: 40}
	
	/* unordered list and list items for each letter of section headers
	insert header text using php*/	
	#section ul {
		list-style-type: upper-roman;
		display: table-cell;
		padding: 0 15px;
		position: relative;
		z-index: 20}
		
	#section ul li {
		display: table-cell;
		background-color: #333333;
		border-left: 1px solid #666666;
		border-right: 2px solid #000000;
		margin: 0 .25em;
		padding: 0 .25em}
		
/*////End Section Titles////*/


/*////Begin Footer////*/
	#footer {
		max-width: 780px;
		color:#FFFFFF;
		font: normal 10px "Arial", "Helvetica Narrow", sans-serif;
		margin-top: 25px;
		display: block;
		position: relative;
		z-index: 600;
		clear: right;}

	/* sets dashed line for path of plane */	
	#footer div.container {
		display:block;
		border-bottom: 2px dashed #FFFFFF;
		margin-left: 15px}
	
	/* sets plane image*/
	#plane {
		background: url(../images/footer-plane.gif) center right no-repeat;
		float: right;
		margin-top: -22px;
		margin-right: 298px;
		height: 48px;
		width: 50px}

	#footer p {
		margin-top: 5px;
		margin-left: 0;
		width: 760px}
/*////End Footer////*/