@charset "UTF-8";

/* resets and overrides 

------------------------*/

* { margin:0; padding:0; }

img { border:none; }

/* links and type 

------------------------*/



html { font-size:100%; font-family:Helvetica, Arial, sans-serif; -webkit-text-size-adjust:none; margin:0; border:0; width:100%; height:100%; color:#333; }

body { }

a { color:#BB2024; font-weight:400; text-decoration:none; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

a { outline: 0; }

a.subTitle { color:#4d4d4d; }

a:link, a:active, a:visited { text-decoration:none; }

a:hover { text-decoration:none; color:#bc2026; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

hr { background:url(img/hr-dark.png); border:none !important; height:1px; margin:0; padding:0; width:100%; }

h1 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:56px; font-weight:700; margin: .67em 0; line-height:55px; }

.image-banner { width:980px; height:340px; margin-top:-38px; }

.image-banner-with-sidebar { width:980px; height:280px; margin-top:-31px; }

.h1-with-image-banner { position:relative; top:205px; left:20px; }

.h1-with-image-banner-with-sidebar { position:relative; bottom:-215px; xbackground:red; left:10px; }

.h1-with-image-banner-with-sidebar a { color:#ffffff; }

.h1-with-image-banner a { color:#373737c4; }

h2 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:28px; font-weight:300; margin: .75em 0; color:#333; }

h2.software { clear:both; }

h3 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:22px; color:#333; font-weight:300!important;/* was normal */ margin: .83em 0; line-height:30px; }

h4 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:900; font-size:15px; letter-spacing:1px; margin: 1.12em 0; color:#333; }

h5 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:400; font-size:20px; margin: 1.5em 0; line-height:28px; letter-spacing:1px; color:#333; }

h6 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:700; font-size:11px; color:#bc2026; letter-spacing:2px; margin: 2.12em 0; text-transform:uppercase; color:#333; }

p { font-size:15px; font-weight:100; line-height:24px; color:#4d4d4d; margin: 1.12em 0; }

ul { font-weight: 300; margin: 0; padding: 0 0 0 25px; list-style-type: inherit; }

li { color: #4d4d4d; font-size: 15px; font-weight: 300; line-height: 24px; list-style-type: inherit; }

strong { font-weight:bold; }

.whiteText { color:#e5e5e5; }

.no-margin { margin:0; }

.gradient-green { background: -webkit-gradient(linear, left top, left bottom, from(#5fb711), to(#0f811d)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.over-picture { background-color: #EEEEEE; float: none; margin-bottom: 30px; margin-top: 30px; position: relative; text-align: center; }

.over-picture .text { background-image: url("img/bg-white.png"); margin: 25px; padding: 25px; position: absolute; text-align: left; }



/*----buttons----*/



.smallButton { width:100px; min-height:23px; padding-top:5px; padding-bottom:5px; float:left; font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:400; font-size:11px; color:#fff; letter-spacing:1px; text-align:center; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; border-radius: 3px; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }





.smallButton:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7); text-shadow: 0px 1px 2px #1a1a1a; filter: dropshadow(color=#1a1a1a, offx=0, offy=1); transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.redBtn { background-color:#bc2026; }

.blueBtn { background-color:#56acaa; }

.greenBtn { background-color:#56ac5b; }

.blkBtn { background-color:#4d4d4d; }

/* layout 

------------------------*/





.container { padding-top:150px;/* was 400px */ width:100%; z-index:1; }

.mainContent { xbackground-image:url(img/bgTile-light.png); background-repeat:repeat; background-color:#f9f9f9/*f2f2f2*/; width:100%; overflow:hidden; padding-bottom:50px; padding-top:50px; }

.colourBar { height:5px; width:100%; background-image:url(img/redline.jpg); background-repeat:repeat-x; }

.verticalLine { background-image:url(img/line-whitevertical.png); background-repeat:repeat-y; width:1px; height:1000000px; }

.verticalLine-dark { background-image:url(img/line-darkvertical.png); background-repeat:repeat-y; width:1px; height:1000000px; }

.r { float:right !important; }

.l { float:left !important; }

.fullWidth { min-height:100px; margin:auto; width:980px; overflow:visible; }

.width-reduced { width:735px; float:left; }

.sidebar-links { float:right; width:156px; margin-top:28px; }

.sidebar-links-with-image-banner { float:right; width:156px; margin-top:300px; }

.sidebar-links-blog { float:right; width:220px; xbackground:Red; margin-top:0px; }

.categories ul { float: left; margin-bottom: 3em; font-size: 0.9em; margin-left:0px; padding-left:0px; }

.categories li { float: left; list-style-type:none; }

.categories li a { float: left; width: auto; padding: 0.1em 0.25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; border: 1px solid #ccc; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff; color: #333; text-shadow: 0 1px 0 #fff; margin: 0.5em 0.5em 0 0; }

.recent-posts ul { padding-left:0px; }

.recent-posts li { list-style-type:none; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:5px; }

.recent-posts li:last-child { list-style-type:none; border-bottom:none; padding-bottom:5px; padding-top:5px; }

.post-date-and-author { margin-top:-18px; }

.mainContent .fullWidth { xpadding:50px 0; min-height:100px; margin:auto; width:980px; overflow:hidden; }

.threeQuarterWidth { min-height:100px; float:left; width:715px; overflow:hidden; }

.halfWidth { min-height:100px; float:left; width:490px; overflow:hidden; position:relative; }

.quarterWidth { min-height:100px; float:left; width:245px; overflow:hidden; }

.show_hide { display:none; }

/*----header----*/



.top-menu-wrapper { height:100px; float:right; }

.headerFixed { height:150px; background: url(http://archive.treshna.com/wp-content/themes/img/bgTile.jpg) repeat scroll 0 0 #1a1a1a; width:100%; position:fixed; z-index:1000; }

.topHeadContent { height:150px; background-image:url(img/headerBG-top.jpg); background-position:center; background-repeat:no-repeat; }

.logo { padding-top:36px; height:77px; xleft:-93px;/* making the logo line up with the left side of the site */ z-index:2000; }

.inner { width:80%; margin-left:20px; margin-right:20px; float:left; }

.headerFixed .r { padding-right:0; float:none; }

.headerFixed ul { list-style:none; float:left; padding:0; margin-top:55px; margin-bottom:0; }

.headerFixed ul li { padding-right:25px; width:100px; display:inline-block; overflow:hidden; text-transform: uppercase; }

.headerFixed ul li.nopadding { padding: 0px; }

.bottomHeadContent { height:250px; background-image:url(img/headerBG-bottom.jpg); background-position:center; background-repeat:no-repeat; }

.topHalf { height:100%; }

.header { padding-top:150px; width:100%; height:250px; background-image:url(img/bgTile.jpg); background-repeat:repeat; background-color:#1a1a1a; position:fixed; z-index:-1; }

.header p { margin-top:0; }

.navFixed { height:50px; width:100%; z-index:1000; position:fixed; background-position:top; top:150px }

.navBar { background-position:top; margin:auto; height:45px; width:980px; text-transform: uppercase; }

.navBar a { color:#4d4d4d; font-size:12px; font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:500; text-align:center; display:block; line-height:39px; padding-left: 24px;

padding-right: 24px; height:40px; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */  position:relative}

.navBar a:hover { color:#bc2026; text-decoration:none; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ z-index:100}

.navBar ul { list-style:none; float:left; padding:0; margin:0; /*width:980px;*/ width:1009px; height:40px; }

.navBar ul li { color:#4d4d4d; margin-top:0px; border-top:#e5e5e5 1px solid; background-color:#fff; float:left; overflow:hidden; border-right:#f2f2f2 1px solid; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.navBar ul li:hover { margin-top:5px; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.navBar .r { float:right; border-right:0; width:170px; }

#home .homeNav, #android-dev .androidNav, #software-dev .softwareNav, #gymmaster .gmNav, #asterisk .astNav, #cloud .cloudNav, #comp-services .compNav { margin-top:0px; }

#home .homeNav a, #android-dev .androidNav a, #software-dev .softwareNav a, #gymmaster .gmNav a, #asterisk .astNav a, #cloud .cloudNav a, #comp-services .compNav a { color:#bc2026 !important; }

#home .homeNav a { color: transparent !important; }

#home .homeNav { background-image: url("img/breadcrumbs-home.png"); background-position: center 14px; background-repeat: no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 47px; }

/*----banners----*/







.banner h2 { margin:20px; font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:26px; font-weight:normal; margin-bottom:14px; text-transform:uppercase; }

.banner h2 em { font-style:normal; color:#bc2026; font-weight:900; }

.banner h1 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:34px; font-weight:900; text-transform:uppercase; margin-bottom:1em; line-height:34px; margin:20px; font-weight:300; }

.banner h1 em { font-style:normal; color:#bc2026; font-weight:700; }

.banner h6 { margin:10px 20px; }

.banner a { text-decoration:none !important; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.banner a:hover { transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.banner { color:#333; margin-top:29px; min-height:50px; width:100%; overflow:hidden; background-color:#fff; border:#e5e5e5 1px solid; background-image:url(img/redline.jpg); background-repeat:repeat-x; background-position:top; clear:both}

.header { padding-bottom:40px; }

/*----content----*/



.software-page-bullet-list-left { xbackground:red; width:50%; float:left; margin-bottom:20px; }

.software-page-bullet-list-right { xbackground:blue; width:50%; float:left; margin-bottom:20px; }

.quote { background-color: #eee; margin: 40px 7%; padding: 20px; font-size: 16px; position: relative; clear: both; float: none; width:500px; }

.quote > span { background-image: url(img/quote-black.png); display: block; height: 56px; width: 76px; position: absolute; left: -15px; top: -15px; z-index: 1; }

.quote p { position: relative; z-index: 10; font-style: italic; }

.quote .signature { text-align: right; font-size: 14px; }

/*.quote {

    background-color: #EEEEEE;

    clear: both;

    float: none;

    font-size: 16px;

    margin: 40px 15%;

    padding: 20px;

    position: relative;

}*/



.carousel-caption p { font-family:helvetica!important; font-size:14px!important; }

.slider { xbackground-image:url(img/bgTile.jpg); xbackground-repeat:repeat; xbackground-color:#f00; height:340px; margin:auto; xmargin-top:-50px; position:relative; top:0px;/* was -50px */ left:0px; }

#what-we-do .quarterWidth { height:330px; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

#what-we-do .quarterWidth:hover { background-color:#fff; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

#who-we-are { background-image:url(img/dru.png); background-repeat:no-repeat; background-position:290px 20px; /* was 50px 20px */ height:530px; }
/*https://i.imgur.com/TxPeteu.png  Alternative who we are image*/

#who-we-are .quarterWidth { height:530px; }

#contact .halfWidth { height:300px; float:left; }

.software-column-left { float:left; margin-right:0px; margin-bottom:20px; width:50%; }

.software-column-right { float:left; margin-right:0px; width:50%; }

.clear { clear:both; }

.column-left { float:left; margin-right:40px; }

.column-middle { float:left; margin-right:40px; }

.column-right { float:left; }

.contact-left { float:left; clear:both; }

.contact-right { float:left; margin:20px 0px 0px 80px; }

.hori-list { padding:10px; height:35px; width:100%; overflow:hidden; }

.hori-list h6 { margin-right:15px; float:left; }

.img-intro { background-image:url(img/redline.jpg); background-position:bottom; background-repeat:repeat-x; }

/*----subpages----*/



.intro { height:300px; background-position:top; }

.pageNav { }

.pageNav p { padding-right:20px; font-size:15px; }

.pageNav ul { display:block; padding:0; list-style-type:disc; }

.pageNav ul li { margin:6px 0; display:block; border-bottom:#ccc 1px dotted; }

.pageNav a { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:700; font-size:11px; letter-spacing:2px; margin: 2.12em 0; text-transform:uppercase; }

.pageNav-wrpr .is-sticky { padding-top:30px; margin-left:120px; padding-left:10px; width:100px; z-index:1000; }

.pageNav-wrpr .is-sticky p { margin:6px 0; }

/*----footer----*/



.footer { overflow:hidden; width:100%; background-color:#1a1a1a; background-image:url(img/bgTile.jpg); background-repeat:repeat; }

.footer a { color:#e5e5e5; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.footer a:hover { color:#bc2026; text-decoration:none; transition: 0.2s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari and Chrome */ -o-transition: 0.2s; /* Opera */ }

.footer h6 { margin:0; padding-bottom:20px; }

.footer h6 em { font-style:italic; color:#bc2026; }

.footerTop { float:left; width:100%; height:105px; margin:auto; border-top:#e5e5e5 1px solid; background-color:#ffffff; background-image:url(img/redline.jpg); background-position:bottom; background-repeat:repeat-x; }

.footerTop table { padding:0; border-spacing:0; }

.footerTop tr td { margin:0px; padding:0px; }

.footerTable { padding:0; margin:auto; width:980px; border:0; }

.footerTable h6 { padding:0; margin:0; }

.footerBase { height:285px; width:980px; margin:auto; xbackground:Red; overflow:hidden; padding-top:30px; }

.footerBase .sitemap .list-heading { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:700; font-size:11px; text-transform:uppercase; color:#e5e5e5; letter-spacing:1px; line-height:20px; width:110px; float:left; }

.footerBase .sitemap ul li { letter-spacing:0; line-height:20px; list-style:none; text-transform:none; font-size:12px; }

.footerBase .sitemap .sitemap-main { list-style:none; height:285px; margin:0; padding:0; }

.footerBase .sitemap ul .sitemap-section { width:110px; float:left; padding-left:20px; }

#menu-sitemap-menu li { padding:0px 0px 10px 0px; xclear:both; xbackground:red; display:inline; width:210px; }

#menu-useful-links-menu li { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:700; font-size:11px; text-transform:uppercase; color:#e5e5e5; letter-spacing:1px; line-height:20px; width:110px; xfloat:left; display:block; }

.sitemap-section { margin-left:-15px; margin-top:5px; }

.copyright-footer { width:760px; margin:auto; }

.copyright-footer p { margin-top:-20px; margin-bottom:30px; float:right; color:#ffffff; }

.paginate { margin-top:20px; text-align:center; }

.paginate .page.current { background:#BC2026!important; }

blockquote { width:200px; background-image:url(img/quote.png); background-position:top left; background-repeat:no-repeat; color:#e5e5e5; font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:300; font-size:16px; line-height:22px; margin:0; }

blockquote em { clear:both; font-size:11px; font-style:normal; font-family: Helvetica, Arial, sans-serif; color:#bc2026; }

.text-and-image-area-wrapper { clear:both; }

.text-and-image-left { float:left; xbackground:Red; width:340px; }

.text-and-image-right { xfloat:left; padding:20px 0px 0px 0px; }

.text-and-image-right img { padding:0px 0px 0px 10px; }

img.software-content-image-1 { padding:50px 0px 0px 10px; }

.text-and-image-right-caption { background: rgba(255, 255, 255, 0.5); text-transform:uppercase; width:260px; margin:10px 0px 0px 50px; padding:10px; xfloat:right; position:relative; top:-175px; left:315px; }

.text-and-image-right-caption strong { color:#B9202B; }

.span-full { width:940px; }

.content-background-white-wrapper { background:#ffffff; width:940px; padding:10px 20px 10px 20px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }

.content-background-white { xbackground:#ffffff; width:730px; xpadding:10px 20px 10px 20px; xborder-top:1px solid #E5E5E5; xborder-bottom:1px solid #E5E5E5; }

.text-and-image-area-wrapper { xbackground:blue; width:800px; overflow:hidden }

.text-and-image-left-android { float:left; width:510px; margin-right:20px; }

.software-puzzle { padding-left:10px; }

.text-and-image-left-computer-services { float:left; width:530px; padding-right:10px; }

.text-and-image-right-computer-services { margin-top:90px; }



/*Term Of Trade

--------------------------------------------------------------------*/

.termTradeContent { padding-left: 12%; }

.termTradeContent ol.parent { list-style-type: decimal; }

.termTradeContent ol.parent > li { counter-increment: root; }

/*.termTradeContent ol.parent li { list-style-type: decimal ; } */

.termTradeContent ol.parent li .heading { font-weight: 600; }

.termTradeContent ol.parent li.parentlist { margin-bottom: 20px;}

.termTradeContent ol.parent li.parentlist ol.child { margin-top: 10px;}

.termTradeContent ol.parent > li > ol.child { counter-reset: subsection; list-style-type: none; }

.termTradeContent ol.parent li.parentlist ol.child li.childlist { margin-bottom: 10px;}

.termTradeContent ol.parent > li > ol.child > li.childlist { counter-increment: subsection; }

.termTradeContent ol.parent > li > ol.child > li:before { content: counter(root) "." counter(subsection) " "; }

.termTradeContent ol.parent > li > ol.child > li.childlist > ol.last { list-style-type:lower-alpha; }

.termTradeContent ol.parent > li > ol.child > li.childlist > ol.last > li.lastlist > ol.end { list-style-type:lower-roman; }

.termTradeContent ol.last, .termTradeContent ol.end { margin-left: 50px; }

.googlemap { width: 485px !important; height: 300px !important; border: none !important; overflow: none !important; margin: 0px !important; }