/*   
Theme Name: RI3K
Theme URI: http://www.ri3k.com
Description: RI3K company theme
Author: RI3K
Author URI: http://www.ri3k.com
Version: 1.1
.
General comments/License Statement if any.
.
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

body { font-size: 62.5%; }

h1, h2, h3, h4 { 
	color: #0099ff;
	font-family: "Segoe UI Bold", Helvetica, Arial, sans-serif;
	margin: 0 0 0.4em 0;
	font-weight: normal;
}

h1 { 
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 0.8em 0;
}

h2 {
	font-size: 2.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 1em;
}

h3 { 
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 1.5em;
}

h4 {
	font-size: 1.4em;
}

p, ul, ol, dl, p, address {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

ul h3 {
	font-size: 1.3em;
}
ul p, dl ol, dl p {
	font-size: 1em;
}

a, a:visited {
	color: #0a78b1;
}

a:hover, a:active {
	color: #000;
}

a img {
	border: none;
	margin: 0; padding: 0;
}

address {
	font-style: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.disabled {
	color: #999;
}

div#content h1 {
	margin-bottom: 0.5em;
}

span.date {
	display: block;
}

form {
	margin: 0; padding: 0; display: inline;
}

form p {
	padding: 0; margin: 0;
	position: relative;
}

legend {
	font-weight: bold;
	line-height: 1.5em;
}

fieldset {
	padding: 0.5em 1em;
}

textarea {
	font-family: inherit;
	font-size: 1.05em;
}

label {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	float: left;
	width: 100px;
	line-height: 25px;
}

input, textarea {
	padding: 4px;
	font-size: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

input:focus, textarea:focus {
	border-color: #333;
}

ul#error_list {
	color: #f00;
}

ul#error_list li em {
	font-style: normal;
	font-weight: bold;
}

input.dim {
	color: #999;
}

/* Unordered List */
ul.float {
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.float li {
	float: left;
	display: block;
}

ul.bullets {
	list-style-type: disc;
	padding-left: 25px;
}
ul.bullets li {
	margin: 4px 0;
}

ul.padded {
	padding-left: 18px;
}
ul.pdf li {
	margin: 18px 0;
}

ul.blue-triangle li {
	background: url('images/blue-triangle.gif') no-repeat 0 0.4em;
	margin: 8px 0; padding-left: 12px;
}

ul.large {
	font-size: 1.4em;
}

/* Ordered List */
ol.lower-roman { list-style-type: lower-roman; padding-left: 25px; }
ol.upper-roman { list-style-type: upper-roman; padding-left: 25px; }
ol.lower-alpha { list-style-type: lower-alpha; padding-left: 25px; }
ol.upper-alpha { list-style-type: upper-alpha; padding-left: 25px; }
ol.numbers, ol { list-style-type: decimal; padding-left: 25px; }
ol.no-style { list-style-type: none; }

/* Definition List */
dl p {
	font-size: 1em;
}

dl.format dt {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}

dl.float {}

dl.float dt {
	float: left;
	display: block;
}

dl.float dd {}

body {
	text-align: center;
	background: #222;
}

div#frame {
	margin: 0 auto;
	text-align: left;
	width: 945px;
}

/* header */
div#header {
	height: 102px;
	position: relative;
}
div#header p {
	margin: 0; padding: 0;
}
div#banner {
	height: 163px;
}

/* content */
div#content {
	background: #fff url('images/layout/content-bottom-bg.gif') no-repeat bottom left;
	position: relative;
}
div#inner-content, body#home-home-body div#content {
	padding: 18px 18px;
}
div#content div.curved {
	background: transparent url('images/layout/content-top-bg.gif') no-repeat top left;
}

/* footer */
div#footer {
	margin: 1.2em 0;
}
div#footer p.copyright {
	color: #fff;
	float: left;
}
div#footer ul.menu {
	float: right;
}
div#footer ul.menu li {
	margin-left: 1em;
}
div#footer a {
	color: #fff;
}
div#footer a:hover, div#footer a:active {
	color: #0a78b1;
}

/* borders */
.border-left {
	border-left: 1px solid #e4e4e4;
	margin-left: 9px; padding-left: 9px;
}
.border-right {
	border-right: 1px solid #e4e4e4;
	margin-right: 9px; padding-right: 9px;
}
.border-both-sides {
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 0 18px;
}
.border-bottom {
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 18px; padding-bottom: 9px;
}
.border-top {
	border-top: 1px solid #e4e4e4;
	margin-bottom: 12px;
}

/* layouts */
div.layout {
}

div.column {
	float: left;
}

/* 1/5 of the width */
div.fifths div.column {
	width: 172px;
}

/* 1/4 of the width */
div.fourths div.column {
	width: 200px;
}

/* 1/3 of the width */
div.thirds div.column {
	width: 275px;
}
div.thirds div.column-2 {
	margin: 0 12px;
}
div.thirds .border-right {
	margin-right: 0px; padding-right: 18px;
}
div.thirds .border-left {
	padding-left: 12px;
}

/* first column has 2/3, second has 1/3 of the width */
div.two-thirds div.column-1 {
	margin-right: 12px; padding-right: 12px;
	width: 613px;
}
div.two-thirds div.column-2 {
	margin-left: 12px;
	width: 230px;
}

/* 1/2 of the width */
div.half div.column  {
	width: 442px
}
div.half div.column-2 {
	margin-left: 18px;
}
div.half div.border-left {
	margin-left: 9px;
}

/* for safari */
div#header, div#footer, div#intro, div#content, div#inner-content, div.layout  {
	display: block;
}

div#header ul.menu {
	float: right;
	margin: 70px 4px 0 0;
}

div#header ul.menu li a {
	background: url('images/menu/menu-bg.png') no-repeat top left;
	height: 32px; padding-top: 32px;
}

div#header ul.menu li.home a {
	width: 82px;
}
div#header ul.menu li.home a:hover, div#header ul.menu li.home a:active, div#header ul.menu li.home a.active {
	background-position: 0 -33px;
}

div#header ul.menu li.services a {
	background-position: -80px 0;
	width: 97px;
}
div#header ul.menu li.services a:hover, div#header ul.menu li.services a:active, div#header ul.menu li.services a.active {
	background-position: -80px -33px;
}

div#header ul.menu li.customers a {
	background-position: -178px 0;
	width: 115px;
}
div#header ul.menu li.customers a:hover, div#header ul.menu li.customers a:active, div#header ul.menu li.customers a.active {
	background-position: -178px -33px;
}

div#header ul.menu li.news a {
	background-position: -294px 0;
	width: 76px;
}
div#header ul.menu li.news a:hover, div#header ul.menu li.news a:active, div#header ul.menu li.news a.active {
	background-position: -294px -33px;
}

div#header ul.menu li.about-us a {
	background-position: -372px 0;
	width: 100px;
}
div#header ul.menu li.about-us a:hover, div#header ul.menu li.about-us a:active, div#header ul.menu li.about-us a.active {
	background-position: -372px -33px;
}

div#header ul.menu li.contact a {
	background-position: -475px 0;
	margin-right: 3px;
	width: 96px;
}
div#header ul.menu li.contact a:hover, div#header ul.menu li.contact a:active, div#header ul.menu li.contact a.active {
	background-position: -475px -33px;
}

/* submenu */
div#content ul#submenu {
	background: url('images/menu/submenu-bg.png') repeat-x top left;
	display: block;
	margin: 0; padding: 0;
	width: 100%; height: 5.1em;
}
div#content ul#submenu li {
	background: url('images/menu/submenu-separator.png') no-repeat right 10px;
	margin-top: 4px;
}
div#content ul#submenu li.first {
	padding-left: 8px;
}
div#content ul#submenu li.last {
	background-image: none;
}

div#content ul#submenu li a {
	color: #333;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	padding: 12px 14px 20px 14px;
	text-decoration: none;
}
div#content ul#submenu li a.active, div#content ul#submenu li a:hover {
	background: #fff;
}

ul.navigation {
	margin: 0;
	padding: 22px 0 0 0;
}
ul.navigation li {
	width: 460px;
}
ul.navigation li.right {
	margin-right: auto;
	text-align: right;
}

.button a {
	background-repeat: no-repeat;
	background-position: top left;
	height: 39px; padding-top: 39px;
	cursor: hand;
}

.button a:hover, .button a:active, body.login div#login a {
	background-position: top right;
}

ul.navigation li.previous a, ul.navigation li.previous div#previous-link {
	background-image: url('images/buttons/previous-button.png');
	height: 32px; padding-top: 32px;
	width: 94px;
}
ul.navigation li.previous div#previous-link {
	background-image: url('images/buttons/previous-disabled-button.png');
}
ul.navigation li.next {
	width: auto;
}
ul.navigation li.next a, ul.navigation li.next div#next-link {
	background-image: url('images/buttons/next-button.png');
	height: 32px; padding-top: 32px;
	width: 74px;
}
ul.navigation li.next div#next-link {
	background-image: url('images/buttons/next-disabled-button.png');
}

div.secure-login a {
	background-image: url('images/buttons/secure-login-button.png');
	height: 35px; padding-top: 35px;
	width: 130px;
}

div#read-our-case-study a {
	background-image: url('images/buttons/read-our-case-study-button.png');
	width: 219px;
	height: 34px; padding-top: 34px;
}

div#login a {
	background-image: url('images/buttons/login-button.png');
	position: absolute;
	top: 6px; right: 8px;
	width: 83px; height: 32px;
}

div#find-out-more a {
	background-image: url('images/buttons/find-out-more-button.png');
	height: 38px; padding-top: 38px;
	width: 131px;
}

div#edit-this-post {
	position: absolute;
	top: 6px; margin-left: 715px;
}
div#edit-this-post a {
	background-image: url('images/buttons/edit-this-post-button.png');
	width: 134px; height: 31px;
}

div#forgotten-password a {
	background-image: url('images/buttons/forgotten-password-button.png');
	height: 30px; padding-top: 30px;
	width: 168px;
}

.brown-border {
	border: 6px solid #e7e2da;
	padding: 4px;
}

hr { border: 1px solid #e4e4e4; }

.hidden { display: none; }

img.size-full { margin-bottom: 12px; }

.clear-both { clear: both; }

.left { float: left; }

.right { float: right; }

.align-center, .aligncenter {
	text-align: center;
}

.no-margin-top {
	margin-top: 0 !important
}

.no-margin {
	margin: 0 !important
}

.clearfix:after, .layout:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .layout {height: 1%;}
/* End hide from IE-mac */

.ir, .button a, .button div#previous-link, .button div#next-link {
	display: block;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-indent: -9999em;
	height: 0 !important
}

body.js-enabled .hidden-js {
	display: none;
}

a.hidden-js-a {
	font-size: 1.4em;
	background: url('images/blue-triangle.gif') no-repeat 0 0.4em;
	margin: 8px 0; padding-left: 12px;
}

#logo {
	float: left;
	background: url('images/logo.gif') no-repeat top left;
	height: 67px; padding-top: 67px;
	width: 197px;
	margin: 18px 0 12px 12px;
}
