/* Created by: eddyfever for SimpleTheme! thanx to: get-simple.info */

/* IF you use other pages then template.php scroll down for speciafid options for that page */



/* General */

* { padding: 0; margin: 0; }



h1,h2,h3,h4,h5,h6,pre,code {font-size:2em;font-weight:400;}

ul,ol,li,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input {margin:0; padding:0}

a img,:link img,:visited img {border:none}



img {

 border: 0px;

}



html {

    height: 100%;



}



body {

 font-family: arial, "lucida Grande", verdana, helvetica, sans-serif;

 font-size: 13px;

 color: #41606d;

 	background-color:#5E5E5E;

 	background-image: url(http://www.access-control-cards.co.uk/data/uploads/bg.gif);

		background-position: center;

	background-repeat: repeat-y;

 line-height: 22px;

	text-align: center;

	margin: 0px;

	padding: 0px;

	height: 100%;

}



#outerwrapper {

    text-align: left;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	margin-top: 0px;

	width: 950px;

	height: 100%;

		z-index: 1;





	background-position: center;

	background-repeat: repeat-y;}





/* Headers */



h1{

 color: #464646;

 line-height:36px;

 font-family:arial;

 background-color:#DCE1FE;

 padding: 4px 0px 4px 15px;

  margin-bottom: 15px;

}



h2{

 color: #37484d;

 line-height:36px;

 font-family:arial;

}



h3{

 font-size:  1.5em;

 color: #37484d;

 line-height:36px;

 font-family:arial;

}



h4{

font-size:  1.5em;

line-height:36px;

font-family:arial;

}



/* Links */

a:link, a:active, a:visited{

 color: #0f2d6b;

 text-decoration: none;

}

a:hover{

 color: #000000;

 text-decoration: none;

}



#wrap1 a:link, #wrap1 a:active, #wrap1 a:visited{

 color: #000000;

 text-decoration: none;

}

#wrap1 a:hover{

 color: #0f2d6b;

 text-decoration: none;

}



/* Columns */

#wrapper { 

 	position: relative;

		z-index: 5;

 width: 950px;

 height: 135px;

 background-color:#ADABAB;







}



	/* Header template.php */

#header {

    position: absolute;

		z-index: 6;

 width: 950px;

 height: 130px;

 background-image:url(http://www.access-control-cards.co.uk/data/uploads/logo.gif)

}



#header img{

 float: left;

 margin-right: 25px;

  height: 120px



}



#header .logo{

 padding: 20px 0px 0px 0px;

 margin-left: 25px;

 line-height: 53px;

 color: #0f2d6b;

 font-family: Helvetica;

 font-weight: bold;

 font-size: 45px;

 

 }



#header .tagline{

 padding-left: 93px;

 color:#37484d;

 font-family:arial;

 font-size:24px;

	}

	/* leftcolumn template.php */

#leftcolumn { 

	z-index: 7;

    position: absolute;

	    left: 0px;

	top: 140px;

 margin: 0px 0px 50px 0px;

 padding: 10px;

 width: 200px;



}

	/* rightcolumn template.php */

#rightcolumn { 

	z-index: 8;

    position: absolute;

    left: 232px;

	top: 140px;

	

 margin: 0px 0px 50px 0px;

 padding: 10px;

 width: 668px;

 display: inline;

}

	/* rightcolumn liststyle template.php */

#rightcolumn ul { 

 padding-left: 18px;

}



/* Content */

/* date */

.date{

 padding-top: 10px;

 color: #37484d;

 font-size: 11px;

 font-style: italic;

}



/* Featured template.php */

#featured { 

 background: #41606d;

 color: #ffffff;

 width: 922px;

 margin: 0 auto;

 padding-top: 25px;

 padding-bottom: 45px;

}

/* Featured image as used on ieddy.nl/getsimple template.php */

#featured img, #featured2 img{ 

 margin-right: 10px;

}



#featured ul{ 

 list-style: none;

}



/* Footer with credits */

#footer { 

 background: #37484d;

 width: 922px;

 margin: 0 auto;

 clear: both;

 padding: 10px;

 height: auto;

 font-size: 11px;

 text-align: right;

}

/* Wraps for 100% width */

.wrap1{

 clear: both;

 background: #41606d;

 width: 100%;

 border-bottom: 1px #2d424a solid;

}



.wrap2{

 border-top: 1px #b0d5e1 solid;

 background: #ffffff;

 width: 100%;

}





/** CONTACT FORM by: get-simple.info **/



.contactform {

margin:0 0 20px 0;}

.contactform b {

display:block;}

.contactform input.text, .contactform textarea, .contactform select {

width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0; background: #b0d5e1; border: 1px solid #0f2d6b;  color: #41606d; }

.contactform textarea {height:150px;width:350px;}

.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}

.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}

.contactform p.success {color:#00CC33;}

.contactform p.error {color:#CC0000;}



/* Menu */

	/* for IE5 and IE6, update your browser!!!*/

#menu li{

 display: inline;

}



#menu a{

 background-color: #0357AB;

 color: #ffffff;

 font-weight:bold;

 text-decoration: none;

 display: block;

 padding: 6px 6px 6px 15px;

 border-bottom: 1px solid #c0c0c0;

}



#menu a:link, #menu a:visited{

 background-color: #0357AB;

 color: #fff;

 text-decoration: none;

}



#menu a:hover{

 background-color: #DCE1FE;

 color: #0357AB;

 border-bottom: 1px solid #c0c0c0;

}



/* Elements */

code{

 margin-top: 1em;

 margin-bottom: 1em;

 font-size: 11px;

 display: block;

 padding: 15px;

 background: #b0d5e1;

 border: 1px dashed #0f2d6b;

}



hr{

 background-color: #0f2d6b;

 height: 1px;

 border: 0px;

}



blockquote {

 font-style: italic;

 margin: 0px;

 padding: 15px;

 border-left: 3px solid #0f2d6b;

 background: #b0d5e1;

}



#download a

{

font-size: 30px;

line-height:36px;

font-family:arial;

display: block;

width: 300px;

text-align: center;

padding: 6px;

background-color: #b0d5e1;

color: #2d424a;

border-bottom: 1px solid #37484d;

}



#download a:link, #download a:visited

{

color: #2d424a;

text-decoration: none;

}



#download a:hover{

background-color: #0f2d6b;

color: #ffffff;

border-bottom: 1px solid #41606d;

}



/** menu_right.php **/

#leftcolumn2 { 

 margin: 0px 0px 50px 0px;

 padding: 10px;

 width: 678px;

 float: left;

}

#leftcolumn2 ul { 

padding-left: 18px;

}



#rightcolumn2 { 

 float: right;

 margin: 0px 0px 50px 0px;

 padding: 10px;

 width: 200px;

 display: inline;

}

/** 2columns.php **/

#featured_left{

 width: 430px;

 padding-right: 50px;

float: left;

}



#featured_right{

 width: 430px;

float: right;

}



#featured2 { 

 background: #41606d;

 color: #ffffff;

 width: 922px;

 height: 230px;

 margin: 0 auto;

 padding-top: 25px;

}



/** featured.php **/



.wrap1_1{

 background: #41606d;

 width: 100%;

 padding-left: 10px;

  border-top: 1px #b0d5e1 solid;

 border-bottom: 1px #2d424a solid;

}



.wrap2_1{

 clear: both;

 border-top: 1px #b0d5e1 solid;

 background: #37484d;

 width: 100%;

}