/* here you go, IE - http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ */
@font-face 		{ font-family:DinPro; src: url('/DINPro-Regular.eot'); }
@font-face 		{ font-family:DinProBold; src:url('/DINPro-Bold.eot'); }
/* Opera, FF */
@font-face 		{ font-family:DinPro; src: url('/DINPro-Regular.eot'); src: local('DINPro-Regular Regular'), local('DINPro-Regular'), url('/DINPro-Regular.otf') format('opentype'), url('/DINPro-Regular.svg#DINPro-Regular') format('svg'); }
@font-face 		{ font-family:DinProBold; src: url('/DINPro-Bold.eot'); src: local('DINPro-Bold Regular'), local('DINPro-Bold'), url('/DINPro-Bold.otf') format('opentype'), url('/DINPro-Bold.svg#DINPro-Bold') format('svg'); }

body			{ background:url('/i/bg.jpg') repeat-x #ffffff; background-position:top center; padding:10px 50px 50px 50px;
			font-family:Arial1,Tahoma,sans-serif; color:#000000; font-weight:normal; font-size:1.0em; }
                	
form			{ margin:0px 0px 0px 0px; }	
input, textarea		{ font-family:Tahoma; font-size:1.1em; border-width:2; padding-left:2px; 
			background:#eeeeee; }
select 			{ font-family:Tahoma; font-size:1.1em; }
.but 			{ font-size:1.1em; font-weight:bold; cursor:hand; 1text-transform: capitalize; padding:2px 30px 2px 30px; height:30px;
			border-width:1px; background:url('/i/input_bg.gif') repeat-x #ffffff; background-position:center center; 
			text-transform:uppercase; font-family:DinProBold,Tahoma,sans-serif; }

fieldset		{ border:1px solid #97979A; padding:10px; margin:10px 0px 10px 0px; }
                	
ul li 			{ list-style-type:square; list-style-position:outside; }

p 			{ text-indent: 2.5em; }
hr			{ height:1px; color:#B2B2B2; margin:10 0 10 0; background-color:#B2B2B2; border-width:0px; }
h1, h2, h3, h4		{ font-family:DinProBold,Tahoma,sans-serif; color:#4D79B6; text-transform:uppercase; }
                	
a:link 			{ font-weight:bold; color:#4D79B6; text-decoration:underline; }
a:visited 		{ font-weight:bold; color:#4D79B6; text-decoration:underline; }
a:hover 		{ font-weight:bold; color:#5f6c9a; text-decoration:underline; }

/* =================== */

#header			{ height:140px; display:block; clear:both; }

#content		{ white-space:none; width:100%; text-align:justify; }
#right			{ }
#bottom			{ width:100%; border-top:1px solid #dddddd; background:#ffffff; padding-top:30px; font-family:DinProBold,Tahoma,sans-serif; font-size:1.8em; text-align:center; letter-spacing:-1; }
#bottom	h3		{ display:inline; }

#contenttext		{ text-align:justify; }
#contenttext img 	{ border:1px solid; }
#contenttext #slider img{ border:none; }

#contenttext h1, #contenttext h2, #contenttext h3, #contenttext h4	
			{ text-transform:uppercase; letter-spacing:-3; margin:0px 0px 20px 0px; word-spacing:0.2em; }
#contenttext h3, #contenttext h4		
			{ letter-spacing:-1;  }
			
.logo			{ display:block; float:left; width:30%; height:100px; }
.logo div		{ position:absolute; top:-20px; left:0px; }
.slogan			{ display:block; float:right; width:40%; height:100px; font-family:DinProBold,Tahoma,sans-serif; letter-spacing:-1; }
.slogan div		{ margin-top:25px; text-align:left; }
.slogan h1		{ color:#000000; text-transform:none; font-size:14pt; line-height:1.2em; }

.nav			{ 1border:1 solid; font-family:DinProBold,Tahoma,sans-serif; font-size:1.4em; letter-spacing:-2; text-transform:uppercase; 
			text-align:center; }
.nav div		{ 1border:1 solid; }
.nav a			{ display:inline; border:1px solid #aaaaaa; padding:3px 10% 3px 10%; margin-right:10px; 
			-moz-border-radius:6px; border-radius:6px; background:#ffffff; }
.nav a:hover		{ background:#4D79B6; border:1px solid #4D79B6; color:#ffffff; text-decoration:none; }
.nav a.active		{ background:#7A96C6; border:1px solid #7A96C6; color:#ffffff; text-decoration:none; }

.nav2			{ margin-top:20px; line-height:1.6em; text-align:center; }
.nav2 h2		{ letter-spacing:-3 !important; }

.news			{ display:block; width:100%; margin-bottom:30px; text-align:justify; }
.ndate			{ background:#7A96C6; padding:0px 4px 0px 4px; color:#ffffff; }
.ntext			{ text-align:justify; }
	
.tab 			{ border-collapse:collapse; margin-top:20px; }
.tab thead td		{ color:#000000; background:#eeeeee; border-bottom:none; font-weight:bold; }
.tab td			{ padding:5px; border-bottom:1px solid #eeeeee; }
.tab .c			{ background:#eeeeee; }

.video embed, .video object 	{ border:8px solid #dddddd; -moz-border-radius:10px; border-radius:10px; margin:20px 0px 20px 0px; }
		
.toggle			{ line-height:160%; }
.toggle:link		{ border-bottom:1px dashed #4D79B6; color:#4D79B6; text-decoration:none; }
.toggle:visited		{ border-bottom:1px dashed #4D79B6; color:#4D79B6; text-decoration:none; }
.toggle:hover		{ border-bottom:1px dashed #4D79B6; color:#4D79B6; text-decoration:none; }

.pY			{ font-family:DinProBold,Tahoma,sans-serif; font-size:1.6em; display:block; }
.portfYear		{ margin:10px 0px 0px 0px; }
.portfYear p 		{ text-indent:0.0em; }
.portfYear h3		{ font-family:none; }

.portDesign .pDesPic	{ border:0px solid; width:200px; height:200px; overflow:hidden; float:left; margin:0px 10px 10px 0px; 
			text-align:center; display:table-cell; vertical-align:middle; }
.portDesign .pDesPic .highslide img { border-width:0px !important; }
.portDesign .pDesPic .highslide:hover img { border-width:0px !important; }

.price			{ font-size:1.6em; font-family:Tahoma,sans-serif; font-weight:bold; letter-spacing:-1; line-height:1.0em; }
input.price		{ text-align:right; padding:0px 3px 0px 3px; }
.tel			{ font-size:1.5em; letter-spacing:-1; font-weight:normal; }
.new			{ background:#ff0000; font-size:0.8em; color:#ffffff; padding:0px 3px 0px 3px; }
.alpha			{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; }

.gray			{ font-size:11px; color:#999999; }
.gray a			{ color:#999999; }
.gray a:link		{ color:#999999; }
.gray a:visited		{ color:#999999; }

.highslide img 		{ border-width:1px !important; }
.highslide:hover img 	{ border-color:#7A96C6 !important; border-width:1px !important; }

/* image replacement */
.graphic, #prevBtn, #nextBtn	{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
/* Easy Slider */
#container		{ text-align:center; width:100%; }	
#sliderD1		{ margin:0 auto; width:800px; position:relative; }
#slider			{ border:1px solid silver; border-radius:12px; -moz-border-radius:12px; background:url('/i/1dot_halftone.png'); }
#slider	a img		{ border:none; }
#slider ul, #slider li	{ margin:0; padding:0; list-style:none;	}
#slider li		{ 
			/* 
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here
			*/ 
			width:800px; height:300px; overflow:hidden; 
			}	
#prevBtn, #nextBtn	{ display:block; width:30px; height:60px; position:absolute; left:-30px; top:120px; }	
#nextBtn		{ left:801px; }														
#prevBtn a, #nextBtn a	{ display:block; width:30px; height:60px; background:url('/i/btn_prev.png') no-repeat 0 0; }
#nextBtn a		{ background:url('/i/btn_next.png') no-repeat 0 0; }
/* // Easy Slider */

.textwrapper		{ width:800px !important; }
.highslide-heading	{ font-size:1.6em !important; font-family:DinProBold !important; }
.highslide-header	{ height:40px !important; }

#FormOrder h3		{ margin:0px; }
#FormOrder .d1		{ width:45%; float:left; margin-right:20px; }
#FormOrder .d2		{ width:45%; float:left; margin-right:20px; }

<!-- 
#4D79B6- ρθνθι
-->
