@charset "UTF-8";


/* HTML RENDERING */

html {
	width:100%;
	height:100%;
}

body {
	background-image: url(2008images_black/headergraphic.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #EEF9FF;
	background-color: #000000;
	width:100%;
	height:100%;
	text-align:center;
	font: 100% Arial, Helvetica, sans-serif;
}

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

header, nav, footer, article {
	display:block;
}

h1 {
	color: #ADC4C6;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 10px;
	font: lighter 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	text-transform: uppercase;
	text-shadow:#333 0px 0px 1px;
}
h2, h3, h4 {
	font-weight: lighter;
	color: #6AAEC4;
	/*padding: 1em 0;*/
	margin: 1em 0px;
	text-shadow: 0px 0px 1px #ccc;
}
h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.1em;
}

p {
	line-height: 1.4em;
	font-size: 1em;
	text-align: justify;
	color: #CCCCCC;
	margin-bottom: 1em;
}
header img {
	text-align: center;
}


sup {
	font-size: 70%;
}


.whiteLink {
	color: #FFFFFF;
	border-bottom: 1px dotted #00FFFF;
	text-decoration: none;
}


/* LINK LIST FROM THE TOP OF THE PAGE (Uses BG image to flip image on rollover) */



.comment {
	font-size: 70%;
	font-style: italic;
	text-align: center;
	margin: auto;
	width: 100%;
}

.spanishP {
	list-style-image: url(2008images/esflag.gif);
	text-align: justify;
	margin-left: 5px;
}

.UKBullet {
	list-style-image: url(2008images/ukflag.gif);
	text-align: justify;
	margin-left: 5px;
}

#topLeft  {
	position: absolute;
	left: 8px;
	top: 28px;
	width:100px;
	height:21px;
}


#topRight  {
	position: absolute;
	right: 10px;
	top: 50px;
	width:130px;
	height:65px;
}

#topRight input {
	margin:3px;
	width: 40px;
	height:27px;
	border: 1px solid #FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	text-indent:-9999px;
	cursor:pointer
}

#topRight .en {
	background: url(2008images_black/gb.png);
	text-indent: -9999px;
}

#topRight .es {
	background: url(2008images_black/es.png);
	text-indent: -9999px;
}


#CenterPanel {
	width:800px;
	margin: 0px auto;
	padding-bottom:15px;
	text-align:left;
	font-size: 80%;
}


#CenterPanel ul {
	line-height: 1.4em;
	text-align: justify;
	width: 90%;
	margin: auto;
}
footer {
	text-align: center;
	width: 950px;
	border-top: 1px solid #999;
	font-size: 0.8em;
	color: #CCCCCC;
	margin: 20px auto;
	padding 20px;
	clear:both;
	padding-top: 10px;
	margin-top: 10px;
}
footer p {
	text-align: center;
	/* [disabled]margin: 20px; */
}
footer a {
	color:#6CF;
	text-decoration:none;
}


#PageMenu {
	padding:0;
	margin: 101px auto 20px auto;
	width: 794px;
	float: none;
	clear: both;
	position: static;
}



/* TOP BAR MENU */
#PageMenu ul {
	list-style:none;
	height: 30px;
	width: 793px;
	margin:0;
	padding:0;
}

#PageMenu li {
    list-style: none;
	display: inline;
	text-align: center;
	margin:0;
	padding:0;
}

#PageMenu li a 
	{
	background-image:url(2008images_black/menubar.png);
	text-decoration: none;
	display:block;
	float:left;
	text-indent:-9999px;
	width:132px;
	height:29px;
	}	
	
li#M_Web a:link, li#M_Web a:visited {		background-position: -0px -0px; 	}	
li#M_Web a:hover, li#M_Web a:focus {		background-position: -0px -90px;	}
	
li#M_Applications a:link, li#M_Applications a:visited {		background-position: -132px -0px;		}	
li#M_Applications a:hover, li#M_Applications a:focus {		background-position: -132px -90px;	}
	
li#M_Photo a:link, li#M_Photo a:visited {		background-position: -264px -0px;		}	
li#M_Photo a:hover, li#M_Photo a:focus {		background-position: -264px -90px;	}
	
li#M_Print a:link, li#M_Print a:visited {		background-position: -396px -0px;		}	
li#M_Print a:hover, li#M_Print a:focus {		background-position: -396px -90px;	}

li#M_Retouch a:link, li#M_Retouch a:visited {		background-position: -528px -0px;		}	
li#M_Retouch a:hover, li#M_Retouch a:focus {		background-position: -528px -90px;	}
	
li#M_Contact a:link, li#M_Contact a:visited {		background-position: -660px -0px;		}	
li#M_Contact a:hover, li#M_Contact a:focus {		background-position: -660px -90px;	}


.printExample img {	
	width: 400px;	
}
.printExample {
	overflow: auto;	
	border-bottom: 1px solid #333333;
	margin: 10px auto;
	padding-bottom:10px;	
}


/* Home page scrolling bar for webpage examples */
.siteExamples {
	height: 230px;
	width: 760px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px;
	background: #252525;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #6A7273;
	position:relative;
}


.siteExamples div div {
	width: 740px;
	padding:10px;
	float: left;
	height:210px;
	
}

.siteExamples div div h3 {
	font: lighter 120% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:none;
	color: #ADC4C6;
	margin: 0 0 10px 0;
	padding: 0px;
	text-transform: uppercase;
}
#CenterPanel .siteExamples div div a img {
	float: right;
	border-style: none;
	padding-left: 20px;
	padding-right:10px;
}

.carousel-control {
    border: 0 none;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
}

.carousel-next {
    background: url("2008images_black/prev.png") no-repeat scroll 0 0 transparent;
	position:absolute;
	top:2px;
	left:2px;
	opacity: 0.3;
	
}

.carousel-previous {
    background: url("2008images_black/next.png") no-repeat scroll 0 0 transparent;
	position:absolute;
	top:2px;
	right:2px;
	opacity: 0.3;
}

.carousel-control:hover {
    opacity: 0.7;
}
#CenterPanel .FlashBox {
	background: #FFF;
	margin: 10px auto;
	padding: 10px;
	width: 400px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}