::selection {
	background: #e25527;
}

a {
	color: #e25527;
}

#gkBg {
	background: url('../images/style1/pattern_bg.jpg') repeat 0 0;
	/*background: url('../images/style1/bottom_bg.png') repeat-x 0 bottom, url('../images/style1/main_bg.jpg') no-repeat center top, url('../images/style1/pattern_bg.jpg') repeat 0 0;*/
}

#gkBg > div {
	background-image: url('../images/style1/main_bg.jpg');
}

#gkBg > div > div {
	/*background-image: url('../images/style1/bottom_bg.png');*/
}

#gkContent {
	-webkit-box-shadow: 0px 1px 3px #c24921;
	-moz-box-shadow: 0px 1px 3px #c24921;
	box-shadow: 0px 1px 3px #c24921;
}

#gkLogo.cssLogo {
	/* You can specify there logo size and background */
background-image: url('../images/style1/logo.png');
}

#gkTopNav:before {
	background-image: url('../images/style1/topmenu_bg.png');
}

#gkTopNav:after {
	background-image: url('../images/style1/topmenu_bg.png');
}

#gkTopNav li a:active,#gkTopNav li a:focus,#gkTopNav li a:hover {
	color: #eb592a;
}

#gkTopNav > a {
	background: #fcda3b;
	color: #353639;
	text-shadow: 0 1px 1px #fff;
}

#gkTopNav > a:hover {
	color: #353639;
	text-shadow: 0 1px 1px #fff;
}

#gkSearch #mod-search-searchword {
	background-color: #ee6934;
	background-image: url('../images/style1/search_bg.png');

	-webkit-box-shadow: 0px 1px 3px #c24921;
	-moz-box-shadow: 0px 1px 3px #c24921;
	box-shadow: 0px 1px 3px #c24921;
}

#gkBreadcrumb .breadcrumbs li.separator {
	background: #f89a4f;
}

#gkTools a:hover {
	border-color: #f89a4f;
}

body > footer {
	background-image: url('../images/style1/footer_bg.png');
}

.box.dark a:hover,.box.dark a:active,.box.dark a:focus {
	color: #e25527 !important;
}

#gkContent .box.color1 h3.header,#gkBottom2 .box.color1 h3.header {
	color: #e25527;
}

.box.color2 {
	color: #ffb69e !important;
}

.box.color2 a {
	color: #e25527 !important;
}

#gkContent .box.color2 {
	background: #e25527;
}

#gkContent .box.color2 a:hover,#gkContent .box.color2 a:active,#gkContent .box.color2 a:focus {
	color: #ffb69e !important;
}

#gkContent .box.border {
	border-color: #e25527;
}

.box.advertisement .header {
	border-bottom-color: #ffb69e;
	color: #ffb69e !important;
}

.box_menu ul li:hover:before {
	background: #353639;
}

.box_menu ul li a:active,.box_menu ul li a:focus,.box_menu ul li a:hover {
	color: #353639;
}

#gkContent .box_menu ul li:hover:before {
	background: #e25527;
}

#gkContent .box_menu ul li a:active,#gkContent .box_menu ul li a:focus,#gkContent .box_menu ul li a:hover {
	color: #353639;
}

.gkColumns > aside .box,.gkColumns > aside .box_menu,.gkColumns > aside .box_text {
	color: #ffb69e;
}

.gkColumns > aside .box a:active,.gkColumns > aside .box a:focus,.gkColumns > aside .box a:hover,.gkColumns > aside .box_menu a:active,.gkColumns > aside .box_menu a:focus,.gkColumns > aside .box_menu a:hover,.gkColumns > aside .box_text a:active,.gkColumns > aside .box_text a:focus,.gkColumns > aside .box_text a:hover {
	color: #353639;
}

#gkTop1,#gkBottom1 {
	color: #e25527;
	font-size: 14px;
}

#gkTop1 a:active,#gkTop1 a:focus,#gkTop1 a:hover,#gkBottom1 a:active,#gkBottom1 a:focus,#gkBottom1 a:hover {
	color: #ffb69e;
}

#gkBottom2 a:active,#gkBottom2 a:focus,#gkBottom2 a:hover {
	color: #e25527;
}

/* menu.css */
.gkMenu > ul {
	background-image: url('../images/style1/menu_bg.png');

	-webkit-box-shadow: 0px 1px 3px #c24921;
	-moz-box-shadow: 0px 1px 3px #c24921;
	box-shadow: 0px 1px 3px #c24921;
}

.gkMenu > ul > li {
	background-image: url('../images/style1/menu_bg.png');
}

.gkMenu > ul > li > a {
	color: #eb592a;
}

.gkMenu > ul div.childcontent:before {
	background-image: url('../images/style1/tabs_arrow.png');
}

.gkMenu > ul div.childcontent li.active > a,.gkMenu > ul div.childcontent li:hover > a,.gkMenu > ul div.childcontent li > a:hover {
	color: #eb592a;
}

.gkMenu > ul div.childcontent header a {
	color: #eb592a;
}

/* joomla.css */
input[type="text"]:focus,input[type="password"]:focus,input[type="url"]:focus,input[type="email"]:focus,textarea:focus {
	background: #fffef4;
}

button,.button,input[type="submit"],input[type="button"],.pagenav-prev a,.pagenav-next a, .pager a {
	background: #e25527;
}

th {
	color: #E25527;
	border-bottom-color: #e25527;
}

article time {
	background: #e25527;
}

article header h1 {
	color: #e25527;
}

article header h2 {
	color: #e25527;
}

.tip-title {
	background: #e25527;
}

#system-message dd {
	border-bottom-color: #f89a4f;
}

.gkColumns > aside div.banneritem {
	border-top-color: #ffb69e !important;
	color: #ffb69e !important;
}

.gkColumns > aside div.bannerfooter {
	border-top-color: #ffb69e !important;
}

.article-index li a:hover {
	color: #e25527;
}

.searchintro {
	color: #e25527;
}

.autocompleter-queried {
	color: #e25527 !important;
}

/* gk_stuff.css */
.gkTab ul.gkTabs li,
 .gkTabsWrap.vertical ol li {
	color: #e25527;
}

#gkBottom1 ul.gkTabs li:hover,#gkTop1 ul.gkTabs li:hover,#gkLeft ul.gkTabs li:hover,#gkRight ul.gkTabs li:hover,
#gkBottom1 .gkTabsWrap.vertical ol li:hover, #gkTop1 .gkTabsWrap.vertical ol li:hover, #gkLeft .gkTabsWrap.vertical ol li:hover,
#gkRight .gkTabsWrap.vertical ol li:hover {
	color: #ffb69e;
}

#gkBottom1 ul.gkTabs li.active,#gkTop1 ul.gkTabs li.active,#gkLeft ul.gkTabs li.active,#gkRight ul.gkTabs li.active,
#gkBottom1 .gkTabsWrap.vertical ol li.active, #gkTop1 .gkTabsWrap.vertical ol li.active, #gkLeft .gkTabsWrap.vertical ol li.active,
#gkRight .gkTabsWrap.vertical ol li.active {
	color: #e25527;
}

.big .gkTab ul.gkTabs li,
.big .gkTabsWrap.vertical ol li {
	background-image: url('../images/style1/tabs_small_icons.png');
}

.big .gkTab ul.gkTabs + .gkArrow div {
	background-image: url('../images/style1/tabs_arrow.png');
}

.nspBotInterface .nspPagination li,.nspTopInterface .nspPagination li,.nspBotInterface .nspPagination li.active,.nspTopInterface .nspPagination li.active {
	background-image: url('../images/style1/nsp_interface.png');
}

.nspBotInterface .nspPrev,.nspTopInterface .nspPrev,.nspBotInterface .nspNext,.nspTopInterface .nspNext {
	background-image: url('../images/style1/nsp_interface.png');
}

#gkContent .color2 .nspHeader a:active,#gkContent .color2 .nspHeader a:focus,#gkContent .color2 .nspHeader a:hover {
	color: #fab995 !important;
}

#gkContent .color2 .nspInfo {
	color: #ffb69e;
}

#gkContent .color2 .nspLinks > div.nspLinkScroll1 > div > ul li {
	border-color: #ffb69e !important;
}

.big .nspArt > div {
	border-bottom-color: #ffb69e;
}

.gkIsWrapper-gk_appsprotech .gkIsPreloader {
	background: #f67c40;
}

@keyframes "preloader" {
 from {
    width: 8px;
   	height: 8px;
   	background: #f67c40;
   	margin: -4px 0 0 -4px;
 }
 to {
    width: 12px;
   	height: 12px;
   	background: #fff;
   	margin: -6px 0 0 -6px;
 }

}

@-moz-keyframes preloader {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

@-webkit-keyframes "preloader" {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

@-ms-keyframes "preloader" {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

@-o-keyframes "preloader" {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

.gkIsWrapper-gk_appsprotech .gkIsPagination:before,.gkIsWrapper-gk_appsprotech .gkIsPagination:after {
	background-image: url('../images/style1/pagination_lines.png');
}

.gkIsWrapper-gk_appsprotech .gkIsPagination > ol li a {
	background: #f67c40;
}

.gkIsWrapper-gk_appsprotech .gkIsPrev,.gkIsWrapper-gk_appsprotech .gkIsNext {
	background-image: url('../images/style1/is_arrows.png');
}

.gkIsWrapper-gk_appsprotech .gkIsText h2 a {
	color: #ffc9b1;
}

/* k2.css */
.k2FeedIcon a,a.k2FeedIcon {
	background-image: url('../images/style1/rss.png');
}

.gkColumns > aside .k2FeedIcon a,.gkColumns > aside a.k2FeedIcon {
	background-image: url('../images/style1/rss_aside.png');
}

ul li.itemResizer a {
	background-image: url('../images/style1/fonts.png');
}

ul li.itemComments a {
	background-image: url('../images/style1/comment.png');
}

ul li.itemComments a:hover {
	background-position: 0 100% !important;
}

.itemSocialSharing {
	border-top-color: #f89a4f;
}

.itemExtraFields {
	border-top-color: #f89a4f;
}

.itemRatingList,.itemRatingList a:hover,.itemRatingList .itemCurrentRating {
	background-image: url('../images/style1/star.png');
}

.itemTags li a,.k2TagCloudBlock a {
	background-color: #f89a4f;
	background-image: url('../images/style1/tags.png');
}

.itemTags li a:hover,.k2TagCloudBlock a:hover {
	background-image: url('../images/style1/tags.png');
}

.itemComments h3 {
	color: #e25527;
}

.k2CalendarBlock table.calendar tr td.calendarToday {
	background: #cb4900;
}

.k2CalendarBlock table.calendar tr td.calendarTodayLinked {
	background: #f47c38;
}

.gkColumns > aside .k2TagCloudBlock a {
	background-image: url('../images/style1/tags_aside.png');
}


.gkfile1 { background: url('../images/style1/typography/icons/file1.png'); }
.gkfile2 { background: url('../images/style1/typography/icons/file2.png'); }
.gksearch { background: url('../images/style1/typography/icons/search.png'); }
.gkzoomminus { background: url('../images/style1/typography/icons/zoomminus.png'); }
.gkzoomplus { background: url('../images/style1/typography/icons/zoomplus.png'); }
.gkerror { background: url('../images/style1/typography/icons/error.png'); }
.gktick { background: url('../images/style1/typography/icons/tick.png'); }
.gkbook { background: url('../images/style1/typography/icons/book.png'); }
.gkmap { background: url('../images/style1/typography/icons/map.png'); }
.gktag { background: url('../images/style1/typography/icons/tag.png'); }
.gkstats { background: url('../images/style1/typography/icons/stats.png'); }
.gkstar { background: url('../images/style1/typography/icons/star.png'); }
.gkribbon { background: url('../images/style1/typography/icons/ribbon.png'); }
.gknav { background: url('../images/style1/typography/icons/nav.png'); }
.gkgraph { background: url('../images/style1/typography/icons/graph.png'); }
.gkflash { background: url('../images/style1/typography/icons/flash.png'); }
.gklocation { background: url('../images/style1/typography/icons/location.png'); }
.gklocationminus { background: url('../images/style1/typography/icons/locationminus.png'); }
.gklocationplus { background: url('../images/style1/typography/icons/locationplus.png'); }
.gkbulb { background: url('../images/style1/typography/icons/bulb.png'); }

p.gkHeadline {
    margin: 5px 0 0 !important;
    text-align: center;
    font: normal 2em/1.9 "Lucida Grande", Tahoma;
    color: #222
    }

p.gkSubHeadline {
    margin: 0 0 24px !important;
    letter-spacing: 0.3em;
    text-align: center;
    text-transform: uppercase;
    font: lighter 0.75em/1em "Lucida Grande", Tahoma;
    color: #666
    }

p.gkSmallHeadline {
    margin: 1em 0 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #bbb
    }

p.gkLargeHeadline {
    margin: 0 !important;
    padding: 0 0 6px 0;
    letter-spacing: -2px;
    font: normal 44px/38px Arial, Helvetica, sans-serif;
    color: #444
    }

/*icons*/
.gkfile1, .gkfile2, .gksearch, .gkzoomminus, .gkzoomplus, .gkerror, .gktick, .gkbook, .gkmap, .gktag, .gkstats, .gkstar, .gkribbon, .gknav, .gkgraph, .gkflash, .gklocation, .gklocationminus, .gklocationplus, .gkbulb {
    min-height: 68px !important;
    padding: 0 0 2px 98px !important;
    background-repeat: no-repeat !important
    }

/*blocks*/
p.gkInfo1, p.gkTips1, p.gkWarning1 {
    padding: 8px 8px 8px 98px;
    min-height: 68px;
    line-height: 26px
    }

/*highlight*/
.gkHighlight1, .gkHighlight2, .gkHighlight3, .gkHighlight4 {
    padding: 1px 5px;
    text-shadow: none;
    cursor: default
    }

.gkHighlight1:hover {
    background: #fff
    }

.gkHighlight2:hover {
    background: #333;
    color: #fff
    }

.gkHighlight3:hover {
    background: #fff;
    color: #000
    }

.gkHighlight4:hover {
    background: #fff;
    color: #000
    }

/*code */
pre, .gkCode1, .gkCode2, .gkCode3 {
    margin: 10px 0 15px !important;
    padding: 10px 15px !important;
    font: normal 0.92em/18px "Curier New", monospace !important
    }

pre, .gkCode1, .gkCode2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }

.gkCode3 {
    padding-left: 82px !important
    }

.gkCode3 h4 {
    width: 35px;
    position: relative;
    top: 0;
    margin: 0 0 0 -64px !important;
    padding: 2px 5px 0;
    font-size: 13px
    }

pre:hover, .gkCode1:hover {
    background: #fff
    }

div.gkCode2:hover, div.gkCode3:hover {
    color: #000
    }

/* lists */
ol {
    margin: 2em 0;
    padding: 0;
    list-style-position: inside
    }

ol.gkDec {
    list-style-type: decimal
    }


ol.gkRoman {
    list-style-type: upper-roman
    }

ol.gkAlpha {
    list-style-type: lower-alpha
    }

ol.gkDecimalLeadingZero {
    list-style-type: decimal-leading-zero
    }

/* unordered lists */
ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4, ul.gkCircle1, ul.gkCircle2, ul.gkSquare1, ul.gkSquare2, ul.gkSquare3 {
    margin: 2em 0;
    padding: 0
    }

ul li {
    list-style-position: outside
    }

ul.gkBullet1 li, ul.gkBullet2 li, ul.gkBullet3 li, ul.gkBullet4 li, ul.gkCircle1 li, ul.gkCircle2 li, ul.gkSquare1 li, ul.gkSquare2 li {
    margin: 0 !important;
    padding: 2px 0 2px 28px;
    line-height: 1.8em !important;
    list-style: none;
    overflow: inherit
    }

/* Definition lists */
dl.gkDef1 dt, dl.gkDef2 dt, dl.gkDef3 dt {
    margin: 10px 0 5px 0
    }

dl.gkDef1 dd, dl.gkDef2 dd, dl.gkDef3 dd {
    padding: 10px
    }

dl.gkDef2 dt {
    text-decoration: underline
    }

dl.gkDef3 dt {
    margin-top: 10px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    font: lighter 1.1em/1.2em "Lucida Grande", Tahoma;
    font-variant: normal;
    color: #666
    }

/* acronyms and abbrs */
acronym, abbr {
    border-bottom-width: 1px;
    border-bottom-style: dotted
    }

acronym:hover, abbr:hover {
    border-bottom-style: solid;
    cursor: pointer
    }

/* Legends */
div.gkLegend1 h4, div.gkLegend2 h4, div.gkLegend3 h4, div.gkLegend4 h4 {
    float: left;
    position: relative;
    top: -18px;
    left: 11px;
    margin: 0 0 -9px !important;
    padding: 0 10px;
    line-height: 18px;
    font-weight: normal;
    background: #fff;
    text-shadow: none
    }

div.gkLegend1, div.gkLegend2, div.gkLegend3, div.gkLegend4 {
    margin: 25px 0;
    padding: 6px
    }

div.gkLegend1 p, div.gkLegend2 p, div.gkLegend3 p, div.gkLegend4 p {
    margin: 7px;
    clear: both
    }

/* Dropcaps */
span.gkDropcap1, span.gkDropcap2, span.gkDropcap3 {
    display: block;
    float: left;
    line-height: 1em;
    font-size: 5em;
    color: #333
    }

span.gkDropcap1 {
    height: 61px;
    margin: -4px 5px -3px 0
    }

p.gkDropcap2 {
    padding: 0 0 0 50px
    }

span.gkDropcap2 {
    height: 61px;
    margin: -4px 0 0 -50px
    }

p.gkDropcap2 {
    padding-left: 50px
    }

p.gkDropcap3 {
    margin-top: 32px
    }

span.gkDropcap3 {
    height: 61px;
    margin: -32px 5px 0 0
    }

/* Blockquotes */
blockquote {
    margin: 20px 0;
    font-style: italic
    }

blockquote div {
    display: block
    }

blockquote div.gkBlockquote1 div, blockquote div.gkBlockquote2 div {
    padding: 0 24px
    }

blockquote div.gkBlockquote3 {
    padding-bottom: 1px
    }

blockquote div.gkBlockquote3 div {
    padding: 5px 48px 0
    }

blockquote div.gkBlockquote4 div {
    padding: 0 48px
    }

/* Floated blocks */
.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {
    display: block;
    font-size: 16px;
    font-style: italic;
    line-height: 150%;
    padding: 30px;
    width: 38%
    }

.gkBlockTextLeft {
    float: left;
    text-align: left
    }

.gkBlockTextRight {
    float: right;
    text-align: right
    }

.gkBlockTextCenter {
    margin: 0 auto;
    text-align: center
    }

/* numBlocks*/
p.numblocks {
    position: relative;
    min-height: 62px;
    margin: 30px 0;
    padding: 0 0 0 92px !important
    }

p.numblocks span {
    position: absolute;
    top: 4px;
    left: 0;
    height: 62px;
    width: 62px;
    color: #fff;
    display: block;
    font-size: 28px;
    line-height: 62px;
    text-align: center
    }

p.num-1 span {
    background: url(../images/style1/typography/number-1.png) no-repeat 0 0
    }

p.num-2 span {
    background: url(../images/style1/typography/number-2.png) no-repeat 0 0
    }

p.num-3 span {
    background: url(../images/style1/typography/number-3.png) no-repeat 0 0
    }

p.numblocks span.highlight {
    font-size: 15px;
    position: static;
    width: auto;
    display: inline;
	background:none;
	color:#7D7B7A;
	line-height:30px;
	height:auto;
	font-weight:bold;
}

/* Blocks*/
.gkblock-1, .gkblock-2, .gkblock-3, .gkblock-4, .gkblock-5, .gkblock-6, .gkblock-7, .gkblock-8, .gkblock-9 {
    margin: 20px 0;
    padding: 15px 20px
    }

/* Blocks*/
.bubble-1, .bubble-2, .bubble-3, .bubble-4, .bubble-5, .bubble-6 {
    position: relative;
    margin: 20px 0 40px;
    padding: 15px 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
    }

.bubble-1 cite, .bubble-2 cite, .bubble-3 cite, .bubble-4 cite, .bubble-5 cite, .bubble-6 cite {
    height: 17px;
    position: absolute;
    bottom: -17px;
    display: block;
    left: 26px;
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    padding-left: 30px;
    background: url(../images/style1/typography/buble_arrow.png) no-repeat 0 0;
    color: #333 !important
    }

/*blockquote*/
blockquote div.gkBlockquote1 {
    background: url(../images/style1/typography/open1.png) no-repeat left bottom
    }

blockquote div.gkBlockquote1 div {
    background: url(../images/style1/typography/close1.png) no-repeat right top
    }

blockquote div.gkBlockquote2 {
    background: url(../images/style1/typography/open1.png) no-repeat left top
    }

blockquote div.gkBlockquote2 div {
    background: url(../images/style1/typography/close1.png) no-repeat right top
    }

blockquote div.gkBlockquote3 {
    background: url(../images/style1/typography/open2.png) no-repeat left bottom
    }

blockquote div.gkBlockquote3 div {
    background: url(../images/style1/typography/close2.png) no-repeat right top
    }

blockquote div.gkBlockquote4 {
    background: url(../images/style1/typography/open2.png) no-repeat left top
    }

blockquote div.gkBlockquote4 div {
    background: url(../images/style1/typography/close2.png) no-repeat right top
    }

/*tables*/
.gkTable {
    border-collapse: collapse;
    font-style: normal
    }

.gkTable thead {
    padding: 5px 10px;
    text-align: left;
    font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif
    }

.gkTable td {
    padding: 10px
    }

.gkTable tfoot {
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    text-align: right;
    font-size: 0.8em;
    font-style: italic
    }

.gkTable2 {
    border-collapse: collapse;
    font-style: normal
    }

.gkTable2 thead {
    text-align: left;
    font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 5px 10px
    }

.gkTable2 td {
    padding: 10px
    }

.gkTable2 tfoot {
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    text-align: right;
    font-size: 0.8em;
    font-style: italic
    }

/*tooltips*/
.gkTooltip {
    position: relative;
    outline: none;
    cursor: help;
    text-decoration: none;
    color: #000;
    text-shadow: none
    }

.gkTooltip span {
    position: absolute;
    margin-left: -999em;
    font-size: 11px;
    line-height: 16px
    }

.gkTooltip:hover span {
    position: absolute;
    left: 0.5em;
    top: 1em;
    z-index: 99;
    width: 250px;
    margin-left: 0
    }

.gkTooltip:hover em {
    display: block;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none !important;
    text-shadow: none;
    font-style: normal !important
    }

.classicTooltip {
    padding: 0.6em 0.8em;
    text-shadow: none
    }

.customTooltip {
    padding: 0.6em 0.8em;
    text-shadow: none
    }

/** 
 * 
 * colors 
 * 
 * --------------------------------------------------------------------------------------------------------
 *
 *
 *
 **/
pre, .gkCode1, .gkCode2 {
    padding-left: 32px;
    border: 1px solid #EAE8CC;
    border-left: 4px solid #f89a4f;
    background: #FFFEF4;
    color: #333
    }

.gkCode2 {
    background: #fff;
    border: 1px solid #eee;
    border-left: 4px solid #e25527
    }

.gkCode3 {
    border: 1px solid #eee;
    background: #fff
    }

.gkCode3 h4 {
    background: #e25527;
    color: #fff;
    text-align: center;
    text-shadow: none
    }

/* Warning message */
p.gkInfo1 {
    background: url(../images/style1/typography/info_small.png) no-repeat 0 0
    }

p.gkTips1 {
    background: url(../images/style1/typography/tips_small.png) no-repeat 0 0;
    color: #f89a4f
    }

p.gkWarning1 {
    background: url(../images/style1/typography/warning_small.png) no-repeat 0 0;
    color: #f53c00
    }

/* Legends */
div.gkLegend1 {
    border: 1px solid #e5e5e5
    }

div.gkLegend2 {
    border: 1px solid #f89a4f
    }

div.gkLegend3 {
    border: 1px solid #e25527
    }

div.gkLegend4 {
    border: 4px double #e5e5e5
    }

div.gkLegend1 h4 {
    background: #fff;
    color: #333
    }

div.gkLegend2 h4 {
    background: #fff;
    color: #f89a4f
    }

div.gkLegend3 h4 {
    background: #fff;
    color: #e25527
    }

.gkHighlight1 {
    background: #ffd
    }

.gkHighlight2 {
    background: #eee;
    color: #353639
    }

.gkHighlight3 {
    background: #353639;
    color: #fff
    }

.gkHighlight4 {
    background: #e25527;
    color: #fff
    }

/* Blocks */
.gkblock-1 {
    border: 2px dotted #ddd
    }

.gkblock-2 {
    border: 2px dotted #e25527
    }

.gkblock-3 {
    border: 2px dotted #f89a4f
    }

.gkblock-4 {
    border: 1px solid #eee;
    background: #fff
    }

.gkblock-5 {
    border: 1px solid #EAE8CC;
    background: #FFFEF4
    }

.gkblock-6 {
    border: 1px solid #e5e5e5;
    background: #f8f8f8
    }

.gkblock-7 {
    background: #353639;
    color: #fff !important
    }

.gkblock-8 {
    background: #e25527;
    color: #fff !important
    }

.gkblock-9 {
    background: #f89a4f;
    color: #fff !important
    }

/* Bubbles */
.bubble-1 {
    border: 1px solid #eee;
    background-color: #fff
    }

.bubble-2 {
    border: 1px solid #EAE8CC;
    background: #FFFEF4
    }

.bubble-3 {
    border: 1px solid #e5e5e5;
    background: #f8f8f8
    }

.bubble-4 {
    color: #fff !important;
    background: #353639
    }

.bubble-5 {
    color: #fff !important;
    background: #e25527
    }

.bubble-6 {
    color: #fff !important;
    background: #f89a4f
    }

.bubble-2 cite {
    background-position: 0 -17px
    }

.bubble-3 cite {
    background-position: 0 -34px
    }

.bubble-4 cite {
    background-position: 0 -51px
    }

.bubble-5 cite {
    background-position: 0 -68px
    }

.bubble-6 cite {
    background-position: 0 -86px
    }

/* list */
ul.gkBullet1 li {
    background: url(../images/style1/typography/bullet1.png) no-repeat 0 8px !important
    }

ul.gkBullet2 li {
    background: url(../images/style1/typography/bullet2.png) no-repeat 0 8px !important
    }

ul.gkBullet3 li {
    background: url(../images/style1/typography/bullet3.png) no-repeat 0 6px !important
    }

ul.gkBullet4 li {
    background: url(../images/style1/typography/bullet4.png) no-repeat 0 7px !important
    }

ul.gkCircle1 li {
    background: url(../images/style1/typography/bullet-circle1.png) no-repeat 0 6px !important
    }

ul.gkCircle2 li {
    background: url(../images/style1/typography/bullet-circle2.png) no-repeat 0 6px !important
    }

ul.gkSquare1 li {
    background: url(../images/style1/typography/bullet-square1.png) no-repeat 0 8px !important
    }

ul.gkSquare2 li {
    background: url(../images/style1/typography/bullet-square2.png) no-repeat 0 8px !important
    }

.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {
    color: #e25527
    }

span.classicTooltip {
    background-color: #ffd;
    color: #656565
    }

span.criticalTooltip {
    background: #cb260a;
    color: #fff
    }

span.helpTooltip {
    background: #333;
    color: #fff
    }

span.infoTooltip {
    background: #F0F0F0;
    color: #5b5b5b;
    border: 1px solid #dedede
    }

span.warningTooltip {
    background: #fff;
    color: #F93B3B;
    border: 1px solid #fff
    }

/* Social Icons */
.iconDigg, .iconDelicious, .iconTwitter, .iconMobyPicture, .iconYoutube, .iconVimeo, .iconFacebook {
    display: block;
    height: 32px;
    line-height: 32px !important;
    background: transparent url(../images/social_icons.png) no-repeat;
    padding: 0 0 0 46px;
    margin: 0 0 12px;
    font-size: 12px !important
    }

.iconFacebook {
    background-position: 0 0
    }

.iconTwitter {
    background-position: 0 -32px
    }

.iconVimeo {
    background-position: 0 -64px
    }

.iconMobyPicture {
    background-position: 0 -96px
    }

.iconYoutube {
    background-position: 0 -128px
    }

.iconDigg {
    background-position: 0 -160px
    }

.iconDelicious {
    background-position: 0 -192px
    }

/* demo */
ul#demo-typography {
    background: transparent;
    overflow: hidden;
    padding: 10px 30px 30px 30px
    }

ul#demo-typography li {
    list-style-position: none;
    list-style-type: disc;
    line-height: 24px;
    width: 23.9%;
    float: left;
    color: #cb260a;
    font-size: 11px
    }

ul#demo-typography li a {
    font-size: 11px;
    text-shadow: 2px 2px 0 #fff
    }

.demo-typoDiv {
    clear: both;
    overflow: hidden;
    margin: 0 0 30px
    }

h4.demo-typo {
    font-size: 20px;
    font-weight: normal;
    color: #333;
    margin: 30px 0;
    border-bottom: 1px solid #eee
    }

.demo-typo-col2 {
    width: 50%;
    float: left
    }

.demo-typo-col3 {
    width: 33%;
    float: left
    }

.demo-typo-col4 {
    width: 25%;
    float: left
    }

.demo-typo_padd {
    padding: 0 30px 0 0
    }

#warnings .demo-typo_padd p {
    margin: 1em 0 1.6em
    }

.typoDesc small {
    font: normal 10px Monaco, Consolas, "Courier News", monospace;
    color: #999
    }

.gkblock-7 small, .gkblock-9 small, .bubble-4 small, .bubble-5 small, .bubble-6 small, .gkblock-8 small {
    color: #fff !important
    }

/* Social icons */
.gkFacebook, .gkTwitter, .gkRSS {
    background: transparent url(../images/style1/social_icons.png) no-repeat 0 0;
    display: inline-block;
    height: 33px;
    margin-right: 10px;
    width: 33px;
    text-indent: -9999px;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out
    }

.gkFacebook {
    background-position: 0 -34px
    }

.gkTwitter {
    background-position: 0 0
    }

.gkRSS {
    background-position: 0 -67px
    }

.gkFacebook:hover, .gkTwitter:hover, .gkRSS:hover {
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85)
    }

/**
 * 
 * Special typography elements 
 *
 **/
h1.gkTypo, h2.gkTypo {
    display: block;
    text-align: center
    }

h1.gkTypo {
    color: #fff;
    line-height: 46px;
    margin-top: 30px
    }

h2.gkTypo {
    color: #ffc9b1;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 40px
    }

h1.gkTypo a {
    color: #fff
    }

h2.gkTypo a {
    color: #ffc9b1
    }

h1.gkTypo a:active, h1.gkTypo a:focus, h1.gkTypo a:hover {
    color: #ffc9b1
    }

h2.gkTypo a:active, h2.gkTypo a:focus, h2.gkTypo a:hover {
    color: #fff
    }

h2.tabTitle {
    color: #a6a6a6 !important;
    font-size: 56px;
    line-height: 52px !important;
    margin: 0 0 26px
    }

h2.tabTitle span {
    color: #e25527 !important
    }

p.tabContent {
    font-size: 16px;
    color: #7d7b7a
    }

div.tabImage {
    width: 200px;
    height: 200px;
    background: transparent url(../images/style1/tabs_big_icons.png) no-repeat 0 0;
    margin: 0 60px 0 0;
    float: left;
    text-indent: -9999px
    }

div.tabImage.gkTab-1 {
    background-position: 0 0
    }

div.tabImage.gkTab-2 {
    background-position: -200px 0
    }

div.tabImage.gkTab-3 {
    background-position: -400px 0
    }

div.tabImage.gkTab-4 {
    background-position: -600px 0
    }

div.tabImage.gkTab-5 {
    background-position: -800px 0
    }

div.tabImage.gkTab-6 {
    background-position: -1000px 0
    }

div.tabImage.gkTab-7 {
    background-position: -1200px 0
    }

div.tabImage.gkTab-8 {
    background-position: -1400px 0
    }