/*  

Client: Pad Media In House Website
Client URL: http://www.padmedia.co.uk
Description: Pad Media In House Website
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 04/05/2008

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	background:url(../images/body_bg.png) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	color:#666666;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.2em;
	line-height:1.9em;
	margin-bottom:1.2em;
}

h1 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:3.6em;
	color:#666666;
	padding:0 0 7px 0;
	margin:10px 0 19px 0;
	border-bottom: 3px solid #99CC00;
}

h2 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:2.2em;
	color:#99CC00;
	margin:10px 0 20px 0;
}

h3 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:1.8em;
	color:#99CC00;
	margin:0px 0 15px 0;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#99CC00;
	margin:0px 0 11px 0;
}

h5 {
}

h6 {
}

ul {
}

li {
}

blockquote {
	padding:10px 10px 0px 10px;
	background:#F5F5F5;
	border:1px solid #EBEBEB;
	margin:0 0 1.4em 0;
	overflow:hidden; /* This is to contain floats */
}

blockquote p {
	font-style:italic;
}

img {
}

strong {
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a {
	color:#99CC00;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
}

a:focus {
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

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

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.green-line {
	border-bottom:#99CC00 1px solid;
	margin:0 10px;
	width:940px;
}

.green {
	color:#99CC00;
}

/* 7.0	Wrapper */

div#wrapper {
	margin:auto; /* Centres the page */
	width:960px;
	overflow:hidden; /* This is to contain floats */
}

/* 8.0	Logo */

div#logo a {
	float:right;
	width:300px;
	height:141px;
	background:url(../images/logo.png) no-repeat;
	margin: 10px 10px 0 0;
	display:inline; /* Hack for IE 6 Double Margin Bug */
	text-indent:-999999px; /* Hides accessible text off the page */
}

/* 9.0	Layout */

#telephonenumber {
	width:98px;
	height:74px;
	background:url(../images/tel-no.png) no-repeat;
	text-indent:-9999999px; /* Hides Accessible Text */
	position: relative;
	top:0;
	left:10px;
}

#header {
	width:540px;
	float:left;
	margin:0 0 0 10px;
}

.column { /* Used as a class as it is repeated through out the page */
	width:300px;
	float:left;
	display:inline; /* Hack for IE6 Double Margin Bug */
	margin: 20px 10px;		
}

.doublecolumn { /* Used as a class as it is repeated through out the page */
	width:620px;
	float:left;
	display:inline; /* Hack for IE6 Double Margin Bug */
	margin: 20px 10px;		
}

#globalcontent {
	background:#f7f7f7;
	padding:10px 0;
	overflow:hidden; /* This contains Floats */
	margin: 20px 0 50px 0;
}

	#globalcontent .column {
		width:300px;
		float:left;
		display:inline; /* Hack for IE6 Double Margin Bug */
		margin: 0px 10px;
	}		

	#globalcontent p {
		font-size:1em;
		text-align:justify;
	}

#footer {
	overflow:hidden; /* this is to contain the floats */
	border-bottom: 5px solid #99CC00;
	padding:0 0 16px 10px;
}

	#footer #copyright {
		float:left;
		line-height:1.4em;
	}

/* 10.0	Navigation */

/* Global Navigation */

#nav {
	float:right;
	margin: 0 10px 0 0;
}

#nav ul {

}

#nav li {
	float:left;
}

#nav li a {
	font-size:1.4em;
	text-transform:uppercase;
	color:#FFFFFF;
	padding: 0px 20px;
	margin: 0 0 0 7px;	
	text-decoration:none;
	line-height:36px;
	display:block;
}

#nav li a:hover, #nav li a:focus, #nav li a.selected {
	color:#666666;
	background:url(../images/tab_on.png) repeat-x bottom;
	text-decoration:none;
}

/* Footer Navigation */
#footer ul {
	float:right;
	padding-top:14px;
}

#footer li {
	float:left;
	border-right: 1px #666666 solid;
	padding:0 10px;
}

#footer li a {
	text-decoration:none;
	color:#666666;
}

#footer li a:hover {
	text-decoration:underline;
}

/* Services Navigation */

#services-nav li {
	margin:0 0 2px 0;
}

#services-nav li a {
	display:block;
	padding:6px 20px;
	background:url(../images/services_nav_bullet.gif) left no-repeat #F7F7F7;
	font-size:1.2em;
	color:#666666;
	line-height:1.4em;
}

#services-nav li a:hover, #services-nav li a:focus, #services-nav li a.selected {
	text-decoration:underline;
}

/* 11.0	Forms */

#contactform fieldset {
	border:none;
	padding:0;
	margin:0;
}

legend {
}

#contactform label {
	clear:both;
	font-size:1.1em;
	display:block;
	float:left;
	width:115px;
	padding:4px 0 0 0;
}

#contactform input {
	padding: 2px 3px;
	font-size: 1.1em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	width:175px;
	border:1px solid #666666;
}

#contactform input:focus, #contactform textarea:focus {
	background:#F5F5F5;
}

#contactform textarea {
	padding: 2px 3px;
	font-size: 1.1em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	width:175px;
	border:1px solid #666666;
}

#contactform li {
	margin:0 0 7px 0;
}

#contactform input.submit {
	width:auto;
	padding:3px 7px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #99CC00;
}

/* error trapping */

label.error {
	width:175px!important;
	float:none!important;
	display:block;
	color:#FF0000;
	font-size:11px!important;
	font-style:italic;
	text-transform:none;
	margin:0 0 0 115px;
}

input.error,
textarea.error,
select.error{
	background:#fcebeb!important;
	border: 1px solid #ffcccc!important;
}

input.error:focus,
textarea.error:focus {
	border: 1px solid #ff9999!important;
}

/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}

/* Sign up to newsletter */

input.signup {
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding:7px 4px;
	color:#666666;
	background:#FFFFFF;
	width: 218px;
	float:left;
	margin: 0 0 12px 0;
}

input.signup:focus {
	color:#000000;
}

.emailsignupsubmit {
	float:right;
	margin-top: -2px;
	display:block;
}

p.newsletter {
	text-align: justify;
	font-size:1.1em;
	margin:0;
}

/* Recent Projects Pagination CSS */
.virtualpage, .virtualpage2, .virtualpage3 {
	/*hide the broken up pieces of contents until script is called. Remove if desired*/
	display: none;
}

.paginationstyle { /*Style for demo pagination divs*/
	float:right;
	margin: -30px 7px 0 0;
	position:relative; 
}

.flatview {
	line-height:30px;
}

.paginationstyle a { /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #99CC00;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
	color: #666666;
	background-color: #D1D1D1;
}

/* Portfolio Index Page */

#portfolio {
	margin-bottom:60px;
	overflow:hidden; /* To contain floated elements */
}

#portfolio li {
	width:300px;
	float:left;
	display:inline; /* Hack for IE6 Double Margin Bug */
	margin: 20px 10px 0 10px;
}

#portfolio li img {
	border:5px solid #DfDFDF;
	padding:1px;
}

#portfolio li h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:10px 0 0 0;
}

#portfolio li h2 a {
	font-weight:bold;
	color:#333;
}

#portfolio li:hover img {
	border:5px solid #CCC;
}

/* Portfolio Page */
.portfolio_image {
	margin:10px 0;
	padding:5px;
	background: url(../images/img_bg.png) repeat-x;
}

#solution ul {
	padding:5px 10px;
	background:#F5F5F5;
	border:1px solid #EBEBEB;
	margin:0 0 1.4em 0;
}

#solution li {
	font-size:1.2em;
	margin:5px 0 5px 10px;
	padding: 0 0 0 10px;
	list-style: disc;
}

#testimonialname p{
	color:#99CC00;
	float:left;
}

/* Lightbox CSS */
#lightbox {	
	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img { 
	border: none; 
}

#outerImageContainer {
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer { 
	padding: 10px;
}

#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav{ 
	left: 0;
}

#hoverNav a { 
	outline: none;
}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData {
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption { 
	font-weight: bold;	
}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay { 
	position: absolute; 
	top: 0; left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}

/* Blog Section */

.doublecolumn ul {
	margin:0 0 0 18px;
	padding:0;
	list-style:disc;
}

.doublecolumn ol {
	margin:0 0 0 18px;
	padding:0;
	list-style: decimal;
}

.doublecolumn li {
	font-size:1.2em;
	line-height:1.9em;
	margin-bottom:1.2em;
}

/*** Comments ***/

#comment_form ul {
	list-style:none;
	padding:0;
	margin:0;
}

#comment_form ul li {
}

#comment_form ul li label {
	width:120px;
	float:left;
	position:relative;
	top:3px;
}

#comment_form ul li input,
#comment_form ul li textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	border:1px solid #999;
	padding:3px 5px;
	width:300px;
	font-size:11px;
}

#comment_form ul li.checkboxli input {
	width:auto;
	padding:0;
	border:none;
	float:left;
	margin:0 0 0 120px;
	display:inline;
	clear:both;
}

#comment_form ul li.checkboxli label {
	float:none;
	width:auto;
	top:-3px;
	left:10px;
}

/* display comments */

#comments {
}

#comments ul {
	list-style:none;
	margin:0;
	padding:0;
}

#comments ul li {
	background:#F7F7F7;
	
}

#comments ul li {
	background:#F7F7F7;
	padding:5px;
	margin-bottom:2px;
}

#comments ul li p {
	margin:0 0 5px 0;
	color:#666666;
	font-size:11px;
}

.comment-details {
	margin:0 0 0 0;
	color:#666666;
	font-size:11px;
	line-height:1.9em;
	font-style:italic!important;
	font-weight:bold;
}

/* Nivo Slider */

#sliderwrapper {
	display:block;
	background:url(../images/slider_bg.png) no-repeat;
	height:300px;
	width:606px;
	padding:13px 0 0 13px;
	-webkit-box-shadow: 0px 1px 5px 0px #7d7d7d; /* 4a4a4a */
    -moz-box-shadow: 0px 1px 5px 0px #7d7d7d;
    box-shadow: 0px 1px 5px 0px #7d7d7d;
	margin-bottom:70px;
}

.nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	display:block;
	position:absolute;
	left:50%;
	bottom:-60px;
    margin-left:-50px; /* Tweak this to center bullets */
	z-index:9;
}

.nivo-controlNav a {
	cursor:pointer;
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

/* Landing Page Styling */

ul#landing-pages {
	padding-top:10px;
}

ul#landing-pages li {
	float:left;
	font-size:1.1em;
	margin-right:5px;
	line-height:18px;
}

ul#landing-pages li a {
	color:#666666;
	font-style:italic;
	margin-right:5px;
}