@import url("home.css");
 @import url("gallery.css");
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #333333;
	height: 100.02%; /* stops FF jump */
}
#preloader {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 240px;
	height: 60px;
	overflow: auto;
	margin-top: -50px;
	margin-left: -100px;
	background-color: #FFFFFF;
	text-align:center;
	color: #7c7d6f;
	vertical-align:middle;
	font-size:17px;
	opacity:0.9;
	filter:alpha(opacity=90);
	background-image:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:5px solid #CCCCCC;
	z-index:10001;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
.wrapper {
	margin: 0 auto;
}
#header {
	height: 90px;
	background: url(/images/header-bg.gif) no-repeat;
}
#header, #navbar, #content {
	text-align: left;
}
* html #slider, * html #navbar, * html #footer {
	display: none;
}
* html #ie6 {
	background:#000;
	width:100.02%;
	height:100.02%;
	margin:0;
	padding:0;
	overflow:visible;
	text-align:center;
}
/*--------------------LINKS--------------------*/
a {
	color: #FFF;
	text-decoration: none;
	outline: none; /* IE remove dashed border */
}
a:hover {
	color: #F36;
	text-decoration: none;
}
:focus {
	-moz-outline-style: none;/* Moz remove dashed border */
}
a img {
	border: 0;
}
/* BACKGROUND ELEMENTS*/
#about, #contact {
	position: relative;
	z-index: 10;
}
#contact {
	z-index: 9;
}
#about_rainbow {
		display:block;
	z-index:7;
	float:left;
	margin: 70px 0 0 0;
	

}
*:first-child+html #about_rainbow {
	margin: 70px 0 0 0px;
}
#about_tree {
	display:block;
	z-index:4;
	float:left;
	margin: -440px 0 0 -300px;
	overflow:visible;
}
*:first-child+html #about_tree {
	margin: -100px 0 0 -1150px;
}
#portfolio_dude {
	display:block;
	float:left;
	margin:-200px 100px 0 -230px;
	overflow:visible;
}
#port_birds {
	display:block;
	z-index:3;
	float:right;
	margin: -160px -120px 0 0;
	overflow:visible;
}
#bigguy {
	display:block;
	z-index:4;
	float:right;
	right: -200px;
	margin: -220px 0 0 0;
	overflow:visible;
	position:relative;
}
*:first-child+html #bigguy {
	margin: -370px 0 0 0;
}
#contact_rainbow {
	float:left;
	margin: -580px 0 0 0;
	overflow:visible;
	position:relative;
	left:-380px;
}
*:first-child+html #contact_rainbow {
	margin: -420px 0 0 0;
	left:-360px;
}
#bat_guy {
	display:block;
	z-index:3;
	float:right;
	margin: 40px -250px 0 0;
	overflow:visible;
}
#services_rainbow {
	display:block;
	z-index:3;
	float:left;
	margin: -10px 0 0 -700px;
}
#services #wide {
	margin-top:70px;
}
*:first-child+html #services_rainbow {
	margin: -500px 0 0 -410px;
}
*:first-child+html #diakosmisi .wide, *:first-child+html #about .wide, *:first-child+html #contact .wide, *:first-child+html #gamos .wide, *:first-child+html #vaptisi .wide {
	margin-top: 87px;
}
.radio {
	float:left;
	margin:0 8px;
}
#services #narrow, #services .narrow {
	margin-top: 85px;
}
*:first-child+html #services #narrow, *:first-child+html #services .narrow {
	margin-top: 106px;
}
.service_guy {
	margin-left:-30px;
}
*:first-child+html .service_guy {
	margin:0 0 -5px -30px;
}
#contact .wide {
	float:left;
}
#contact #narrow, #contact .narrow {
	float:right;
	margin-top:95px;
}
#contact #narrow_colomn, #contact .narrow_colomn {
	width:208px;
	padding: 10px 20px 5px 20px;
}
*:first-child+html #contact #narrow, *:first-child+html #contact .narrow {
	margin-top:118px;
}
*:first-child+html #contact #narrow_colom, *:first-child+html #contact .narrow_colomn {
	width:208px;
	padding: 10px 20px 5px 20px;
}
#form_holder {
	margin: 0;
	padding:0;
}

/*------------- WEBKIT SAFARI & CHROME -----------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #form_holder {
 height:277px;
}
 #contact #narrow, #contact .narrow {
 float:right;
 margin-top:95px;
}
 #contact #narrow_colomn, #contact .narrow_colomn {
 width:208px;
 padding: 10px 20px 5px 20px;
 float: left;
 line-height: 19px;
}
 #contact_rainbow {
 margin: -458px 0 0 -970px;
}
}
/*------------------------HEADINGS & PARAGRAPHS------------------------*/ 
p {
	margin:0;
	color:#77757D
}
em {
	color:#800033;
	font-size:11px
}
#home h3.grey {
	border: 1px solid #000;
	padding: 0;
}
h1 .whitebig {
	font-size:30px;
}
.navtext {
	color:#FFFFFF;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.servicehead {
	font-size: 16px;
	color:#a22c99;
	margin:6px 0 2px;
	display:block;
}
.orange{
	color:#F90;}
/*------------------------MAIN NAVIGATION------------------------*/
#navbar {
	height: 110px;
	background:url(../images/nav_loop.jpg) repeat-x top;
	width: 100%;
	padding-top:0;
	z-index: 10;
	position:fixed;
}
#nav_contain {
	width: 840px;
	margin: 0 auto;
	height:110px;
}
.btns {
	float:left;
	top: 0;
}
#navbar ul a {
	float:left;
}
#btn_home a, #btn_portfolio a, #btn_portfolio a, #btn_services a, #btn_about a, #btn_contact a, #btn_diakosmisi a {
	float:left;
	height: 45px;
	margin-top:65px;
	padding: 0px 0 0 0;
	text-align:center;
	cursor:pointer;
	background-color:#0C3
}
#btn_home a {
	background:url(../images/template_04.jpg) left bottom no-repeat;
	width: 154px;
}
#btn_portfolio a {
	background:url(../images/template_05.jpg) left bottom no-repeat;
	width: 65px;
}
#btn_services a {
	background:url(../images/template_06.jpg) left bottom no-repeat;
	width: 63px;
}
#btn_about a {
	background:url(../images/template_07.jpg) left bottom no-repeat;
	width: 76px;
}
#btn_diakosmisi a {
	background:url(../images/template_08.jpg) left bottom no-repeat;
	width: 98px;
}
#btn_contact a {
	background:url(../images/template_09.jpg) left bottom no-repeat;
	width: 98px;
}
#btn_home a:hover, #btn_portfolio a:hover, #btn_services a:hover, #btn_about a:hover, #btn_contact a:hover {
	background-position: right;
	cursor:pointer;
}
#home #btn_home a, #portfolio #btn_portfolio a, #services #btn_services a, #about #btn_about a, #contact #btn_contact a {
	background-position: right;
}
#navbar a {
	text-decoration: none;
}
#navbar li {
	list-style-type: none;
	float: left;
}
/*------------------------CONTENT LAYOUT------------------------*/

#narrow, .narrow {
	width:260px;
	float:left;
	margin-top: 63px;
}
.wide {
	width:520px;
	float:right;
	margin-top: 63px;
	padding:0;
}
#narrow_colomn, .narrow_colomn {
	background:#000;
	margin: 0 12px 0 6px;
	color:#FFF;
	padding: 0 10px;
	text-align:left;
	width: 228px;
	font-size:13px;
	display:block;
	overflow:hidden;
}
#narrow_colomn ul, .narrow_colomn ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#narrow_colomn li, .narrow_colomn li {
	font-size:13px;
	padding: 0;
}
#narrow_colomn li a, .narrow_colomn li a {
	display:block;
}
#narrow_colomn li a:hover, .narrow_colomn li a:hover {
	cursor:pointer;
	text-decoration:none;
	outline: #090909 1px solid;
}
#narrow_colomn p, .narrow_colomn p {
	padding: 5px 0 8px 3px;
	line-height: 20px;
	color:#CCC;
}
*:first-child+html #narrow_colomn a p, *:first-child+html .narrow_colomn a p {
	padding-bottom:3px;
}
*:first-child+html .minustop {
	margin-top:-13px;
	padding:0;
}
.product_bottom {
	margin-top:-5px;
}
.wide_content p {
	font-size: 13px;
	line-height: 21px;
	padding:0 0 4px 0;
}
.wide_content {
	background:#000;
	color:#CCC;
	padding: 0 15px;
	text-align:left;
	width: 488px;
	margin-left:1px;
	overflow: hidden;
	height:480px;
}

.scroll-pane,
.scroll-pane-arrows
{
	width: 100%;
	height: 330px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}



.about_guys {
	float:right;
}
#about p {
	padding-top: 3px;
}
#about #narrow, #about .narrow {
	margin-top: 66px;
}
*:first-child+html #about #narrow, *:first-child+html #about .narrow {
	margin-top: 90px;
}
#contactform input, #contactform select {
	margin: 0 0 8px 0;
	height: 21px;
	outline:none;
	width:220px
}
#contactform textarea {
	margin: 0 0 8px 0;
	height: 21px;
	outline:none;
	height:45px;
	width:460px
}
.thickborder {
	border-right: 14px #e9249d solid !important;
	color:#666;
	width:440px;
	float:none;
}
.contact_contact {
	width:39px;
	background:url(../images/contact_side1.png) left no-repeat;
	height:297px;
	display:block;
}
.contact_bottom {
	overflow:hidden;
	width: 490px;
	float:right;
	padding-top:7px;
	margin-right: -15px;
}
.send {
	background:url(../images/send.gif) left no-repeat;
	width:66px;
	height:62px;
	float:right;
	display:block;
	margin-right:15px;
	border:0px;
}
.send:hover {
	background-position:right;
	border:0px;
}
#messageerrors {
	color:#C36
}
.contact_top1 {
	background:url(../images/contact_top1.png) left no-repeat;
	width: 248px;
	height: 30px;
	float:left;
	margin-left: 6px;
}
.contact_top1:hover, .contact_top2:hover {
	background-position:right;
}
.wide form {
	margin-top: 10px;
}
*:first-child+html #showreel {
	margin: -5px 0 -3px 0;
}
#newsletter {
	overflow: hidden;
}
#newsletter input {
	float: left;
	margin: 10px 0 3px;
	padding:3px 5px 0 3px;
	height: 20px;
	width: 155px;
	font-size:12px;
	color:#629004;
	background: #1b1b1b url(../images/input_loop.jpg) repeat-x top;
	border: none;
}
#newsletter .submithome {
	background: url(../images/submit.gif) no-repeat top;
	width: 63px;
	height:24px;
	display:block;
	float:right;
	margin: 9px 0 3px;
	border: 0;
	cursor: pointer;
}
.submithome:hover {
	background-position:bottom !important;
}
.about_logo {
	padding: 5px 0 3px 0;
	float:none;
}
.divider {
	padding: 5px 0 7px 0;
}
.padding {
	padding: 8px 0 0 0;
}
.wide .padding {
	padding-bottom: 7px;
}
#diakosmisi .wide h3 {
	color:#922487;
	padding:6px 0 2px 0;
	font-size:13px;
}
.right_service {
	width: 225px;
	overflow:hidden;
}
.left_service {
	width: 230px;
	float:left;
	margin: 0 25px 0 0;
}
.nopad {
	margin-top:-15px;
}
/*------------------------FOOTER------------------------*/
#footer {
	background:url(../images/footer.png) repeat-x center;
	height:48px;
	margin-bottom:0;
	position:fixed;
	width: 100%;
	margin-top:-40px;
}
* html #footer { /*ie6*/
	margin: -90px auto 0 auto;
	left:0;
}
*:first-child+html #footer {/*ie7*/
	left:0;
}
.footer_wrap {
	width: 880px;
	margin: 0 auto;
	padding-top:35px;
}
#footer a {
	color: #666;
}
#footer a:hover {
	color:#629004;
	text-decoration:none;
	border-bottom: dashed 1px;
}
/*--------------------FORMS--------------------*/
input, select, textarea {
	border: none;
	padding: 2px;
	font: 11px "Trebuchet MS", Arial, Helvetica, Verdana;
	color: #666666;
	background-image:none;
}
button {
	padding: 1px 4px;
}
#options_form td p {
	color:#E9781B;
	float:left;
	padding: 2px 5px 0 0;
}

/*--------------------scroller--------------------*/
#slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index:0;
	padding-top:60px
}
.scrollContainer div.panel {
	width: 900px;
}
.panel {
}
hr {
	margin-top:5px;
	margin-bottom:5px;
	color: #333;
	height:1px;
	background-color:#333
}

.catmenu{
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dashed #333;
	width:220px;
	display:inline-block}