f/* ---------------- RESET ---------------------*/

img {

	border: none;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}





/* ---------------- GENERAL ------------------ */

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}



#container {

	width: 960px;

	margin: 0 auto;

}

.clear {

	clear: both;

	margin: 0;

}

.searchInfo {

	font-size: 12px;

}













/* ---------------- H ------------------ */

h2 {

	font-size: 22px;

}

#sidebar h2 {

	font-size: 30px;

}

p, span {

	font-size: 13px;

	line-height: 1.7em;

}











/* ---------------- HEADER ------------------ */

#header {

	width: 960px;

}

#logo {

	float: left;

	display: inline;

}

#contact {

	float: right;

	display: inline;

	text-align: right;

	font-size: 15px;

	margin: 20px 20px 0 0;

	line-height: 1.3;

}

/* search */

#search {

	float: right;

	display: inline;

	margin: 13px 13px 0 0;

}

#search-submit {

	display: none;

}

.defaultText, .defaultTextActive {

	border: none;

	padding: 7px;

	font-size: 15px;

	width: 150px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}











/* ---------------- FOOTER ------------------ */

#footer {

	clear: both;

	margin: 0 0 30px 0;

	width: 960px;

	height: 80px;

}

.leftFooter {

	padding: 15px 0 0 15px;

	font-size: 12px;

	float: left;

	display: inline;

}

.rightFooter {

	padding: 16px 15px 0 0;

	font-size: 12px;

	float: right;

	display: inline;

}

.leftFooter hr {

	width: 220px;

}

.rightFooter hr {

	width: 90px;

}













/* ---------------- HOME ------------------ */

.line {

	width: 960px;

	height: 3px;

	margin: 20px 0;

	background: url(../images/line.png) no-repeat;

}

/* flash */

#cu3er-container {

	width: 960px;

}

#flashShadow {

	width: 960px;

	height: 40px;

	background: url(../images/shadow.png) center top no-repeat;

}

/* news */

.newsBox {

	width: 300px;

	float: left;

	display: inline;

	margin-left: 15px;

}

.newsBoxImage {

	width: 300px;

	height: 170px;

}

#content .newsBoxTitle .newsH2 {

	font-size: 32px;

	padding: 0 15px;

	margin: 10px 0 5px 0;

}

.newsBoxText {

	font-size: 12px;

	padding: 0 15px 15px 15px;

}



/* imageList */

ul#imageList li {

	margin-left: 15px;

	width: 110px;

	height: 110px;

	float: left;

	display: inline;

	padding: 5px;

}

.thumbGalleryItem  {

	width: 110px;

	height: 110px;

}

















/* ---------------- SUB PAGE ------------------ */

#wrapperFull, #wrapperShort, #wrapperLong {

	overflow: hidden;

	padding: 20px 20px 20px 20px;

}

#pageName {

	padding: 20px;

}

#pageName h2, #pageName.rightLong h2 {

	font-size: 24px;

}

#pageName.containerLong h2 {

	width: 300px;

}

#pageName.rightLong h2 {

	float: right;

}

#pageName.containerLong {

	height: 100px;

}

.blog .longImg, .blogLeft .longImg {

	width: 610px;

	height: 300px;

	position: absolute;

	top: 200px;

}

.longImg {

	width: 610px;

	height: 300px;

	position: absolute;

	top: 160px;

}



.longImg2 {

	width: 610px;

	height: 300px;

	float: left;

	margin: 0 20px 15px 0;

}

/* short content */

#wrapperShort #content, #wrapperLong #content {

	width: 610px;

	float: left;

	display: inline;

}

#wrapperLong #content {

	margin-top: 180px;

}





















/* ---------------- GALLERY ------------------ */

.galleryRightS {

	float: left;

}

.gallery_image {

	width: 300px;

	height: 170px;

}

.gallerySidebar {

	width: 610px;

}

/* gallery 1 */

ul.galleryItem1 {

	display: block;

	overflow: hidden;

}

ul.galleryItem1 li {

	width: 300px;

	float: left;

	display: inline;

	margin: 0 10px 20px 0;

}

ul.galleryItem1 li p {

	margin-top: 7px;

	font-size: 12px;

}

ul.galleryItem1 li.ginm {

	margin: 0 0 20px 0;

}

ul.galleryItem1 li a.button {

	margin-top: 5px;

}



/* gallery 2 */

ul.galleryItem2 li {

	width: 900px;

	float: left;

	display: inline;

	margin: 0 0 20px 0;

}

ul.galleryItem2 li .gallery_image {

	float: left;

	margin-right: 20px;

}

ul.galleryItem2 li .desc {

	width: 580px;

	float: left;

}

ul.galleryItem2 li p {

	margin-top: 7px;

	font-size: 12px;

}



/* gallery 3 */

ul.galleryItem3 {

	display: block;

	overflow: hidden;

}

	

ul.galleryItem3 li {

	list-style:none;

	float:left;

	width: 300px;

	height: 170px;

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

}



ul.galleryItem3 li a {

	display: block;

	position: relative;

	overflow: hidden;

	width: 280px;

	height: 150px;

	font-size: 30px;

	padding: 10px;

}

ul.galleryItem3 li img {

	width: 300px;

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

	padding: 0;

	z-index: 100;

}



ul.galleryItem3 li.ginm {

	margin-right: 0;

}



















/* ---------------- BLOG ------------------ */

/* subnav right */

.blog #wrapperLong #content, .blogLeft #wrapperLong #content {

	margin-top: 205px;

}

#wrapperLong #content {

	margin-top: 180px;

}

.blogLeft #postInfoBg, .blog #postInfoBg {

	padding: 10px;

	margin-top: 10px;

}

#wrapperLong #postInfoBg {

	margin-top: 0;

	position: absolute;

	top: 160px;

	width: 590px;

}

.blog .containerLong #postInfoBg {

	float: right;

}

.containerLong #postInfoBg {

	padding: 5px 10px 10px 10px;

	width: 275px;

}

.blog .postInfo {

	font-size: 12px;

	float: left;

	display: inline;

	padding-right: 7px;

	margin: 0 7px 0 0;

}

.blog .postInfo img {

	padding-right: 5px;

}

.blog .postImage {

	float: left;

	margin-right: 20px;

}

.blog a.button {

	float: left;

	margin: 10px 0 0 0;

}

.blog ul#pagination {

	float: left;

}

/* subnav left */

.blogLeft h3 {

	text-align: right;

}

.blogLeft .postInfo {

	font-size: 12px;

	float: right;

	display: inline;

	border-right: none;

	padding-left: 7px;

	padding-right: 0;

	margin: 0 0 0 7px;

}

.blogLeft .postInfo img {

	padding-right: 5px;

}

.blogLeft .postImage {

	float: right;

	margin-right: 0;

}

.blogLeft a.button {

	float: right;

	margin: 10px 0 0 0;

}

.blog a.buttonPad, .blogLeft a.buttonPad {

	margin: 10px 0 0 0;

}

/* subnav long */

.containerLong .postInfo {

	font-size: 12px;

	float: left;

	display: inline;

	border-left: none;

	padding: 0 7px 0 0;

	margin: 5px 7px 0 0;

}

.containerLong .postInfo img {

	padding: 0 5px 0 0;

}

.containerLong .postImage {

	float: left;

	margin: 0 20px 0 0;

}

.containerLong a.button {

	float: left;

	margin: 10px 0 0 0;

}

.containerLong ul#pagination {

	float: left;

}







#colorChanger2 input {

	border: none;

	background: none;

	color: #FFFFFF;

	cursor: pointer;

	font-size: 14px;

	padding: 0;

}

#colorChanger2 p {

	font-size: 10px;

}

#colorChanger2 input:hover {

	background-color: #999999;

}



#logoBg {

	width: 960px;

	height: 80px;

}



/* ---------------- NAVIGATION ------------------ */

/* navigation */

#navigation {

	clear: both;

	width: 950px;

	height: 60px;

	padding-left: 10px;

	display: block;

}

/* root */

ul#dropmenu { position: absolute; z-index: 300; }

ul#dropmenu li { position: relative; float: left; display: inline; }

ul#dropmenu a { display: block; padding: 22px 10px 25px 10px;  }





/* 1+ levels */

ul#dropmenu ul { width: 195px; font-size: 16px; }

ul#dropmenu ul a { padding: 10px; width: 175px; }



/* 1st level */

ul#dropmenu ul { position: absolute; top: 59px; z-index: -4; }



/* 2+ level */

ul#dropmenu ul ul { position: absolute; top: 0; left: 175px; margin: 0 0 0 20px; z-index: -5; }



/* general */

ul.menuhover li:hover ul ul, ul.menuhover li:hover ul ul ul, ul.menuhover li:hover ul ul ul ul, ul.menuhover ul { display: none; }

ul.menuhover li:hover ul, ul.menuhover li li:hover ul, ul.menuhover li li li:hover ul, ul.menuhover li li li li:hover ul { display: block; }







/* ---------------- SUB NAVIGATION ------------------ */



/* sidebar */

#sidebar {

	width: 290px;

	float: left;

	display: inline;

}

.sidebarLeft {

	margin-right: 20px;

}

.sidebarRight {

	margin-left: 20px;

}



/* sub Nav */

.subNav {

	margin-bottom: 20px;

}

ul#sidebar li {

	margin-bottom: 20px;

}

ul#sidebar li li {

	margin-bottom: 0;

	text-align: left;

}

.textwidget {

	text-align: left;

	font-size: 13px;

	line-height: 1.7em;

}



/* sub Nav */

#sidebar ul li {

	text-align: left;

	font-size: 16px;

	padding: 10px 0 10px 10px;

}

#sidebar ul {

	margin-bottom: 20px;

}

#sidebar ul ul {

	margin-top: 10px;

	margin-bottom: 0;

}

#sidebar ul li li {

	border-bottom: none;

	text-align: left;

	font-size: 12px;

	margin-top: 7px;

	padding: 7px 0 0 7px;

	margin-left: 10px;

	background: url(../images/list.png) no-repeat left top;

	background-position: 0 11px;

}













/* ---------------- COLUMNS ------------------ */

/* 1/2 */

.oneHalf, .oneHalfLast {

	width: 450px;

	float: left;

	display: inline;

}

.oneHalf {

	margin-right: 20px;

}



/* 1/3 */

.oneThird, .oneThirdLast {

	width: 293px;

	float: left;

	display: inline;

}

.twoThird, twoThirdLast {

	width: 606px;

	float: left;

	display: inline;

}

.oneThird, .twoThird {

	margin-right: 20px;

}



/* 1/4 */

.oneFourth, .oneFourthLast {

	width: 215px;

	float: left;

	display: inline;

}



.threeFourth, .threeFourthLast {

	width: 685px;

	float: left;

	display: inline;

}

.oneFourth, .threeFourth {

	margin-right: 20px;

}









/* ---------------- HEADERS ------------------ */

#content h1 {

	font-size: 36px;

	margin: 15px 0;

}

#content h2 {

	font-size: 32px;

	margin: 12px 0;

}

#content h3 {

	font-size: 26px;

	margin: 10px 0;

}

#content h4 {

	font-size: 18px;

	margin: 7px 0;

}

#content h5 {

	font-size: 16px;

	margin: 5px 0;

}

#content h6 {

	font-size: 14px;

	margin: 3px 0;

}





/* ---------------- TABLES ------------------ */

tr {

	padding: 5px;

}

th {

	text-align: left;

	font-size: 17px;

	padding: 10px;

}

td {

	font-size: 12px;

	padding: 10px;

}





/* ---------------- LIST ------------------ */

.listText {

	font-size: 14px;

	line-height: 1.5;

}

.bulletList li {

	list-style: disc;

	margin-left: 20px;

}

.numberList li {

	list-style: decimal;

	margin-left: 20px;

}

.letterList li {

	list-style: lower-latin;

	margin-left: 20px;

}

.checkList li {

	list-style-image: url(../images/tick.gif);

	margin-left: 20px;

}

.arrowList li {

	list-style-image: url(../images/arrow.gif);

	margin-left: 20px;

}

.boxList li {

	list-style: square;

	margin-left: 20px;

}





/* ---------------- IMAGES ------------------ */

p img {

	padding: 5px;

}







/* ---------------- PULL QUOTE ------------------ */

.pullQuoteLeft, .pullQuoteRight {

	float: left;

	width: 200px;

	display: inline;

	padding: 5px 10px;

	margin: 3px 0;

	font-size: 14px;

	font-style: italic;

}

.pullQuoteRight {

	float: right;

	border-left: none;

	text-align: right;

}









/* ---------------- HORIZONTAL LINE ------------------ */

hr {

	border: none;

}









/* ---------------- DROP CAP ------------------ */

p span.dropCap1 {

	float: left;

	display: inline;

	font-size: 40px;

	line-height: 30px;

	margin: 8px 8px 0 0;

}

p span.dropCap2 {

	float: left;

	display: inline;

	padding: 10px;

	font-size: 40px;

	line-height: 30px;

	margin: 8px 8px 0 0;

}









/* ---------------- HIDDEN CONTENT ------------------ */

.hiddenContent a, .visibleContent a {

	display: block;

	padding: 5px 10px;

}

.hiddenContent div, .visibleContent div {

	padding: 10px;

}



.hiddenContent span, .visibleContent span {

	font-size: 18px;

	font-weight: bold;

	font-family: "Comic Sans MS", cursive;

}







/* ---------------- PAGINATION ------------------ */

ul#pagination {

	margin-top: 20px;

	float: right;

}

ul#pagination li {

	font-size: 12px;

	float: left;

	display: inline;

	padding: 3px;

}

ul#pagination li.current {

	font-weight: bold;

}









/* ---------------- FORM ------------------ */

#content form {

	margin-right: 20px;

}

#content input[type=text] {

	width: 100%;

	padding: 10px;

	font-size: 16px;

	border: none;

	margin-bottom: 5px

}

#content textarea {

	font-family: Arial, Helvetica, sans-serif;

	width: 100%;

	height: 160px;

	padding: 10px;

	font-size: 16px;

	border: none;

	margin-top: 2px

}

#content input[type=submit], #content button[type=button] {

	padding: 5px;

	font-size: 16px;

	border: none;

	margin-top: 7px;

	cursor: pointer;

}











/* ---------------- BUTTON ------------------ */

a.button {

	padding: 7px;

	font-size: 16px;

	border: none;

	display: inline-block;

}



/* ---------------- CODE TAG ------------------ */

code {

	padding: 3px;

	font-size: 12px;

	line-height: 2.1em;

}







/* ---------------- SHARE ------------------ */

#share {

	margin: 10px 0;

	padding: 10px;

}

#share h4 {

	font-size: 24px;

	float: left;

	margin: 0;

}

#share .sMedia {

	float: right;

	margin-left: 6px;

	padding-top: 6px;

}













/* ---------------- ABOUT AUTHOR ------------------ */

#about {

	padding: 10px;

}

#about img {

	float: left;

	margin-right: 20px;

}

#about h4 {

	font-size: 24px;

}









/* ---------------- COMMENTS ------------------ */

#commentlist h4 {

	font-size: 24px;

	padding: 10px 0 5px 0;

}



/* comment */

ol.commentlist li {

	display: block;

	margin: 20px 0;

}

ol.commentlist li .userPic {

	float: left;

	margin-right: 20px;

	display: inline;

}

ol.commentlist li .userPic p {

	font-size: 10px;

	line-height: 1.2;

	text-align: right;

}

ol.commentlist li .userPic img {

	width: 48px;

	height: 48px;

	padding: 5px;

}

.userComment h5 {

	font-size: 18px;

}

.userComment .reply {

	float: right;

}



/* reply */

ol.commentlist ul li {

	margin: 0;

	padding-bottom: 10px;

}

ol.commentlist ul {

	padding: 20px;

}

ol.commentlist ul ul {

	padding: 20px 20px 10px 20px;

}

















/* ---------------- LEAVE A COMMENT ------------------ */

#leaveComment h4 {

	font-size: 24px;

	padding: 10px 0 5px 0;

}















/* ---------------- SLIDE DOWN ------------------ */

.hiddenSlide div {

	display: none;

}