@charset "utf-8";

/*========================================================
============ ArtisticWeb 2010 :: CSS STYLES ==============
========================================================*/

			body {background:#E6E6E6;font:13px 'Trebuchet MS', Helvetica, sans-serif;	color:#333;}
			input, textarea, button {border:1px solid #ccc;color:#666666;font:normal normal 11px Tahoma, Geneva, sans-serif; padding:2px;margin:2px 0;}
			input:focus, textarea:focus {border:1px solid #99CCFF;}
			button {
				background-color:#FF0000;
				border:1px solid #990000;
				color:#FFFFFF;
				padding:1px 5px;
			}
			a {text-decoration:none;outline:none;}
			a:link, a:visited {color:#398AC9;}
			a:hover, a:active {color:#3DAAF4;}
			p, h1, h2, h3, h4, h5, h6, ul, li, label {
				font-family: 'Trebuchet MS', Helvetica, sans-serif;
				font-size:12px;
				text-align:justify;
				margin:0 0 15px 0;;
			}
			p, li {margin:0 0 8px 0;}
			h1 {font-size:20px;}
			h2 {font-size:18px;}
			h3 {font-size:15px;}
			h4 {font-size:18px;}
			h5 {font-size:16px;}
			h6 {font-size:14px;}
			h1, h2, h3 {color:#395775;font-style:normal;text-align:left;}
			h3, h4, h5, h6 {margin:20px 0 10px 0;}
			h4, h5, h6 {color:#333;font-style:normal;text-align:left;}
			ul, ol {
				margin: 10px 0 10px 15px;
				padding-left:15px;
				text-align:left;
			}
			ul {list-style:url(../images/tick-02.png);}
			.bullet-arrow {list-style:url(../images/bullet-arrow.gif);margin-bottom:0;text-align:left;}
			.bullet-dots {list-style:url(../images/bullet-dots.gif); margin-bottom:0;text-align:left;}
			.bullet-tick {list-style:url(../images/bullet-tick.gif);margin-bottom:0;text-align:left;}

/*========================================================
=================== HEADER ELEMENTS ======================
========================================================*/

/* Logo */
#ContainerLogo {
width:240px;
height:79px;
margin:25px 0 10px;
}

/* Header Moto */
#MainMoto {
float:left;
text-align:center;
display:block;
width:300px;
font-size:14px;
font-weight:normal;
font-style:italic;
color:#fff;
margin:50px 0 0 40px;
}

/* Header Options */
#OptionMenu {margin:0 20px 0 0;}
.Option1 {
background:url(../images/logo-awalt.png) left top no-repeat;
float:right;
margin:0 5px;
}
.Option2 {
background:url(../images/logo-awmail.png) left top no-repeat;
float:right;
margin:0 5px;
}
.Option1 a:hover {
background:url(../images/logo-awalt.png) left bottom no-repeat;
color:#87C8F4;
}
.Option2 a:hover {
background:url(../images/logo-awmail.png) left bottom no-repeat;
color:#87C8F4;
}
.Option1 a, .Option2 a {
display:block;
height:39px;
padding:9px 0 0 52px;
font-size:9px;
font-weight:bold;
color:#fff;
}
.Option1 a span, .Option2 a span {
color:#E6E6E6;
font-weight:normal;
}

/*========================================================
======================== MENUS ===========================
========================================================*/

/* Top Links */
	#TopLinks {
	margin:0;
	padding:5px 25px;
	list-style:none;
	text-align:right;
	}
	#TopLinks li {
	margin:0;
	padding:0 0 0 5px;
	display:inline;
	color:#ddd;
	}
	#TopLinks li a {
	background:url(../images/arrow_02.gif) left no-repeat;
	display:inline-block;
	color:#ddd;
	font-size:9px;
	font-weight:normal;
	line-height:10px;
	margin:0;
	padding:0 0 0 10px;
	}
	#TopLinks li a:hover {
	color:#87C8F4;
	}

/* Main Menu */
	#ContainerMenu {margin:0 auto 0;}
	#Menu {
	text-align:center;
	margin:0;
	padding:0;
	}
	#Menu li {
	font-size:12px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
	#Menu li a {
	display:inline-block;
	padding:5px 21px;
	height:20px;
	color:#fff;
	}
	#Menu li a:hover {color:#87C8F4;}
	#Menu li#current a {color:#87C8F4;cursor:default;}

/* Left Menu */
	#ContainerLeftMenu {margin:0;}
	#LeftMenu {
	margin:10px 10px 15px;
	padding:0;
	}
	#LeftMenu li {
	background:url(../images/arrow_01.gif) left no-repeat;
	margin:0;
	padding:0;
	list-style:none;
	}
	#LeftMenu li a {
	display:block;
	border-bottom:1px solid #DDDDDD;
	height:20px;
	padding:2px 0 0 15px;
	}
	#LeftMenu li a:hover{
	}
	#LeftMenu li#current a {color:#333;cursor:default;}

/*========================================================
=============== CONTENT STYLES & OBJECTS =================
========================================================*/

/* BOX STYLES */
		.HomeBox div span, .Smarticle div span {line-height:15px;}
		.BoxTitle {
		font:bold 16px 'Trebuchet MS', Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		padding-bottom:5px;
		}
		.BoxSub, .BoxSub2 {
		font:bold 13px 'Trebuchet MS', Helvetica, sans-serif;
		padding:0 0 2px;
		color:#395775;
		}
		.BoxSub2 {font-style:italic;text-align:center;}
		.readmore {
		font-style:italic;
		text-align:right;
		font-size:11px;
		}
/*-------------------*/


/* HomeBox */
		.HomeBox {
		background:url(../images/bck-homebox.gif) center top no-repeat;
		width:170px;
		height:120px;
		padding:5px 20px;
		font-size:12px;
		}
/* CallusBox */
		.CallBox {
		background:url(../images/bck-callus.gif) center top no-repeat;
		font:normal 9px Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		width:170px;
		height:79px;
		padding:18px 20px;
		}
		.callURL {color:#d4d4d4;font-size:16px;padding:2px 0 0;}
		.callTEL {color:#fff;font-weight:bold;font-size:22px;;padding:2px 0;line-height:30px;}
		.CallBox span {color:#e4e4e4;}

/* SocialNet's Box */
		.SocialBox {
		width:210px;
		text-align:center;
		margin:5px 0;
		}
/* Small Article Box */
		.Smarticle {
		width:210px;
		font-size:12px;
		} 
		.Smarticle_top, .Smarticle_mid, .Smarticle_bot {padding:0 22px;}
		.Smarticle_top {
		background:url(../images/bck-smarticle_top.gif) center bottom no-repeat;
		height:21px;
		}
		.Smarticle_mid {
		background:url(../images/bck-smarticle_mid.gif) center repeat-y;
		}
		.Smarticle_bot {
		background:url(../images/bck-smarticle_bot.gif) center top no-repeat;
		height:17px;
		}
		.FBstatus {
		text-align:center;
		margin:20px auto 10px;
		}
		.FBstatus .Liner {
		border-bottom:1px solid #ccc;
		width:166px;
		height:1px;
		line-height:1px;
		margin:10px auto;
		}
		
/* Big Article Box (Content) */
		.Bigarticle {
		width:500px;
		font-size:12px;
		} 
		.Bigarticle_top, .Bigarticle_mid, .Bigarticle_bot {padding:0 22px;}
		.Bigarticle_top {
		background:url(../images/bck-article_top.gif) center bottom no-repeat;
		height:23px;
		}
		.Bigarticle_mid {
		background:url(../images/bck-article_mid.gif) center repeat-y;
		}
		.Bigarticle_bot {
		background:url(../images/bck-article_bot.gif) center top no-repeat;
		height:17px;
		}
/* Sponsors */
		#SponsorsLogo {
		background:url(../images/bck-sponsors.jpg) top center no-repeat;
		width:900px;
		height:100px;
		margin:0 20px 10px;
		}
/* Validation */
		#ValidIcons {
		float:left;
		text-align:center;
		width:940px;
		margin:10px 0 0;
		}
/* Go to Top Button */
		.GoTop {
		background:url(../images/bullet-option-top.png) top right no-repeat;
		margin:0 30px 20px 0;
		float:right;
		}
		.GoTop a {
		display:block;
		padding:0 25px 0 0;
		}
/* Other Content Styles */
		.SubTitle_Center {
		text-align:center;
		color:#666;
		font-family:Impact, Charcoal, sans-serif;
		font-size:18px;
		margin:20px 0;
		}
		.HrLine {
		background:url(../images/hor-line-dotted.gif) top center;
		width:100%;
		height:1px;
		margin:20px 0;
		}
		.pretext {
		font-size:10px;
		font-style:italic;
		font-weight:bold;
		}

/*========================================================
================= PORTFOLIO - GALLERY ====================
========================================================*/
.contentpaneopen {
	width:456px;
}
#ContainerGall .thumbs {
border-bottom:1px solid #ededed;
float:left;
width:152px;
margin:0 0 10px;
padding:0 0 5px;
}
#ContainerGall .thumbs p {
font-size:10px;
text-align:center;
margin:0;
padding:0;
}
#ContainerGall .thumbs a {
display:block;
text-align:center;
font-size:11px;
font-weight:bold;
color:#395775;
}
#ContainerGall .thumbs a img {
border:1px solid #6699CC;
margin:3px;
}
#ContainerGall .thumbs a:hover {
color:#333;
}
#ContainerGall .thumbs a:hover img {
border:1px solid #333;
margin:3px;
}



#ContainerGall2 .thumbs {
background:#f1f1f1;
border-bottom:none;
width:218px;
margin:0 5px 10px;
padding:5px 0 0;
float:left;
}
#ContainerGall2 .thumbs h5 {
margin:0 5px 5px;
padding:0;
color:#395775;
font-size:13px;
}
#ContainerGall2 .thumbs h6 {
margin:0 5px 5px;
padding:0;
color:#444;
font-size:12px;
}
#ContainerGall2 .thumbs p {
font-size:11px;
margin:0 5px 5px;
padding:0;
text-align:left;
}
#ContainerGall2 .thumbs img {
border:1px solid #333;
}
#ContainerGall2 .Liner {
border-bottom:1px solid #ccc;
height:1px;
line-height:1px;
margin:0 0 10px;
}




#ContainerGallpage img {
margin:5px 10px;
}





.ContainerGall2 {
width:456px;
padding:10px 0;
border-bottom:1px solid #ccc;
}

.ContainerGall2 .Simg {
float:left;
}
	.ContainerGall2 .Simg a img {
	border:5px solid #ededed;
	width:140px;
	height:105px;
	}

.ContainerGall2 .Scon  {
width:296px;
padding:0 0 0 10px;
float:left;
}
	.ContainerGall2 .Scon h3, .ContainerGall2 .Scon p, .ContainerGall2 .Scon p span {
	font-size:14px;
	font-weight:bold;
	text-align:right;
	margin:0 0 5px 0;
	}
	.ContainerGall2 .Scon p {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	}
	.ContainerGall2 .Scon p span {
	color:#395775;
	}


	.ContainerPageSel {
		margin:auto;
		padding:10px 0;
		border-top:1px dashed #ccc;
	}
	.ContainerPageSel ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.ContainerPageSel ul li {
		float:left;
		font-weight:bolder;
		font-size:13px;
	}
	.ContainerPageSel ul li a, .ContainerPageSel ul li span {
		display:block;
		width:10px;
		padding:0 3px;
		text-decoration:underline;
	}
	.ContainerPageSel ul li span {
		text-decoration:none;
		cursor:default;
	}

/*========================================================
=================== FOOTER ELEMENTS ======================
========================================================*/

/* Eng Links */
		#BottomENG {
		margin:0 auto;
		padding:5px 0 3px;
		list-style:none;
		text-align:center;
		}
		#BottomENG li {
		padding:0;
		display:inline;
		list-style:none;
		}
		#BottomENG li a {
		font-size:14px;
		font-weight:bold;
		color:#81CFE2;
		margin:0 10px;
		}

/* Greek Links */		
		#BottomGRE {
		padding:0 0 5px;
		color:#7ABAC1;
		}
		#BottomGRE a {
		font-size:12px;
		font-weight:normal;
		color:#7ABAC1;
		margin:0;
		}

/* Copyright Info */
		#CopyrightInfo {
		font-size:12px;
		color:#A0F0F9;
		}


/*========================================================
=================== FORM ELEMENTS ======================
========================================================*/

/* Email Form*/
.btnSend {
	background:url(../images/btn-form.png) top center no-repeat;
}
.btnReset {
	background:url(../images/btn-form.png) bottom center no-repeat;
}
.btnReset, .btnSend {
	font-family:Tahoma, Arial, "Arial Unicode MS";
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	height:20px	;
	width:63px;
	border:none;
	cursor:pointer;
}
.FieldNews {
	width:160px;
}


.LabelField {
width:80px;
float:left;
margin:2px 5px 2px 0;
}
.FormField {
width:360px;
float:right;
margin:2px 0 2px 5px;
}