/*



Theme Name: Teknium



Theme URI: Your Theme's URI



Description: Teknium is a wordpress business theme



Version: 1.2



Author: Piys



Author URI: Your website address.



*/







html,body {



background: url(images/bg.png) repeat-y center;



margin:0;



padding:0;



}







#outer{



width: 100%;



margin: auto;



text-align:left;



}







/* Wordpress image post alignment css */



img.centered



{



display: block;



margin-left: auto;



margin-right: auto;



}







img.alignright



{



padding: 4px;



margin: 0 0 2px 7px;



display: inline;



}







img.alignleft



{



padding: 4px;



margin: 0 7px 2px 0;



display: inline;



}







.alignright



{



float: right;



}







.alignleft



{



float: left;



}







/* These styles are used for the calendar widget */



td{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 1em;



line-height: 1.8em;



color: #525151;



padding: 5px 10px 0 0;



}







th{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



line-height: 1.8em;



color: #525151;



padding: 5px 10px 0 0;



}







caption{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 1em;



line-height: 1.8em;



color: #072D62;



padding: 5px 10px 0 0;



}







/* This div is for the text widget */



div.textwidget{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



line-height: 1.8em;



color: #525151;



padding: 6px 0 0 0;



}







/*ul class for widgets*/ /*Stops bullet points from showing in the sidebar*/ 



ul.widgets{ 



font-size: 1em; 



margin: 0; 



padding: 0; 



} 







ul.widgets li{ 



list-style-type: none; 



}







/* Archive navigation */



.navigation-archives{



padding: 55px 0 0 0;



}







/* Blog page navigation */



.navigation{



margin: 45px 0 0 0;



}







/* Search form margin */



form#searchform{



margin: 30px 0 0 0;



}







/* General formating for fonts and images */



h1{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 3em;



}







h2{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 1.6em;



font-weight: normal;



color: #072D62;



padding: 30px 0 0 0;



}







a{



font-family: Verdana, Verdana, Geneva, sans-serif;



color: #072D62;



}







a:hover{



color: #06202F;



}







p{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



line-height: 1.8em;



color: #525151;



padding: 6px 0 0 0;



}







ul{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



line-height: 1.8em;



color: #525151;



padding: 6px 0 0 0;



list-style: disc inside;



}







strong{



font-weight: bold;



}







img{



padding: 0px;



margin: 0px;



}







#cta ul li{



padding: 0px 15px 0 0;



margin: 0px 0px;



float: left;



display: inline;



list-style-type: none;







}







/* Removes border from logo and slider images */



img.no-border{



border: medium none;



padding: 0;



margin: 0;



}







/* Wordpress comments */



.commentlist{



padding: 20px 0 20px 0:



}







.comment{



background: #F0F0F0;



padding: 5px;



margin: 10px 0 10px 0;



}







.comment-text{



width: 556px;



margin: 0 0 0 3px;



}







ul.commentlist li{ 



list-style-type: none; 



} 







cite{



color: #072D62;



}







img.avatar{



border: medium none;



padding: 4px;



margin: 0 7px 2px 0;



display: inline;



float: left;



}







/* Blog page images */



img.blog-page{



padding: 5px;



border: 1px solid #C2C3C3;



margin: 15px 0 10px 0;



}







/* Contains the logo and navigation in the header */



#nav-container{



width: 960px;



height: 95px;



margin: 0 auto 0 auto;



}







/* Logo */



#logo{



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



float: left;



width: 197px;



height: 48px;



margin: 15px 0 0 40px;



}







#logo a{



display: block;



margin: 0;



}







/*Menu */



ul.nav {



	padding: 5px;



	margin: 18px 20px 5px 0;



	list-style: none;



	float: right;



}







ul.nav li {



	float: left;



	display: inline; /*For ignore double margin in IE6*/



	margin: 0 3px;



}







ul.nav li a {



	text-decoration: none;



	float:left;



	color: #3A3939;



	cursor: pointer;



	font: 1.1em "Verdana", Geneva, sans-serif;



	font-weight: bold;



}







ul.nav li a span {



	margin: 0 10px 0 -12px;



	padding: 10px 4px 8px 14px;



	position: relative; /*To fix IE6 problem (not displaying)*/



	float:left;



}







ul.nav li.current_page_item a, ul.nav li a:hover {



	background: url(images/menuhover.gif) no-repeat top right;



 	color: #FFFFFF;



}







ul.nav li.current_page_item a span, ul.nav li a:hover span {



	background: url(images/menuhover.gif) no-repeat top left;



}







/* Home page coloured header area */



#header-bg{



background: #072D62 url(images/header-bg.png) no-repeat center;



height: 300px;



margin: 0 auto 0 auto;



}







#header-container{



width: 980px;



height: 300px;



margin: 0 auto 0 auto;



}







#header-text{



padding: 25px 0 0 40px;



width: 400px;



float: left;



}







#header-text span{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 1.8em;



font-weight: bold;



color: white;



}







#header-text p{



font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1.2em;

font-weight: bold;

line-height: 2.0em;

color: white;

padding: 10px 0 0 20px;



}







#phone {

padding: 5px 0 0 0;

float: right;



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 2.0em;



font-weight: bold;



color: #072D62;



}







/* Coloured header stripe for sub pages */



#sub-header-bg{



background: #072D62 url(images/sub-header-bg.png) no-repeat center;



height: 49px;



margin: 0 auto 0 auto;



}







/* Content container for the home page */



#content-container{



min-height: 370px;



width: 960px;



margin: 0 auto 0 auto;



}







/* Content container for sub pages */



#sub-content-container{



min-height: 470px;



width: 960px;



margin: 0 auto 30px auto;



}







/* Homepage and services page content container */



.box{



width: 266px;



padding: 0 0 0 40px;



float: left;



display: block;



}







img.box{



width: 256px;



height: 83px;



padding: 5px;



border: 1px solid #C2C3C3;



margin: 5px 0 15px 0;



}







/* Read more button */



.button{



line-height:32px;



min-width: 70px;



height:30px;



background:url(images/button.png) no-repeat right top; 



padding-right:17px; 



display:inline-block;



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



text-decoration: none;



color: #727373;



float: right;



}







.button ins{ 



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



height:30px;



line-height:32px;



display:inline-block;



padding-left:17px;



text-decoration: none;



}







a.button:hover{



background-position:right -36px;



color: #5F6060;



}







a.button:hover ins {



background-position:left -36px;



}







/* Home page latest news container */



#latest-news{



width: 572px;



padding: 0 0 0 40px;



float: left;



}







#latest-news span{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



font-weight: bold;



color: #072D62;



}







#latest-news a{



float: right;



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



color: #072D62;



}







#latest-news a:hover{



color: #06202F;



}







.news-excerpt{



padding: 0 0 10px 0;



}







/* Sidebar */



#sidebar{



width: 266px;



padding: 0 0 0 40px;



float: left;



}







/* Latest blog posts container */



.blog-post{



padding: 0 0 5px 0;



}







/* Post info for tags, date and comments */



.post-info{



display: inline;



}







span.post-info{



font-size: 0.85em;



color: #525151;



}







.post-info a{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.85em;



line-height: 1.8em;



color: #484747;



padding: 6px 0 0 0;



}







.post-info a:hover{



color: #202020;



}







/* Post title link (used in the sidebar for latest posts) */



a.post-title{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.9em;



line-height: 1.8em;



color: #072D62;



padding: 6px 0 0 0;



display:block;



}







a:hover.post-title{



color: #06202F;



}







/* Containes page content for sub pages */



#page-content{



width: 572px;



padding: 0 0 0 40px;



float: left;



}







/* Clears floats */



#float-clear{



clear: both;



}







/* Footer */



#footer-bg{



background: #CAC9C9 url(images/footer-bg.png) repeat-y center;



height: auto;



margin: 30px auto 0 auto;



}







#footer-container{



heigth: auto;



width: 960px;



margin: 0 auto 0 auto;



}







ul#footer-menu{



text-align: center;



padding: 26px 0 0 0;



line-height: 0em;



}







ul#footer-menu li{



display: inline;



font-family: Verdana, Verdana, Geneva, sans-serif;



color: #484747;



padding: 0 15px 0 15px;



}







ul#footer-menu li a{



color: #484747;



}







ul#footer-menu li a:hover{



color: #2C2C2C;



}







#home ul#footer-menu li.current_page_item a{



color: #2C2C2C;



}







#footerREAL{



text-align: center;



padding: 5px 0 0 0;



}







#footerREAL p{



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 0.85em;



line-height: 1em;



color: #646363;



padding: 16px 0 0 0;



}







/*Conatct form css*/



.screenReader { 



left: -9999px; 



position: absolute; 



top: -9999px; 



}







.thanks { 



background: #F2F3F6; 



border: 1px solid #7E8AA2; 



padding: 10px; 



margin: 20px 0 0 0;



}







ol.forms { 



float: left; 



list-style: none; 



margin: 6px 0 0 0; 



width: 100%; 



}







ol.forms li {



	clear: both;



	float: left;



	margin-bottom: 15px;



	position: relative;



	width: 100%;



}







ol.forms label {



	cursor: pointer;



	display: block;



	width: 100px;



	font-family: Verdana, Geneva, sans-serif;



    font-size: 0.9em;



    line-height: 1.8em;



    color: #525151;



	padding: 0 0 4px 0;



}







ol.forms input, ol.forms textarea {



border: 1px solid #7E8AA2;



border-radius: 3px;



font: inherit;



-moz-border-radius: 3px;



padding: 2px;



-webkit-border-radius: 3px;



width: 300px;



margin: 2px 0 0 0;



}







ol.forms textarea { 



height: 200px; 



width: 500px; 



margin: 2px 0 0 0;



}







.error { 



color: #f00; 



}







ol.forms li .error { 



font-size: 12px; 



margin-left: 5px; 



}







ol.forms li.textarea .error {



display: block;



margin: 7px 0 0 0;



}







ol.forms li.screenReader { 



margin-bottom: 0; 



}







ol.forms li.buttons button {



font-family: Verdana, Geneva, sans-serif;



font-size: 0.9em;



line-height: 1.8em;



color: #525151;



cursor: pointer;



}







ol.forms li.buttons button:hover { color: #222; }



ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }



ol.forms li.buttons, ol.forms li.inline { width: 460px; }



ol.forms li.inline input { width: auto; }



ol.forms li.inline label { display: inline; float: none; width: auto; }















#footer-top {



	width:952px;



	margin:0 auto 0px auto;



	padding:0;



	background:url(/images/footer/footer-bg-top.gif) no-repeat;



	height:4px;



}







#footer {



	height: auto;



	margin: 0px auto 0px auto;



	padding:30px 0px 20px 0px;



	border:1px #ccc solid;



	border-width:0 1px 0 1px;



	background: #CAC9C9 url(images/footer-bg.png) repeat-y center;



	font-family:lucida grande, "Lucida Grande", sans-serif;



	color:#607889;



	overflow:auto;



	clear: both;



	text-align: center;



}







#footer img {



	border:0;



}



#footer a:link, #footer a:visited {



	color:#607889;



	text-decoration:none;



}



#footer a:hover {



	text-decoration:underline;



}



#footer-nav {



	margin:0 auto 0 auto;



	width:829px;



	overflow:auto;



	padding-left:40px;



}



#footer-nav dl * {



	margin:0;



	padding:0;



	font-size:11px;



	text-align:left;



}



#footer-nav dt {



	font-weight:bold;



	padding-bottom:10px;



}



#footer-nav dd {



	padding-bottom:8px;



}



#footer-main, #footer-services, #footer-connect, #footer-social{



	padding:0 20px;



	display:inline;



	float:left;



	margin:0;



        list-style-type: none;







}







#footer-social{



	padding:0 0px 0 100px;



	display:inline;



	float:left;



	margin:0;



        list-style-type: none;







}







#footer-social ul li{



padding: -20px 15px 0 0;



margin: 0px 0px;



float: left;



display: inline;



list-style-type: none;







}



.first-col {



	padding:0 30px 0 10px !important;



}



#footer-legal {



	width:800px;



	margin:0 auto;



}



#footer * p {



	margin:0;



	padding:0;



	font-size:11px;



	text-align: left;



}



#footer-copyright {



	width:575px;



	margin:0 0 22px 0;



	padding:0;



	float:left;



}



#footer-logo {



	float:right;



	width:225px;



	margin:0;



	padding:0;



}



#footer-logo p {



	padding-left:6em;



}



#footer-logo img {



	padding:3px 0 0 5px;



	float: right;



	display: block;



	margin: -1em 0 0;



}