/****
* Website design and CSS style by Artis . design studio (www.goartis.com)
****/

/*reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
 
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }
/*end reset*/

body { background:no-repeat fixed left top; font-family: "Droid Sans", Myriad Pro, Lucida, sans-serif; color: #e0e7e0; font-size:13px; }

h1, h2, h3, h4 { font-family:"Arvo", Rockwell, Courier, "Courier New", mono;
}

h1 { color:#e5f1f5; font-size:32px; line-height:32px;  text-shadow: #383838 1px 1px 1px; letter-spacing:-1px; vertical-align:bottom; display:table-cell; }
h2 { color:white; font-size:24px; line-height:30px; margin-bottom:5px; }
h3 { color:#e0e7e0; font-size:16px; line-height:18px; margin:15px 0 10px; }
h4 { color:#e0e7e0; padding-bottom:6px; font-size:14px; line-height:16px; }

a { color:white; text-decoration: underline;
	padding: 0 2px;
}
a:hover { text-decoration:none; color:white;
	background-image: url(img/bg_black.png);
}

#wrapper { margin:0; width:100%; text-align:left; position: relative; }

header { width:320px; height:500px; margin:15px 35px; position:fixed;
}

.logo { float:left; border:none; margin-right:15px; }

.pagetitle { margin:5px 0 30px; width:170px; height:120px;
	display:table;	
}

.divline { height:10px; width:320px; border-bottom: 1px solid white; opacity: 0.5; margin-bottom: 15px;}

/* navigation */
.navico, .navise { float: left; font: 16px/18px "Arvo", Rockwell, Courier, "Courier New", mono; }
.navico { width:135px; margin-right:10px; }
.navise { width:165px; }

.navico ul, .navise ul { list-style-type: none; }
.navico li a, .navise li a { display:block; overflow:hidden; margin-bottom: 5px; text-decoration: none; padding:2px 5px 4px 5px; }
.navico li a { width:125px; }
.navise li a { width:160px; }

.navico li a:hover, .navise li a:hover { background:url(img/navi_hover.png) right bottom;
}
.navi_current { display:block; overflow:hidden; width: 150px; margin-bottom: 5px; text-decoration: none; padding:2px 5px 5px 5px;
	color: #bbcfcf;
}

.topnavi { color: #c0c9c9; text-align: right; padding: 10px 0 7px; line-height:14px; font-size:12px; letter-spacing: 1px; position: fixed; top:0; right:10px; }

.topnavi a:link { color: #c0c9c9; text-decoration: none; }

.topnavi a:hover, .footer a:hover, .ddcontent a:hover { color:white; text-decoration:none; border-bottom: 1px dotted white; background-image:none; }

/*end navigation*/

#container { width:505px; text-align:left; color: white; font-size:13px; line-height:18px; position:relative; left:390px;
}

#maincontent a { color: #c4dce2; text-decoration: underline; }

footer { color: black; font-size:11px; line-height:14px; opacity:0.7; width:320px; padding-top:10px; border-top: 1px dotted #141c20; margin-top:25px;
}

footer p { margin:4px 0; }

footer a, .ddcontent a { color: black; text-decoration: none; margin-right: 7px; }

footer ul li { width:16ex; float:left; padding-right:8px; }

/* sections */
.section, .mainsection, .portfolio { width:500px; line-height:18px; margin: 30px 0 0; background: url(img/portbg.png) repeat right top; padding:20px 30px; min-height:500px; }

.mainsection { position:absolute; }

.portfolio { color: #e0e7e0; line-height:18px; }
	
.outer { z-index:20; position:absolute; width:505px; margin-right: auto; margin-left: auto; text-align: left; }

.important { z-index:90 !important; }

.viewer { width: 470px; height: 370px; padding: 5px 0 0; }

.thumbs { width:320px; }
.thumbs img { width:30px; height:30px }
.thumbs a:link img { border: 1px solid #fff; margin: 0 5px 5px 0; }
.thumbs a:hover img { border: 1px solid #141c20; }
.thumbs a:link, .thumbs a:hover { background-image: none;
padding: 0; }

.backtotop, .backtotop a { font-size: 11px; text-align: right; text-decoration: none; }

.hdrfeature { position: absolute; bottom: 33px; left: 520px; width: 410px; }

.hilites { color: #c0c9c9; text-transform: uppercase; border-top: 1px dotted #c0c9c9; border-left: 1px dotted #c0c9c9; left: 130px; top: 570px; padding: 0 30px 0 10px; position: absolute; height: 20px; font-size: 14px; line-height: 14px; }

.ecolist { line-height:20px; border: 1px dotted #fff; padding: 10px; background-image:url(img/bg-black.png);
}

.featuredbox { line-height:20px; border-top: 1px dotted #fff; padding: 10px 0;
}

.footerlist { border-top: 1px dotted #141c20; margin: 10px 0 20px 0; padding-top:10px; }

.dotdivider { border-top: 1px dotted #141c20; margin: 7px 0; }

.clear { clear:both; }

.btmspacer { height:500px; }

/* google translate */
.google_translate { position:fixed; right:0; bottom:0; float:right; }

/* form styles */
.formstyle { text-align: left; color: #9f947e; width:400px; margin-left:20px; margin-top:30px; font-size: 12px; line-height: 18px; }

input, textarea, select { border:1px solid #b4c2d3; font-size:11px; line-height: 16px; margin:0 5px 7px 0; background:transparent url(img/bg-whiter.png); }
input, textarea { color:white; }
select { color:#000 }

.button { text-align:center; border: 1px solid #b4c2d3;; margin-top: 5px; font-size: 12px; line-height: 18px; background-image: url(img/bg-black.png);
	color: #b4c2d3; background-color: transparent; padding: 0 5px; margin-right: 5px;
}

.tel-link a:link, .tel-link a:hover { text-decoration:none; }

/* news */
.featured { color: #9c9e9e; font-size: 12px; line-height: 18px; text-align: left; border-top: 1px dotted silver; border-bottom: 1px dotted silver; margin-top: 30px; list-style-image: url(img/bullet_artis.gif); }

/* dropdown panel */
.ddpanel .ddpanelcontent { /*CSS for "content" DIV of Drop Down Panel*/
color: #c0c9c9; font-size: 13px; line-height: 18px; background: url(img/topgrad_artis.png) 0 bottom; }

.ddcontent { background: url(img/topgradin_artis.png) repeat-x 0 top; padding: 15px; }
.ddcontent p { float:left; margin-right:20px; }
.ddcontent a { color:#c0c9c9; }
.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px; line-height: 24px; font-size: 12px; visibility: hidden; }

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right; color: white; text-decoration: none; letter-spacing: 1px; }

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left; display: block; padding: 1px 12px 4px 13px; cursor: pointer; }

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

/* scrolling sections */
#extop { top:0; }
#excont { top:1000px; }
#ex01 { top:2000px; }
#ex02 { top:3000px; }
#ex03 { top:4000px; }
#ex04 { top:5000px; }
#ex05 { top:6000px; }
#ex06 { top:7000px; }
#ex07 { top:8000px; }
#ex08 { top:9000px; }
#ex09 { top:10000px; }
#ex10 { top:11000px; }
#ex11 { top:12000px; }
#ex12 { top:13000px; }
#ex13 { top:14000px; }
#ex14 { top:15000px; }
#ex15 { top:16000px; }
#ex16 { top:17000px; }

/* backgrounds */
#a_home { background:#3BA000 url(img/bkgd_green_artis.jpg) no-repeat fixed left top; }
#a_news { background:#41A700 url(img/bkgd_sparks1_artis.jpg) no-repeat fixed left top; }
#a_about { background:#AB1864 url(img/bkgd_fucsia_artis.jpg) no-repeat fixed left top; }
#a_brand { background:#5E80AD url(img/bkgd_alpsblue_artis.jpg) no-repeat fixed left top; }
#a_print { background:#9AD3C2 url(img/bkgd_cyan_artis.jpg) no-repeat fixed left top; }
#a_web { background:#F6F0DF url(img/bkgd_alps_artis.jpg) no-repeat fixed left top; }
#a_illu { background:#A17F0D url(img/bkgd_ochre_artis.jpg) no-repeat fixed left top; }
#a_freel { background:#A0A003 url(img/bkgd_metro_artis.jpg) no-repeat fixed left top; }
#a_eco { background:#61C202 url(img/bkgd_ecogreen_artis.jpg) no-repeat fixed left top; }
#a_links { background:#B0AB00 url(img/bkgd_ochrelink_artis.jpg) no-repeat fixed left top; }
#a_pay { background:#A0A003 url(img/bkgd_metro_artis.jpg) no-repeat fixed left top; }