/*
Theme Name: Apex Systems Ltd
Description: 
Version: 1.0
Author: Robert Knightsbridge
	This theme was designed and built by Robert Knightsbridge
	at:  http://sw1design.com/
*/
/* =(Global)
-----------------------------------------------------------------------------*/
/* Remove padding ,margins , borders and stanadrdise other elements for all browsers */
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* =Changes to above (Global)
-----------------------------------------------------------------------------*/
/* Put it back on certain elements */

/* Standardise H Tags */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold; margin: 1px 0px;}
h1,h2,h3,h4,h5,h6{font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}

/* Standardise Other Tags */
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: disc outside;}dl dd{margin-left:1em;}
th,td {border:1px solid #000;padding:.5em;}th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table {margin-bottom:1em;}

/* =Typography
-----------------------------------------------------------------------------*/
/* =Set Fonts (Global) */
body {font:13px/1.22 tahoma,verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
a {color: #E19300;}
a:hover {color: #ffaa0d;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/* Changes to Global Fonts  */

/* =Layout (Global)
-----------------------------------------------------------------------------*/
#wrapper {background: url(images/bg-wrapper-shadow.gif) repeat-y;margin-right: auto;width: 996px;margin-left: auto;padding-right: 4px;padding-left: 4px;} 

/* Class for clearing floats */
.clear {clear:both;margin: 0px;padding: 0px;}
.none {display: none;}
.alignright {float: right;} .alignleft {float: left}
.imageLeft, .imgLeft {margin: 0.5em 1em 1em 0;float:left;} .imageRight, .imgRight {margin: 0.5em 0 1em 1em;float:right;}
.imageLink { padding:0 !important;margin:0 !important;background:#ffffff !important;border:none !important;color:#ffffff !important;}
.pagenavigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
.breadcrumbs {}

/* =Header =Banner
-----------------------------------------------------------------------------*/
#header * {top:70px;left:482px;z-index:10;}
#header {width: 996px;background: #fff url(images/logo-apex.gif) no-repeat left;height: 95px;margin: 0px;padding: 0px;}
#header h1 {margin: 0px;padding: 0px;}
.branding {background: url(images/logo-a-pex.gif) no-repeat;height: 95px;width: 141px;text-indent: -9999px;float: left;display: block;overflow: hidden; }

.strapLine {background: url(images/strapline.gif);height: 95px;width: 405px; text-indent: -9999px;display: none;}
#logo a {display:block;width:300px;height:50px;text-decoration:none;text-indent:-5000em;overflow:hidden;}
.LogoPrint {display: none;}

#search {top: 0px;text-align: right;width: 300px;float: right;height: 55px;padding-right: 15px;padding-left: 0px;padding-top: 15px;margin: 0px;}

/* =Main Nav
-----------------------------------------------------------------------------*/
#navigationContainer {width: 845px;text-align: right;float: right;margin: 0px;padding: 0px;line-height: 25px;background: #FFFFFF;}
#navigationContainer ul {margin: 0px;padding: 0px;}
#navigationContainer li {display:inline;}
#navigationContainer li a {font: 115% Arial, Helvetica, sans-serif;text-decoration:none;color:#666666;padding:0.1em  0.7em;border-right: 1px solid #325788;}
#navigationContainer li a:hover {color:#ffaa0d;}
#navigationContainer .end a  {border-right: 0px none;}

#navigationContainer .page_item page-item-6 a  {border-right: 0px none;}

/* =Sub Nav
-----------------------------------------------------------------------------*/
#Home #subnavContainer {top:0;left:0;zoom:1;width: 268px;float: left;margin: 0px;padding: 0px;background: #325788 url(images/banner-bg.jpg) no-repeat left top;}
#Main #subnavContainer {top:0;left:0;zoom:1;width: 268px;float: left;margin: 0px;padding: 0px;background: #326293 url(images/bg-subnav-main.jpg) no-repeat left top;height: 100%;}
#subnavContainer ul {margin: 43px 0px 0px 19px;}
#subnavContainer li {/* float:left; */list-style: none;}
#subnavContainer li a {text-decoration:none;color:#FFFFFF;font-size:96%;padding:0.4em 0em 0.5em 1em;background: url(images/subnav-arrow-off.gif) no-repeat left center;border-bottom: 1px solid #325788;display: block;}
#subnavContainer li a:hover {background: url(images/subnav-arrow-on.gif) no-repeat left center;color: #ffaa0d;}
#subnavContainer  .end a {border-top: 0px none;border-right: 0px none;border-bottom: 0px none;border-left: 0px none;}

/* =Home Page
-----------------------------------------------------------------------------*/
#Home #wrapper #header img {float: left;}
#Home #bannerContent {background: #325788 url(images/banner-bg.jpg) no-repeat;margin: 0px;padding: 0px;width: 996px;height: 326px;}
#Home #bannerContent  h3 {font-size: 130%;color: #FFFFFF;margin: 0px 0px 0px 35px;padding: 0px;height: 0px;line-height: 40px;text-indent: -9999px;}
#Home #primary {width: 410px;float: left;clear: right;background: url(images/banner-main-image.jpg) no-repeat top;height: 327px;}
#Home #secondary{float: right;width: 318px;color: #FFFFFF;}
#Home #secondary ul {margin: 50px 20px 0px 23px;}
#Home #secondary li {/* float:left; */list-style: none;margin-bottom: 15px;}
#Home #secondary  a  {color: #ffaa0d;font-size: 100%;padding-bottom: 10px;margin-bottom: 10px;}
#Home #secondary .title {display: block;margin: 0px 0px 3px;padding: 0px;}
#Home #midbtns {margin: 0px;padding: 0px;width: 996px;height: 130px;background: #FFFFFF;}
#Home #midbtns ul {padding:1px 0px 0px;margin: 0px;}
#Home #midbtns li {	display:inline;}
#Home #midbtns a {text-decoration: none;}
#Home #midbtns .btn1 a  {background: url(images/btn-epoxy.gif) no-repeat;height: 99px;width: 296px;float: left;margin-left: 15px;display: block;overflow: hidden;margin-top: 8px;text-indent: -9999px;}
#Home #midbtns .btn2 a  {background: url(images/btn-acrylic.gif) no-repeat;height: 99px;width: 296px;float: left;margin-left: 37px;display: block;overflow: hidden;margin-top: 8px;text-indent: -9999px;}
#Home #midbtns .btn3 a  {background: url(images/btn-contact.gif) no-repeat;height: 124px;width: 303px;float: left;margin-left: 34px;display: block;overflow: hidden;margin-top: 0px;padding: 0px;text-indent: -9999px;}

/* =Main Page
-----------------------------------------------------------------------------*/
#Main #content {background: #325788 url(../images/banner-bg.jpg x) no-repeat;margin: 0px;padding: 0px;width: 996px;background: #FFFFFF url(images/bg-content.gif) repeat-y left top;}
#Main  #content  h3 {font-size: 130%;color: #CCCCCC;margin: 0px 0px 0px 35px;padding: 0px;height: 0px;line-height: 40px;text-indent: -9999px;}
#Main #primary {width: 460px;float: left;clear: right;background: url(images/bg-primary-main.gif) repeat-x left top;padding: 45px 30px 20px;color: #333333;font-size: 100%;line-height: 1.4em;}
#Main #primary h2 {color: #325788;font: bold 150% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-top: 0px;margin-bottom: 15px;border-bottom: 1px solid #325788;padding-bottom: 8px;padding-top: 10px;}
#Main #primary h2 a {color: #325788;text-decoration: none;}
#Main #primary h2 a:hover {color: #d9981e;text-decoration: none;}
#Main #primary p {font-size: 1.1em;line-height: 1.3em;color: #535353;}
.postmetadata a {font-size: 90%;}

/* case study */
#Main #primary .case-study h2 {border-style: none;margin-bottom: 0px;padding-bottom: 0px;}
.case-study h2 a {color: #325788;text-decoration: none;border-bottom-style: none;}
.case-study {background: url(images/bg-case-study.gif) no-repeat left top;width: 414px;padding: 45px 30px 30px 25px;height: auto;color: #666666;text-align: right;margin-top: 40px;}
.case-study p {padding-top: 0px;}
.case-study h4 {color: #325788;padding-top: 15px;font-size: 140%;font-weight: bold;}
.case-study img {}

/* sidebar.php */
#Main  #secondary{float: right;width: 208px;color: #333333;background: #F8F8F8 url(images/bg-secondary-main.gif) no-repeat left top;padding-bottom: 35px;padding-top: 60px;	margin-bottom: 20px;}
#Main #secondary ul {margin: 0px 20px 0px 20px;font-size: 95%;}
#Main #secondary li {/* float:left; */list-style: none;margin-bottom: 5px;}
#Main #secondary  a  {color: #325788;font-size: 90%;margin: 0px;padding: 0px;font-weight: bold;}
#Main #secondary  a:hover{text-decoration: underline;color: #ffaa0d;}
#Main #secondary .title {display: block;margin: 0px 0px 3px;padding: 0px;}
#Main #secondary  .side-heading  {color: #FFFFFF;margin: 25px 0px 20px;padding: 0px;font-size: 115%;background: #326293 url(images/bg-sidebar-h4.gif);width: 208px;height: 40px;display: block;line-height: 40px;text-indent: 20px;}
#Main #secondary .sidelinks {text-decoration: none;}
#Main #secondary .sNews {margin-bottom: 12px;border-bottom: 1px dotted #999999;padding-bottom: 12px;}
#Main #secondary .morelink {font-size: 80%;}
#Main #secondary .archives .sCase .sidelinks {display: inline;}
.archives {text-decoration: none;font-weight: normal;}
a.archives {text-decoration: none;font-weight: normal;}


/* =Footer
-----------------------------------------------------------------------------*/
#Home #footer {margin-top: 0px;margin-bottom: 0px;background: #000000 url(images/footer-grad-hompage.gif) repeat-x;height: 178px;
width: 971px;padding-top: 0px;padding-left: 25px;padding-bottom: 0px;color: #CCCCCC;}
#Main #footer {margin-top: 0px;margin-bottom: 0px;background: #d9981e;height: 10px;width: 971px;padding-top: 0px;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;width: 996px;padding-bottom: 0px;color: #f2f2f2;}

#footer .footertxtleft {color: #FFFFFF;width: 330px;padding: 5px 20px 0px 0px;font-size: 95%;float: left;line-height: 1.4em;}
#Home #footer ul , #Home #footer li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer-navigation {background: url(images/footer-nav-shadow.gif) no-repeat;height: 32px;margin-right: auto;margin-left: auto;padding-right: 4px;padding-left: 4px;width: 996px;font-size: 85%;} 
#footer-navigation ul {padding:5px 20px 0px 0px;margin: 0px;text-align:right;}
#footer-navigation li {display:inline;font-size:1.0em;padding-right: 0.8em;}
#footer-navigation a {color: #ccc;text-decoration: none;}
#footer-navigation  a:hover {color: #ffaa0d;}

#copy {background: #FFFFFF;margin: 15px 0px 0px;padding: 0px 0px 25px;}
#copy ul {margin: 0px;padding: 0px;text-align: left;}
#copy  a {color: #666;text-decoration: none;}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

fieldset {color: #666 ;}
legend {font-size: 115%;font-weight: bold;color: #999;margin-left: 0px;}
#frmElement {height: 35px; margin: 0px;}  put classes below,in this div 
.frmText {float: left;width: auto;padding: 4px 0 0 0px;}
.frmField {}
.frmField input {border: 1px solid #999999;padding: 2px;}
.frmSubmit {}


/* =Tables
-----------------------------------------------------------------------------*/

td {text-align: left;	font-weight: normal;}

/* =Multimedia
-----------------------------------------------------------------------------*/

.flashPlayer {position:relative;overflow:hidden;}

/* =Misc
-----------------------------------------------------------------------------*/


/* =To Be Filed
-----------------------------------------------------------------------------*/