/* Styles ----------------------------------------------------------------------------------------------------------------------------------- */
body { position: relative; text-align: left; margin: 0; padding: 0; font:65% "trebuchet ms", "Lucida Grande", Helvetica, Arial, sans-serif; color: #606060; background-color: #F2F2F2; background-image: url("../assets/assets/home_bg2.jpg"); background-position: top left; background-repeat: repeat-x; }
p { font-size: 1.2em; font-weight: normal; text-decoration: none; line-height: 1.8em; color:#666666; margin: 0; padding: 0 0 .6em 0; }
h1 { font-weight: normal; font-size: 1em; padding: 0; margin:0; color: #333333; }
h2 { font-weight: normal; font-size: 1.9em; padding: .1em 0 0.6em 0; margin: 0; color: #333333; }
h3 { font-weight: normal; font-size: 1.4em; padding: 0 0 0.2em 0; margin: 0; color: #FF0000; }
h4 { font-weight: normal; font-size: 1.2em; font-style: oblique; line-height: 1.6em; padding: .5em 0 0.6em 0; margin: 0; color: #666666; }
h5 {
	font-weight: normal;
	font-size: 1.7em;
	padding: .1em 0 0.6em 0;
	margin: 0;
	color: #666666;
}
.clear { clear: both; }
.sep { color: #FF0000; padding: 0; margin: 0 0 14px 0; border-bottom-color: #FF0000; border-bottom-width: 2px; border-bottom-style: dotted; }
ul { margin: 2px 0 10px 20px; padding: 0; list-style-position: outside; list-style-type: none; list-style-image: url("/images/li.gif"); }
li { color:#626262; margin: 0; padding: 0 0 0.4em 0; }
.float-left { float: left; }
.float-right { float: right; }


/* Styles pics ------------------------------------------------------------------------------------------------------------------------------ */
img { padding: 0; border: 0; vertical-align: middle; }
#variation { float: left; width: 884px; height: 270px; padding: 0; margin: 0 0 18px 0; }
.variation { float: left; width: 884px; height: 270px; padding: 0; margin: 0 0 18px 0; }
.pictureframe { float: left; border: 1px solid #CCCCCC; padding: 1px; margin:0; background-color: #EEEEEE; }
.pictureframe-mark { float: right; border: 1px solid #CCCCCC; padding: 1px; margin:0 0 0 60px; background-color: #EEEEEE; }
.pictureframe-articles { float: left; border: 1px solid #CCCCCC; padding: 2px; margin: 11px; background-color: #EEEEEE; }
.pictureframe-onlinearticles { float: right; border: 1px solid #CCCCCC; padding: 1px; margin:0 0 20px 45px; background-color: #EEEEEE; }
/* Styles links ----------------------------------------------------------------------------------------------------------------------------- */
p a:link, a:visited { color: #FF0000; text-decoration: none; padding: 0 0 0 0; margin: 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
p a:hover, a:active { color: #FF0000; text-decoration: none; padding: 0 0 0 0; margin: 0; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
/* Styles structure-divs--------------------------------------------------------------------------------------------------------------------- */
#all { margin: 0 auto; padding: 0; width: 930px; }
#top { position: relative; float: left; width: 930px; /*hight: 100px;*/ padding: 0; margin: 0; background-image: url("../assets/assets/top_bg.gif"); background-position: bottom left; background-repeat: no-repeat; }
#bottom { position: relative; width: 930px; clear: both; margin: 0; padding: 22px 0 0 0; background-image: url("../assets/assets/bottom_bg.gif"); background-position: top left; background-repeat: no-repeat; }
#main { position: relative; width: 888px; background-color: #ffffff; padding: 5px 20px 20px 20px; margin: 0; float: left; border-right: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; }

#validator { position: relative; float:right; width: 930px; clear: both; margin: 0; padding: 1px 5px 5px 0; }
/* Styles structure-divs--------------------------------------------------------------------------------------------------------------------- */
#material { width: 888px; float: left; padding: 0; margin: 0; }
#material_photography { width: 888px; clear:left; padding: 0; margin: 0; }
#material_articles { width: 888px; float: left; padding: 0; margin: 0; }
#material_col_l { width: 350px; float: left; padding: 0; margin: 0; }
#material_col_r { width: 490px; float: right; padding: 0; margin: 0; }
#material_col_r_index { width: 370px; float: left; padding: 0; margin: 0; }
.material_col_r_left { position: relative; width: 220px; float: left; padding: 0; margin: 0; }
.material_col_r_right { position: relative; width: 270px; float: right; padding: 0; margin: 0; }
#left { width: 430px; float: left; margin: 0; }
#right { width: 430px; float: right; padding: 0; margin: 0; }
#submenu-left { width: 560px; float: left; margin: 0; }
#submenu-right { width: 300px; float: right; padding: 0; margin: 0; }
/* Styles top sub divs----------------------------------------------------------------------------------------------------------------------- */
#logo { position: relative; float: left; width: 930px; padding: 20px 0 20px 0; margin: 0; background-image: url("../assets/assets/tungate-logo.jpg"); background-position: center; background-repeat: no-repeat; }
#block { position: relative; float: right; width: 256px; height: 103px; margin: 0; padding: 8px 0 0 0; text-align: right; }
/* Styles menu------------------------------------------------------------------------------------------------------------------------------- */
#menu { margin: 0; float: left; padding: 0 0 18px 24px; position: relative; width: 930px; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { margin: 0 5px 0 0; padding: 0; display: block; float:left; text-align: center; line-height: 1.5em; font-size: 1.1em; }
#menu ul li a { color : #FBFBFB; text-decoration : none; font-weight: normal; border-style:none; background-image:url(../assets/assets/tab.jpg); background-repeat: repeat-x; }
#menu ul li a:link, #menu ul li a:visited { /*background-color: #666666;*/ display: block; padding: 6px 22px 6px 22px; }
#menu ul li a:hover { color : #101417; /*background-color: #FFFFFF;*/ display: block; padding: 6px 22px 6px 22px }
#menu ul li.active a { color : #101417; background-image:url(../assets/assets/tab-selected.jpg); background-repeat: repeat-x; display: block; padding: 6px 22px 6px 22px }
/*.selected {background-image:url(assets/tab-selected.jpg); background-repeat: repeat-x; }*/
/* Styles submenu------------------------------------------------------------------------------------------------------------------------------- */
#submenuwrap { position:absolute; left: 634px; top:290px; width: 300px; float: right; padding: 0; margin: 0; }
#submenu { margin: 0; float: right; padding: 0 0 18px 0; position: relative; width: 300px; }
#submenu ul { margin: 0; padding: 0; }
#submenu ul li { margin: 0 5px 0 0; padding: 0; text-align:right; line-height: 2em; font-size: 1.1em; }
#submenu ul li a { /*color : #FFFFFF;*/ text-decoration : none; font-weight: normal; font-size: 1.9em; border-style:none; }
#submenu ul li a:link, #submenu ul li a:visited { display: block; padding: 6px 35px 6px 22px; color: #333333; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #333333; background-image:url(../assets/assets/pencil-menu-black.png); background-position:right; background-repeat: no-repeat;}
#submenu ul li a:hover { color : #FF0000; display: block; padding: 6px 35px 6px 22px; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #FF0000; background-image:url(../assets/assets/pencil-menu.png); background-position:right; background-repeat: no-repeat; }
#submenu ul li.active a { color : #FF0000; display: block; padding: 6px 35px 6px 22px; border-bottom-color: #FF0000; background-image:url(../assets/assets/pencil-menu.png); background-position:right; background-repeat: no-repeat;}


.stuff { padding: 0; margin: 0; }
.date { position: relative; float: right; padding: 0 5px 0 0; margin: 4px 20px 0 0; background-image: url("../assets/assets/pencil.gif"); background-position: top left; background-repeat: no-repeat; width: 80px; height: 50px; text-align: center; }
p.month { margin: 0; padding: 8px 0 0 35px; color: #707274; text-transform: uppercase; font-family: georgia; line-height: .95em; }
p.year { margin: 0; padding: 0 0 0 52px; color: #707274; font-family: georgia; line-height: .95em; font-size: 2.0em; }
#photography { width: 888px; position: relative; float: left; margin: 0; padding: 10px 0 0 0; }
.smallpics { position: relative; float: left; padding: 1px; margin: 0 9px 9px 0; background-color: #CCCCCC; border: 6px solid #DDDDDD; left: -1px; top: -5px; }
.smallpics-photography { position: relative; float: left; padding: 3px; margin: 0 10px 13px 0; background-color: #FFFFFF; border: 8px solid #DDDDDD; }
.box {
	background-color: #F2F2F2;
	color: #fff;
}
.boxtop { background: url("../assets/assets/box-top-right.gif") no-repeat top right; }
.boxbottom { background: url(../assets/assets/box-bottom-right.gif) no-repeat top right; }
img.roundedcorner { width: 15px; height: 15px; border: none; display: block !important; }
.box-data { padding: 0 12px 0 12px; margin: 0; }
.box-data h2 { padding: 0 0 .6em 0; }
/* Styles Mark------------------------------------------------------------------------------------------------------------------------------- */
#mark ul { margin: 0px 0px 0px 15px; list-style-type: disc; font-size: 1.3em; list-style-image: url("../assets/assets/bullet.gif"); }
#mark li { color:#626262; margin: 0; padding: 0 0 0.4em 0; }
#mark ul li a { /*background-color: #FFFFFF;*/ color : #666666; text-decoration : none; font-weight: normal; border-style:none; }
#mark-blog ul { margin: 0px 0px 0px 15px; list-style-type: disc; font-size: 1.3em; list-style-image: url("../assets/assets/bullet.gif"); }
#mark-blog li { color:#626262; margin: 0; padding: 0 0 0.4em 0; }
#mark-blog ul li a { color: #FF0000; text-decoration: none; padding: 0 0 0 0; margin: 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
#mark-blog a:link, a:visited { color: #FF0000; text-decoration: none; padding: 0 0 0 0; margin: 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
#mark-blog a:hover, a:active { color: #FF0000; text-decoration: none; padding: 0 0 0 0; margin: 0; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
#about td { text-align:center; font-size: 0.9em; padding-left: 20px; }
#contact { background-image: url(../assets/variations/variation-contact_bottom.png); background-position: top right; }
#material p { text-align:justify; font-size: 1.4em }
#material h2 {color:#FF0000}
#material h4 {font-size: 1.4em; font-weight:bold; margin-bottom: 1.4em }
#articles h3 {font-size: 1.5em; margin-top: 1.8em; margin-bottom: 0.7em }
#books h2 {color:#FF0000}
#books h4 {font-size: 1.4em }
#books p { text-align:justify; font-size: 1.4em }
#books ul {font-size: 1.4em; line-height:1.7em; list-style-image: url("../assets/assets/bullet.gif"); }
/* Styles Bottom----------------------------------------------------------------------------------------------------------------------------- */
#bottom p { font-size: 1.1em; padding: 4px 8px 4px 4px; margin: 0; color: #A2A5A8; text-align: right; border-bottom:none; }
#bottom a:link, #bottom a:visited { font-size: 1em; font-weight: normal; text-decoration: none; color: #999999; border-bottom:none; }
#bottom a:hover, #bottom a:active { text-decoration: underline; color: #333333; border-bottom:none; }
/* Styles Validator-------------------------------------------------------------------------------------------------------------------------- */
#validator p { font-size: 1.1em; padding: 1px 2px 4px 1px; line-height:0.8em; margin: 0; color: #A2A5A8; text-align: right; border-bottom:none; }
#validator a:link, #validator a:visited { font-size: 1em; font-weight: normal; text-decoration: none; color: #0099FF; border-bottom:none; }
#validator a:hover, #validator a:active { text-decoration: underline; color: #0099FF; border-bottom:none; }
/* Styles Volonta-------------------------------------------------------------------------------------------------------------------------- */
#volonta p { font-size: 1.1em; padding: 1px 2px 4px 1px; line-height:0.8em; margin: 0; color: #F2F2F2; text-align: right; border-bottom:none; }
#volonta a:link, #volonta a:visited { font-size: 1em; font-weight: normal; text-decoration: none; color: #F2F2F2; border-bottom:none; }
#volonta a:hover, #volonta a:active { text-decoration: underline; color: #F2F2F2; border-bottom:none; }
/* Styles Submenu-------------------------------------------------------------------------------------------------------------------------- */
#sub-submenu ul { margin: 0px 0px 0px 15px; /*list-style-type: disc;*/ font-size: 1.4em; /*list-style-image: url("assets/bullet.gif");*/ }
#sub-submenu li { margin: 0; padding: 0 0 0.4em 0; text-align: right; }
#sub-submenu ul li a { text-decoration: none; padding: 0; margin: 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
#sub-submenu ul li a:link, a:visited { color: #333333; text-decoration: none; padding: 0; margin: 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
#sub-submenu ul li a:hover { color: #FF0000; text-decoration: none; padding: 0; margin: 0; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
#sub-submenu ul li.active a { color: #FF0000; text-decoration: none; padding: 0; margin: 0; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #FF0000; }