/* color palette
ciel light blue: #8abce1
ciel orange: #f39823
ciel navy: #164a7c (home page bottom blue band)
ciel sky margin right bkgd blue: #aedcf6
*/


body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #333333;
	margin: 0; /* zero body's margin and padding for differing browser defaults */
	padding: 0;
	text-align: center; /* centers container in IE 5* browsers */
	}

img {
	margin: 0; /* zero body's margin and padding for differing browser defaults */
	padding: 0;
	border: 0;
	}
	
.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
	}

em.darker {
	color: #666666;
	background: inherit;
	}
	
/* ----------- for home page only ---------- */
div#home {
	width: 800px;
	margin: 3% auto;
	text-align: left;
	}

ul#navihome {
	font-size: 80%;
	text-align: left;
	list-style-type: none;
	}

li.navihome {
	color: #ffffff;
	background-color: transparent;
	margin: -565px 0 0 645px;
	}

ul#navihome li.navi {
	color: #8abce1;
	background-color: transparent;
	margin-left: 645px;
	}

ul#navihome li.navi a:link {
	color: #8abce1;
	background-color: transparent;
	text-decoration: none;
	}

ul#navihome li.navi a:visited {
	color: #8abce1;
	background-color: transparent;
	text-decoration: none;
	}

ul#navihome li.navi a:hover {
	color: #f39823;
	background-color: transparent;
	text-decoration: none;
	}

p#footerhome {
	font: 70% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #8abce1;
	background-color: #164a7c;
	padding: 1.5%;
	position: relative; 
	top: 418px;
	}
/* ------------- for standard pages ----------- */
div#container {
	width: 800px;
	margin: 3% auto;
	padding: 0;
	color: #666666;
	background-color: #164a7c;
	}

div#containerbkgdimg {
	width: 800px;
	margin: -37px 0;
	padding: 0;
	color: #666666;
	background-color: #aedcf6;
	background-image: url(ciel_sky_marginright_32x480.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	}

div#header {
	width: 800px;
	height: 145px;
	text-align: left;
	background-image: url(ciel_sky_header_438x167.jpg);
	background-repeat: no-repeat;
	color: inherit;
	background-position: 0% 0%;
	background-color: #ffffff;
	}

div#navileft {
	color: inherit;
	background-color: transparent;
	float: left;
	margin: 10px 0px 0px 420px;
	width: 105px;
	display: inline; /* for IE bug */
	}

div#naviright {
	color: inherit;
	background-color: transparent;
	float: right;
	margin-top: 10px;
	padding-right: 5%;
	width: 235px;
	display: inline; /* for IE bug */
	}
	
ul.navi li.navicurrent {
	color: #f39823;
	background-color: transparent;
	}

ul.navi {
	font-size: 80%;
	text-align: left;
	list-style-type: none;
	}

ul.navi li.navi {
	color: #999999;
	background-color: transparent;
	}

ul.navi li.navi a:link {
	color: #999999;
	text-decoration: none;
	}

ul.navi li.navi a:visited {
	color: #999999;
	text-decoration: none;
	}

ul.navi li.navi a:hover {
	color: #000000;
	text-decoration: none;
	}
	
div#content {
	color: #999999;
	background-color: #ffffff;
	margin: 0px 32px auto auto;
	padding: 0;
	border-top: solid 5px #164a7c;
	}

div#main {
	color: #999999;
	background-color: #ffffff;
	float: left;
	clear: both;
	margin: 20px 10px 10px 80px;
	width: 300px;
	display: inline; /* for IE bug */
	}

div#colright {
	color: #999999;
	background-color: inherit;
	margin: 20px 60px 0px 460px;
	padding-top: 65px;
	}
	
div#colright ul li {
	font-size: 0.9em;
	margin-left: -40px;
	padding-bottom: 0.6em;
	text-align: left;
	list-style-type: none;
	}

h1, h2, p {
	text-align: left;
	} 
	
h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #8abce1;
	background-color: inherit;
	margin: 50px 0 0 0;
	}

h2 {
	font-size: 0.9em;
	font-weight: bold;
	color: #164a7c;
	background-color: inherit;
	padding: 0.5em 0 1em 0;
	margin: 0;
	}
	
h2.news {
	font-size: 0.9em;
	font-weight: bold;
	color: #164a7c;
	background-color: inherit;
	padding: 0.5em 0 0 0;
	margin: 0;
	}

h3 {
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	background-color: inherit;
	padding-top: 0.3em;
	margin: 0;
	text-align: left;
	}

p {
	font-size: 0.8em;
	color: #999999;
	background-color: transparent;
	}

ul.award {
	font-size: 0.8em;
	text-align: left;
	list-style-type: none;
	margin-left: 0px;
	}

ul.award li:first-child {
	color: #164a7c;
	background-color: transparent;
	font-weight: bold;
	}

ul.award li {
	color: #999999;
	background-color: transparent;
	}

li.awardbullet {
	list-style-type: square;
	}

li.awardnotes {
	font-size: 0.7em;
	text-align: left;
	list-style-type: none;
	margin-left: 100px;
	}

p#footer {
	font: 0.5em Arial, Helvetica, sans-serif;
	color: #8abce1;
	background-color: #164a7c;
	width: 778px;
	padding: 1.5%;
	background-image: url(ciel_sky_footer_438x67.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-align: right;
	clear: both;
	}

/* ------------- for right-hand infobox ----------- */
div#box {
	color: #164a7c;
	background-color: #eef5fb;
	}

div#boxaward {
	font-size: 0.8em;
	color: #164a7c;
	background-color: #eef5fb;
	margin-top: -10px;
	}
	
p#boxheader {
	color: #ffffff;
	background-color: #164a7c;
	padding: 3%;
	text-align: center;
	font-size: 1em;
	margin-top: 30px;
	}
		
h1.box {
	color: #164a7c;
	background-color: inherit;
	padding: 0 0 0 20px;
	margin-top: 0;
	}

p#definition {
	color: #164a7c;
	background-color: inherit;
	padding: 0 0 30px 45px;
	line-height: 2em;
	}

p.box {
	color: #666666;
	background-color: inherit;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0 20px 20px 20px;
	}

p.info {
	margin: -15px 20px 20px 20px;
	color: #666666;
	background-color: inherit;
	}
	
h5.testimonial {
	margin: -10px 20px 20px 20px;
	color: #666666;
	background-color: inherit;
	text-align: left;
	font-style: italic;
	}

p.testimonial {
	margin: -15px 20px 20px 20px;
	color: #666666;
	background-color: inherit;
	font-style: italic;
	}

p.awardinfo {
	font-size: 0.9em;
	margin: 0px 20px 20px 20px;
	color: #666666;
	background-color: inherit;
	}

h4.box {
	font-size: 0.8em;
	text-align: left;
	margin-left: 20px;
	}

/* ----- for contact and portfolio home page ----- */
div#containerskypage {
	width: 800px;
	margin: 3% auto;
	padding: 0;
	color: #666666;
	background-color: #164a7c;
	}

div#containerskybkgdimg {
	width: 800px;
	margin: 0;
	padding: 0;
	color: #666666;
	background-color: #aedcf6;
	background-image: url(ciel_sky_marginright_32x480.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	}
	
div#contentskypage {
	color: #999999;
	background-color: #ffffff;
	margin: -38px 33px auto auto;
	padding: 0;
	border-top: solid 5px #164a7c;
	width: 800px;
	}

/*div#colrightfield {
	color: #999999;
	background-color: #164a7c;
	width: 362px;
	margin: 0px 0px -9px 438px;
	}*/
	
div#colrightfield {
	color: #999999;
	background-color: #164a7c;
	width: 362px;
	margin: 0px;
	float: right;
	display: inline; /* for IE bug */
	}

ul#address {
	font-size: 80%;
	color: #999999;
	text-align: left;
	background-color: transparent;
	list-style-type: none;
	margin-left: 0px;
	}

ul#contact {
	font-size: 80%;
	color: #999999;
	text-align: left;
	background-color: transparent;
	list-style-type: none;
	}

div#portfolioselect {
	width: 362px;
	float: right;
	margin-top: -550px;
	position: relative;
	z-index: 1;
	display: inline; /* for IE bug */
	}

p#instructions {
	text-align: center;
	color: #ffffff;
	background-color: transparent;
	}

p#boxblue, p#boxnavy, p#boxorange {
	font-size: 1em;
	text-align: center;
	border: solid #ffffff 1px;
	margin: 10px 100px;
	}

p#boxblue {
	color: #164a7c;
	background-color: #8abce1;
	padding: 5% 2%;
	}

p#boxnavy {
	color: #ffffff;
	background-color: #164a7c;
	padding: 3%;
	}

p#boxorange {
	color: #164a7c;
	background-color: #f39823;
	padding: 3%;
	}

p#boxblue a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}

p#boxblue a:visited {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}

p#boxblue a:hover {
	color: #164a7c;
	background-color: transparent;
	text-decoration: none;
	}

p#boxnavy a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}

p#boxnavy a:visited {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}

p#boxnavy a:hover {
	color: #8abce1;
	background-color: transparent;
	text-decoration: none;
	}

p#boxorange a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}

p#boxorange a:visited {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	}

p#boxorange a:hover {
	color: #164a7c;
	background-color: transparent;
	text-decoration: none;
	}
	
/* ----- for portfolio intro pages ----- */
div#containerportfolio {
	width: 800px;
	margin: 3% auto;
	padding: 0;
	color: #666666;
	background-color: #164a7c;
	}

div#container2 {
	width: 800px;
	margin: -38px 0;
	padding: 0;
	color: #666666;
	background-color: #aedcf6;
	}

div#contentportfolio {
	color: #999999;
	background-color: #ffffff;
	margin: -38px 33px auto auto;
	padding: 0;
	border-top: solid 5px #164a7c;
	width: 800px;
	}


div#colrightportfolio {
	color: #999999;
	background-color: transparent;
	width: 362px;
	margin: 20px -1px 0px 15px;
	padding: 0;
	float: right;
	clear: right;
	display: inline; /* for IE bug */
	}

h1#portfolio {
	font-size: 1.5em;
	font-weight: bold;
	color: #8abce1;
	background-color: inherit;
	margin: 20px 0 0 0;
	}

p#mouseoverimage {
	text-align: left;
	font-size: 0.7em;
	font-style: italic;
	color: #000000;
	background-color: inherit;
	}

div#mouseovertext {
	text-align: right;
	font-size: 0.8em;
	color: #164a7c;
	background-color: transparent;
	margin: 0;
	padding: 0;
	height: 30px;
	z-index: 100;
	}

div#imagedetail {
	color: inherit;
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

p.img {
	margin: 0px;
	padding: 0px;
	}
	
/* ----- for portfolio detail pages ----- */

div#containerdetail {
	width: 800px;
	margin: 3% auto;
	padding: 0;
	color: #666666;
	background-color: #164a7c;
	}
	
div#contentdetail {
	color: #999999;
	background-color: #ffffff;
	margin: -38px 33px auto auto;
	padding: 0;
	border-top: solid 5px #164a7c;
	width: 800px;
	}

div#bgcolordetail {
	color: #999999;
	background-color: #8abce1;
	margin: 0;
	padding: 0;
	width: auto;
	}

div#maindetail {
	color: #999999;
	background-color: #ffffff;
	float: left;
	clear: both;
	margin: 0;
	padding: 20px 58px 10px 80px;
	width: 300px;
	display: inline; /* for IE bug */
	}
	
div#colrightfielddetail {
	color: #999999;
	background-color: #8abce1;
	width: 362px;
	margin: 0px;
	padding-top: 50px;
	float: right;
	display: inline; /* for IE bug */
	}

ul.detail {
	font-size: 0.8em;
	text-align: left;
	color: #999999;
	background-color: transparent;
	font-weight: normal;
	margin-left: 0px;
	}

li.detailbullet {
	list-style-type: square;
	padding-bottom: 0.5em;
	}

p#return {
	text-align: left;
	font-size: 0.7em;
	font-style: italic;
	color: #000000;
	background-color: transparent;
	margin: 0;
		}