@charset "utf-8";

/* CSS Document http://www.416studios.co.uk/design

By: 
Michael Dyer http://www.dfunkydog.com
416studios */



/* Reset styles and set basic typography
based on 
http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	
}
body {
	background-color:0c0c0c;
	line-height: 1;
	text-align:center; /* center page */
	font-size: 62.5%; /* set 1 em to 10px */
	color:a0a0a0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}



/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* enf of reset, begin typography */

body {
	font-family:Tahoma, helvetica,Arial,sans-serif;
	color:#757a84;
	}


h1 {
	font-size:3.6em;
	font-weight:normal;
	letter-spacing:-0.1em;
	color:#f0f0f0;
	line-height:1.1em;
	text-transform:uppercase;
	}

h2 {
	font-size:2.4em;
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#63ABC5;
	}
	

	
h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#243e48;
	text-transform:uppercase;
	letter-spacing:0.15em;
	}
	

	
p {
	font-size:1.3em;
	line-height:1.7;
	}
	
	
	
a {text-decoration:none;	}

a:link  {color:#63abc5	}
	
a:visited {color:#b76a0e;}
	
a:hover {
	color:#63abc5;
	background-color:#e1e1e1;
	}
	
#header , #header a:link, h3.services , #footer h3, .post h3, ul#subs li a {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#243e48;
	}	
		ul#subs {
		color:#eaeaea;
		font-family:"lucida grande",  arial, Verdana, sans-serif ;
		font-size:1.4em;
		line-height:1.7;
		}
		
		ul#subs li h3 a{
		text-transform:uppercase;
		letter-spacing:0em;
		font-size:.833em;
		}
		
		ul#subs li h3 a:hover {
			color:#eaeaea;
			background:none;
			}
	
		#navigation ul li {
			font-size:1.2em;
			font-weight:bold;
			text-transform:uppercase;
			}
			
			#navigation ul li a {
				color:#243e48;
				}
				
			#navigation ul li a:hover, #navigation li.currentpage a {
				color:#e4e4e4;
				background:none;
				text-shadow:0px 1px 1px #487c8f;
				}
		
			
			
		#tagline p {
			text-transform:uppercase;
			font-size:1.8em;
			font-weight:bold;
			line-height:1.6;
			color:#243e48;
			text-shadow: 1px 1px #8fc0cc;
			
			}
			
		#subsidiary {
			font-size:3.7em;
			text-align:right;
			font-weight:bold;
			text-shadow: 1px 1px #9fc0cc;
			font-family:rockwell, Georgia, Times, "Times New Roman", serif;
			}
			
			
#sidebar {
	color:#243e48;
	}
	#sidebar a:link, #sidebar a:visited {
	color:#b4d3dd
	}
	
#sidebar a.download:hover {background-color:#63abc5;}
	
#sidebar h3 {
	font-size:1.8em;
	font-family:Georgia, Times, "Times New Roman", serif;
	margin:0 10px;
	text-transform:none;
	letter-spacing:0;
	}

a.download {
background: url(images/download-bg.jpg) no-repeat;
height:97px;
display:block;
width:100%;
text-indent:-9999px;
}


	
#footer  {
	text-align:left;
	}
	#footer li {
		font-size:1.3em;
		}
		
	.copyright {
		font-size:1em;}
	
.services li{
	font-size:1.3em;
	}
	
/* end of typography begin Layout*/



body{ background:#eaeaea url('images/body_bg.jpg') repeat-x ; }


h1 a{
	background: transparent url('images/logo.jpg') no-repeat ;
	display:block;
	height:45px;
	width:231px;
	text-indent:-9000px;
	float:left;
	
	}
	h1 a:hover {
		background-image:url('images/logo.jpg');
		}

 
#outer_wrap {
	background: transparent url('images/inner_wrap.jpg') no-repeat ;
	}
	
#wrap {
	text-align:center;
	width:960px;
	margin:0 auto;
	}


#header {
		text-align:left;
		background:transparent url('images/header.jpg') no-repeat ;
		padding-left:10px;
		padding-top:23px;
		width:960px;
		height:244px;
		position:relative;
		}
		
		ul#subs {
			position:absolute;
			top:67px;
			left:5px;
			width:238px;
			height:222px;
			background: transparent url('images/portal-ul.png') no-repeat;
			padding-top:20px;
			padding-left:10px;
			}
			
			ul#subs li {
				padding:0 20px 20px 20px;
				}
			ul#subs h3 {
			border-bottom: 3px solid #253441;
			margin-right:25px;
			}	
			
			
		
		#navigation{
			float:right;
			padding-top:11px;
			text-align:right;
			margin-right:20px;
			}
			
			#navigation ul li {
				display:inline;
				margin-left:57px;
				padding-bottom:18px;
				
				}
				
			#navigation ul li a {
				display:inline-block;
				height:32px;
				border-bottom:3px solid #243e48 ;
				}
				#navigation ul li a:hover {
				border-bottom:3px solid #e4e4e4 ;
				}
				
			#navigation li.currentpage a {
				border-bottom:3px solid #e4e4e4 ;
				}
				
		#tagline{
			float:left;
			width:420px;
			padding-top:30px;
			}
		
		#subsidiary {
			float:right;
			width:320px;
			margin-right:20px;
			padding-top:29px;
			}
	
#content{
	float:left;
	width:630px;
	padding-left:10px;
	text-align:left;
	margin-bottom:20px;
	}
#content_wide {
	width:950px;
	}

	.post {
	background:transparent url('images/post_side.png') repeat-y right;
	padding-top:30px;
	}
	.post .entry {width:540px;}
	.post  p {
		
		margin:15px 0;
	}
	
	.post-meta {
		background: transparent url('images/post_bottom.jpg') no-repeat right;	
		padding-bottom:20px;
		}
	
	.post-title {
		background: transparent url('images/post_top.jpg') no-repeat right;	
		margin-top:20px;	
		}
	
	.post h3{
		border-bottom:3px solid #243e48;
		margin-top:22px;
		padding-bottom:6px;
		}
		h3.about {
			border:none;
			padding-bottom:0px;
			}
			
	.services ul{
		margin:15px 0;
		}
		.services li,  #footer li {
		border-bottom:1px solid #243e48;
		line-height:1.4;
		padding:8px 0;
		}
		
	#content .column_1, #footer .column_1 {
		width:220px;
		float:left;
		margin-right:90px;
		}
		
	.column_2 {
		float:left;
		width:220px;
		}
		
	.column_3 {
		float:left;
		margin-left:120px;
		width:300px;
		}
		
#sidebar {
	float:left;
	background-color:#63abc5;
	width:280px;
	margin-left:10px;
	text-align:left;
	padding: 30px 10px 10px;
	margin-bottom:20px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-khtml-border-bottom-left-radius: 9px; /* for old Konqueror browsers */
	}
	#sidebar p {
		margin:15px 10px;
		}

#footer {
	padding-top:30px;
	padding-bottom:10px;
	padding-left:10px;
	clear:both;
	border-top:#959595 1px solid;
	}
	
#footer h3 {
		border-bottom:3px solid #243e48;
		padding-bottom:6px;
		}
		
#footer ul {
	padding-bottom:30px;
	}
		
.copyright {
	font-size:1em;
	}
	
/* rounded corners */
.success, .error,  #quick_form textarea, #quick_form input, #tabContainer{
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}	
.clearfloat {clear:both;
	position:relative;
	}

.imgleft {
float:left;
margin:0 10px 0 0;
}

/* form */
#quick_form {
	padding:5px 15px 0px 10px;
	margin-top:24px;
	}

#quick_form legend {
	color:#294752;
	font-weight:bold;
	font-size:1.8em;
	padding-bottom:20px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	}	
	
#quick_form label {
	font-size:1.3em;
	color:##243E48;
	}
	#quick_form input, #quick_form textarea,#wide_form textarea, #wide_form input {
	font-family:Tahoma, helvetica,Arial,sans-serif;
	font-size:1.3em;
	color:#305360;
	padding:6px ;
	}
	
#quick_form input{
	width:238px;
	background-color:#99c5d5;
	border:none;
	margin:5px 0 12px 0;
	font-weight:normal;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#82aab9), to(#99C5D5));
	background-image:-moz-linear-gradient(center bottom, #99c5d5 80%, #82aab9 100%);	
	}
	
 #quick_form textarea{
	width:238px;
	background-color:#99c5d5;
	border:none;
	margin:5px 0 0 0;
	font-family:Tahoma, helvetica,Arial,sans-serif;
	overflow:auto;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 7%, from(#82aab9), to(#99C5D5));
	background-image:-moz-linear-gradient(center bottom, #99c5d5 93%, #82aab9 100%);
	overflow:auto;
	}
	
	#wide_form textarea {
	width:460px;
	}
	#quick_form textarea:focus, #quick_form input:focus {
	border: 1px solid #80ddff;
		}
	
#quick_form input.submit-button {
	width:125px;
	height:22px;
	padding:0 0 5px 0;
	font-size:1.4em;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#99C5D5), to(#8BB3C1));
	background-image:-moz-linear-gradient(0% 100% 90deg,#88B3C1, #99c5d5);
	border: 1px solid #5593a9;
	}
	
#quick_form input.submit-button:hover {
	cursor:pointer;
	background-color:#b4d3dd;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8BB3C1), to(#99c5d5));
	background-image:-moz-linear-gradient(0% 100% 90deg,#99c5d5, #8bb3c1);
	}
	
#quick_form input.submit-button:focus {
	border:none;	
	/* background:transparent url(images/qsubmitclick.jpg) no-repeat; */
	}
	
	#response {
	display:none;
	}
	
.error {
	color:#b33e3e;
	border:2px solid #b33e3e;
	padding:5px;
	margin:0px;
	}
	#quick_form  textarea.field_error, #quick_form input.field_error  {
	border: 1px solid #b33e3e;
		}
	

.success {
	color:#025778;
	border:2px solid #1a6380;
	padding:5px;
	
	}

.compulsory {
color:#b33e3e;
	}
	
/* slider */


#cycle {
   width: 540px; /* important to be same as image width */
   height: 330px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:transparent url('images/post_sisde.png') repeat-y right;
   
}


.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
  
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 0px;
   width: 540px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   font-weight:bold;
   text-transform:uppercase;
   font-size:1.8em;
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#prev {
	position:absolute;
	top:-210px;
	font-size:2em;
	left:-38px;
	width:38px;
	height:76px;
	background:transparent url(images/slide/prev.gif) no-repeat;
	text-indent:-5000px;
	}

	#next {
		position:absolute;
		top:-210px;
		right:52px;
		font-size:2em;
		width:38px;
		height:76px;
		background:transparent url(images/slide/next.gif) no-repeat;
		text-indent:-5000px;
		}

	
.hidden {
display:none;
}

/* portfolio layout and typgraphy */

#portfolio #header {
	background-image:url('images/portfolio_head.jpg');
	}
	

	
#portfolio .post ul li {
	margin-bottom:30px;
	background: transparent url('images/portfolio_side.jpg') repeat-y right;
	width:650px;
	height:330px;
	}
	
#portfolio #sidebar {
	background:transparent;
	}

#portfolio ul.desc {
	height:330px;
	margin-bottom:30px;
	background: #63abc5 url('images/folio-ul.jpg') no-repeat right;
	}
	
	#portfolio ul.desc li{
	font-size:1.3em;
	}
	
#portfolio #sidebar ul h3 {
	padding-top:30px;
	padding-bottom:30px;
	margin:0 30px 0 0;
	border-bottom: 1px solid #437385  ;
	text-transform:uppercase;
	font-size:1.7em;
	line-height:1.6;
	}
	
#portfolio #sidebar ul h3, #portfolio ul.desc h3 a {
	color:#243e48;
	text-shadow:1px 1px #9FC0CC;
	text-align:center;
	font-weight:normal;
	background-color:#63ABC5 ;
	}
	
 #portfolio ul.desc h3 a:hover {
 	background-color:#63ABC5 ;
	color:#417082;
 	}
	
ul.desc li ul li {
	font-size:0.79em;
	line-height:1.7;
	border-bottom: 1px solid #437385  ;
	margin-right:30px;
	font-family:Georgia, Times, "Times New Roman", serif;
	text-transform:capitalize;
	font-style:oblique;
	}
	
.tabsNav {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	text-transform:uppercase;
	line-height:2.4em;
	margin-top:1.85em;
	
	}
	
.tabsNav li {
	width:169px;
	}
	.tabsNav li.active{
	background:#e5e5e5;
	border:solid 1px #ddd;
	border-right:none;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-khtml-border-bottom-left-radius: 9px;
	-khtml-border-top-left-radius: 9px; /* for old Konqueror browsers */
	}
	.tabsNav li a {
		padding-left:12px;
		color:#63abc5;
		text-shadow:1px 1px 1px #fff;
		}
	
#tabContainer {
	margin-left:168px;
	background:#e5e5e5;
	border:solid 1px #ddd;
	margin-top:2.4em;
	}
	
#tabContainer p {padding-left:13px;margin-bottom:1.7em; margin-top:.5em;}