@charset "UTF-8";
/* Creative Home Cinema */

/* Colors
Dark blue: rgb(5,1,37)
Dark/mid blue:(4,17,61) 
Mid blue: rgb(4,27,77)
Light Blue: rgb(3,46,106)
Pale Blue: rgb(100,109,141)
Green: rgb(166,206,60)
*/


body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; color: white; font-weight:normal;
background-color: rgb(4,27,77);
background-image:url(images/main-gradient.jpg); 
background-repeat:repeat-x; background-position:top left; }

h1 {margin: 10px 0 10px 0; font-size:1.5em; line-height:1.6em; text-align:left; color: rgb(100,109,141); font-weight:normal;}
h2 {margin: 0 0 15px 0; font-size:1.3em; line-height:1.4em; text-align:left; color: rgb(100,109,141); font-weight:normal;}
h2.lines { margin-top:0; border-bottom: solid 1px rgb(166,206,60); padding:0px 0px 5px 0px;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size:1em; font-weight: normal; margin:0 0 2em 0; }

p { margin: 0 0 15px 0; font-size:1.1em; line-height:1.6em; margin:0 0 10px 0; text-align:left; }
.intro {font-weight:bold; }
.small {font-size:0.9em; margin:10px 0px 0px 0px;}
.italic {font-style:italic;}
.white {color:white;}
.green {color:rgb(166,206,60);}
.smallprint { font-size:0.9em; font-style:italic; }
.light_blue { color: rgb(100,109,141);}

.indent {margin-left:17px; font-size:1em; color:rgb(166,206,60);}
.what { margin:0 0 5px 0; }
.clear { clear:both; }

a { color:rgb(166,206,60); text-decoration:none;}
a:hover { color:rgb(166,206,60); text-decoration:underline; }

ul.long_list {padding:0px; list-style:disc; margin:0px; }
ul.long_list li { display:inline; }

ul.collection { margin:0px 0px 15px 0px; padding-left:1.5em; }
ul.collection li { font-size:1.1em; line-height:1.6em; margin:0 0 10px 0;}


#gallery_table {}
#gallery_table tr {}
#gallery_table td.first { padding:0px 10px 10px 0px; }
#gallery_table td.second { padding:0px 10px 10px 0px;}
#gallery_table td.third {padding:0px 0px 10px 0px;}
#gallery_table td img { border:1px solid rgb(166,206,60); padding:3px; }

#logo { padding: 50px 0px 40px 0px; }
#award { margin-top:15px; }

.line_divide { margin-top:0; border-top: solid 1px rgb(166,206,60); padding:0px 0px 5px 0px; margin-bottom:10px;}

#illustration { /*position:absolute; top:15px; left:460px;*/ float:right; margin:20px 0 0 0; }

#main { width:624px; margin-left:auto; margin-right:auto; position:relative; }

#text { margin: 50px 250px 20px 0; }
#page_home #text { margin-right:250px; }
#page_news #text , #page_what #text , #page_news-article #text , #page_creative-home #text , #page_innovative-design #text , #page_inspired-ideas #text , #page_intelligent-solutions #text, #page_gallery_list #text, #page_gallery #text, #page_gallery_animation #text , #page_business_to_business #text, #page_packages #text { margin-right:0px; }

#picture_main { margin: 0; }

#article_picture { margin: 0px 0px 10px 15px; float:right; width:235px; padding:0px 0px 20px 30px;}
.extra_pic_1 {margin: 10px 0px 0px 0px;}
.extra_pic_2 {margin: 10px 0px 0px 7px;}

#cedia_logo {margin-left: 20px;}


.heading { margin: 0 0px 30px 0px; display:block; }
.midheading { margin:20px 0 10px -10px; display:block; }

.menu {font-size:0.9em; font-weight:normal; text-align:left; padding:0px 0 0px 0px; line-height:normal; margin:0; color:white; width:624px; position:relative; z-index:10; }
.menu ul { list-style:none; padding:10px 0 10px 0; background-color:rgb(3,46,106); margin:0px; text-align:center;}
.menu ul li { display:inline; margin:0 15px 0 0; color:rgb(166,206,60); text-decoration:none; }
.menu ul li.lastitem { margin-right:0; }
.menu a { color:white; text-decoration:none; }
.menu a:hover { color:rgb(166,206,60); text-decoration:none; }

.news_box { background-color:rgb(4,17,61); margin:0px 0px 20px 0px; padding:15px; }
.news_column { padding:0px 20px 10px 20px; vertical-align:top; }
.news_thumbnail {float:right; padding:5px 0 5px 5px; width:160px; margin-left:15px; }
.news_thumbnail img {margin-bottom:5px; display: block; }
.boxlink { margin-bottom:0; }

.text_block {margin: 0px 0px 30px 0px;}

.what_box { background-color:rgb(4,17,61); margin:0px 20px 100px 0px; padding:15px 15px 5px 15px; float:left; }

.package {margin-bottom:50px;}

.gallery_box { background-color:rgb(4,17,61); margin:0px 0px 20px 0px; padding:15px; }
.gallery_thumbnail {float:right; padding:5px 0 5px 5px; width:195px; margin-left:15px; }
.gallery_thumbnail img {margin-bottom:5px; display: block; }
#page_intelligent-solutions .gallery_thumbnail img { float:right; margin-left:5px; }
.gallery_package { float:right; width:50px; }

ul { padding-left:1.5em; margin-left:0; }

.float_right_centre { float:right; padding-top:11px; }

#pics { float:right; width:220px; padding:0 0 20px 0; margin-top:50px;  }
#pics img { display:block;}

#pics_mark { position:absolute; top:420px; left:400px; z-index:100; }


#homepage_box { margin:50px 0 0 0; padding:0; width: 220px; float:right; }
.blue_box { background-color:rgb(4,17,61); padding:15px; margin:0 0 20px 0; }
.blue_box p { font-size:1em; color:white; }
.blue_box a {color:white; text-decoration:none; }
.blue_box a:hover {color:rgb(166,206,60); text-decoration:underline; }
#pics.blue_box { width:190px; padding:15px; margin-bottom:0; }

.news_headline { margin-bottom:10px; }
.news_headline p { margin:0 0 0 50px; }
.news_headline a { font-weight:bold; }
.news_headline_pic { float:left; margin: 0; }

.index_news_headline { margin-bottom:10px; }
.index_news_large {margin:0px 0 0 0;}
.index_news_small { float:right; margin:0 0 10px 10px; width:70px; }
.index_news_headline p { margin:10px 0 0 0px; float:none; }

.box_link { margin:10px 0 0 0; }

.stars { margin:0 0 0 5px; float:right; }
.star { padding:0px 0px 0px 0px; line-height:1.6em;}

#contact_form td { vertical-align:middle; }
#contact_form .gap { padding-top:20px; }

#footer { border-top: solid 1px rgb(166,206,60); margin: 70px 0 0px 0px; padding:0 0 30px 0; color:rgb(100,109,141); clear:both; }

#footer .menu { margin:10px 0 10px 0; width:auto; }
#footer .menu ul { background-color:transparent; padding:0; text-align:left; }
#footer .menu ul li { color:white; }
#footer .menu ul a { color:rgb(100,109,141); }
#footer .menu ul a:hover { color:rgb(100,109,141); text-decoration:underline; }
#footer #cedia_logo { float:right; }

p#services { margin:10px 0 25px 0; color:white; }
p#services a { color:white; }

/* Animation */

#rotator { margin-bottom:15px; text-align:center; }
#animation { position:relative; height:378px; width:570px; left:12px; overflow:hidden; margin-bottom:20px; }
.back_link { width:600px; text-align:right; margin-bottom:20px; }
table#animation_buttons , table#animation_button { margin:0; padding:0; border-collapse:collapse; }
#animation_button_1 { padding-right:10px; }
#animation_button_2 { padding:0 10px 0 10px; }
#animation_button_3 { padding-left:10px; }
#animation_buttons td { vertical-align:top; text-align:left; }
.animation_button { background-color:rgb(166,206,60); padding:5px; }
.animation_button_image { width:85px; }
.animation_button_play { position:relative; }
.button_play { position:absolute; left:18px; top:6px; }
.animation_button_text { }
.animation_button_text p { color:rgb(4,17,61); margin:0; }
.animation_button_text p a { color:rgb(4,17,61); text-decoration:none; }
.animation_button_text p a:hover { color:white; text-decoration:none; }

/* Gallery */
#main_image_wrapper{position:relative; width:570px; height:378px; background-image:url(rsrc/loading_image.gif); background-repeat:no-repeat; background-position:50% 50%; border:1px solid white; background-color:white; }
.spacing { margin-top:20px; }
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{text-align:center;width:auto;position:relative;padding:5px;}
#thumb_container{position:relative;overflow:hidden;width:auto;height:56px; margin:0; }
#thumbs img{margin-right:5px;vertical-align:top; padding:2px; }
#thumbs a img{ border:1px solid white; }
#thumbs a:hover img{border:1px solid rgb(166,206,60);}
#thumbs a:hover{color:rgb(166,206,60);}
#photocount{
	color:#FFF;
	font-size:10px;
	float: left;
	width: 48%;
	text-align: left;
	left:0;
}
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:570px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#widthbox h6 { float:left; line-height:40px; margin:0 10px 0 10px; }
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_heading { margin-bottom:10px; }
.iptc_text { padding-left:30px; }
.iptc_left{float:left;text-align:right;width:18%;color:#FFF;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:79%;}
#rightmore li a{background:url(rsrc/thumb_right_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#rightmore li a:hover{background:url(rsrc/thumb_right_more_over.gif) no-repeat;color:#fff;height:66px;}
#leftmore li a{background:url(rsrc/thumb_left_more_over.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(rsrc/thumb_left_more.gif) no-repeat;color:#fff;height:66px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:115px;width:32px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:115px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:115px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
	width: 30%;
	height: 100%;
	background: transparent url(rsrc/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden; }
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(rsrc/prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(rsrc/next.gif) right 50% no-repeat; }
#imgtitle{width:auto; font-size:.8em; text-align:center; color:#FFF; /*display:block;*/ display:none; }
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
	text-align: right;
	float: right;
	width: 48%;
	right:0;
	z-index:1100;
}
#thumbdisplay {
	width: auto;
}
#e2link {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0;
	color: #FFFFFF;
	text-align:left;}
#e2link a {
	color: #FFFFFF;
	text-decoration:none
}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 15000;
	text-align:left;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}#thumbhide {
	position: relative;
	overflow:hidden;
}