/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html {
	color:#000;
	background:#FFF;
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, 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, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins {
	text-decoration:none;
}
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 {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
font-size:100%;
}
/* reset end */


html {
background: #fff url(../img/body_back.jpg) repeat-x; 
font: normal 75%/1.5em "Helvetica", Arial, sans-serif;
color: #333; /* <-- main font color */
overflow-y: scroll;
}
body { text-align: left; }

/* -- UTILITY -- */
.padd10 {padding: 10px;}
.padd20 {padding: 20px;}
.padd30 {padding: 0px 40px;}
.padd40 {padding: 0px 40px; border-right: 1px solid #ccc;}
.clear {clear:both;display:block;overflow:hidden;width:0;height:0}

.col1, .col2, .col3, .col4, .smallcol1, .maincol, .subcol1, .subcol2 { display:inline; float:left; position:relative; }

.col1 { width: 960px; }
.col2 { width: 560px; }
.col3 { width: 480px; }
.col4 { width: 400px; }

/* -- COLUMNS SECTION -- */
.smallcol1 { width: 320px; } 
.maincol { width: 639px; border-right: 1px solid #ccc; }
	.subcol1 { width: 248px; }
	.subcol2 { width: 391px; }

.smallcol1.center { width: 318px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	} 

.smallcol1 h1 { padding: 0px 8px;}
.smallcol1 h2 { font-size: 16px;
	line-height: 1.25em;
	margin-bottom: 10px;}
	
/* -- END COLUMNS SECTION -- */
	
.right { margin-left: 20px; }

.imgright { float: right; padding: 5px; margin-left: 20px; border: 1px solid #ccc; }
.imgleft {	float: left; padding: 5px; margin-right: 20px; border: 1px solid #ccc; }
.imgcenter{ border: 1px solid #ccc;}

.padd30 h1 { font-size: 18px;
	line-height: 1.25em;
	margin: 0 0 20px 0;
}

.padd30 h3 { font-size: 18px;
	line-height: 1.25em;
	margin: 0 0 20px 0;
}

#skip { display: none; }
/* -- end UTILITY -- */

/* -- Main div -- */
#wrapper {
	width: 960px;
	text-align: left;
	margin: 20px auto;

}

#logo img {
	float: left;
	margin-right: 10px;
}

#page {
	width: 960px;
	float: left;
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	/*border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;*/
	margin-bottom: 20px;
}

/* HOME PAGE jQuery BANNER SECTION */

#stripbox {	
	position:relative;
	width:960px; 
	overflow:hidden; 
	height: 247px;
}

#strip {
	background: url(../img/strip_back.jpg) no-repeat;  /* <-- if you want to change the background image just replace strip_back.jpg with another one */
	border-bottom: 1px solid #ccc;
}
	#strip ul { float: left; }

	#strip li {
		width:960px; 
		list-style: none;
		margin-bottom: 0;
		height: 247px;
		overflow:hidden; 
	}
	
/* END HOME PAGE jQuery BANNER SECTION */ 

#title {
	background: url(../img/strip_back.jpg) no-repeat;
	height: 90px;
	border-bottom: 1px solid #ccc;
}

#secstrip {
	float: left;
	border-bottom: 1px solid #ccc;
	background: url(../img/secstrip_back.jpg) repeat-y;
	text-shadow: #fff 0 1px 0;
}

#secstrip img {
	float: left;
	margin-right: 20px;
}

#content2 {
	float: left;
	padding: 20px 0 30px 0;
	background: url(../img/content_back.jpg) repeat-x;
}

#moreserv {
	float: left;
	border: 1px solid #ccc;
	padding: 20px;
	background: url(../img/body_back.jpg) repeat-x;
	text-shadow: #fff 0 1px 0;
}

#contactbadge {
	width: 206px;
	float: left;
	border: 1px solid #ccc;
	paddingdding: 20px;
	background: url(../img/content_back.jpg) repeat-x;
	text-shadow: #fff 0 1px 0;
}
	#contactbadge img { margin-bottom: 10px; }

#moreserv img { margin-bottom: 20px; }

#footer {
	background: #363636;
	color: #fff;
	text-align: center;
	/*border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;*/
}

#copy {
	color: #5e5e5e;
}

#content2 img {  }

.morebtn {
	margin-top: 20px;
	float: right;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #FF0000 url(../img/navlibg.gif) repeat-x;
	border-bottom: 1px solid #666;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	text-shadow: #666 0 -1px 0px;
}
	.morebtn:hover {
	background: #FF0000;
	text-decoration: none;
	text-shadow: none;
}

/* -- FONTS -- */
.alt {
	color: #FF0000;  /* color for alternate style */
	text-transform: none;
}

/* LOGO MAIN STYLE */ 
h1 { 
	font-size: 18px; 
	line-height: 1em;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
} 
/* END LOGO MAIN STYLE */ 

#title h2 { float: left; font-size: 50px; line-height: 50px; text-transform: uppercase; padding-right: 20px; margin-right: 20px; border-right: 1px solid #fff; }

h3 {
	font-size: 18px;
	line-height: 1.25em;
	margin-bottom: 20px;
}

h4 { 
	font-size: 24px;
	line-height: 1.15em;
}

.portfolioitem h5 {
	font-size:16px;
	margin-bottom:20px;
}
	#contactbadge h4 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; }

strong { font-weight: bold; }

#content2 p { margin-bottom: 1.5em; }

#content2 .padd30 {padding: 0px 20px;}

#content2 .gal {padding:5px 8px;}

	#contactbadge p { margin-bottom: 0; }

	#strip p {
		padding-left: 20px;
		font-size: 18px;
		line-height: 1.25em;
		color: #fff; 
		text-shadow: #5a5a5a 0 1px 3px;
		}

	#strip .first {
		margin-top: 30px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 28px;
		text-shadow: #5a5a5a 0 1px 3px;
		}
		
	#title { color: #fff; text-shadow: #5a5a5a 0 1px 3px; }
	#title p { font-size: 28px; line-height: 50px; }
	
	#secstrip .title {
		font-size: 24px;
		line-height: 1.15em;
		}
		
	#secstrip .subtitle, .subcol1 .subtitle {
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 10px;
		}

	#secstrip .desc { color: #797979; }

	/* LOGO SLOGAN STYLE */ 
	p#slogan {
		color: #666;
		font-size: 18px;
		text-transform: uppercase;
		text-shadow: #fff 0 1px 0;
		}
	/* END LOGO SLOGAN STYLE */ 
		
	#copy { font-size: 10px; }

a {	color: #FF0000;	text-decoration: none; }
	a:hover { text-decoration: underline; }
	
li { margin-bottom: 0.65em; list-style-type: disc; list-style-position: inside; }
.padd30 li {
	list-style:none
}
/* -- NEWS -- */

.news li { list-style-image: url(../img/arrow.gif); list-style-position: outside; margin-left: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
	.news li:hover { background: #f0f0f0; cursor:pointer;cursor:hand; }
h5.date { font-weight: bold; text-transform: uppercase; font-size: 11px; }
#content2 .news p { margin-bottom: 5px; font-size: 10px; line-height: 1.5em; }

.gallery ul li { display: inline; }


/* -- contact form -- */

#error { width: 288px; }

#emailerror {
	margin-bottom: 10px;
	padding: 10px;
	background: #fcc;
	border: 1px solid #ff1600;
	color: #4b4b4b;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

#success {
	margin-bottom: 10px;
	padding: 10px;
	background: #d6f1a9;
	border: 1px solid #76993d;
	color: #455a23;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

#success p {
	font-size: 16px;
	margin-bottom: 0;
}

#error img {
	width: 20px;
	height: 20px;
	float: left;
	display: block;
	margin-right: 10px;
}

.error {
	color: #99100f;
	margin-bottom: 10px;
	font-size: 20px;
}

#emailerror li {
	margin-left: 10px;
	margin-bottom: 5px;
	list-style-type: disc;
	list-style-position: inside;
}

#submitform { width: 308px; float: left; display: block; }

#submitform #Message, #Name, #Email, #Company { 
	width: 288px;
	max-width: 288px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	color: #666;
	}
	
	#submitform #Name, #Email, #Company { height: 15px; }

#submitform label { float: left; display: inline; text-transform: uppercase; font-size: 10px; }

.submit-button {
	float: right;
	padding: 5px 10px;
	color: #fff;
	overflow: hidden;
	text-transform: uppercase;
	background: #FF0000 url(../img/navlibg.gif) repeat-x;
	border: none;
	border-bottom: 1px solid #666;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	text-shadow: #666 0 -1px 0px;
}
	
	.submit-button:hover {
	background: #FF0000;
	text-decoration: none;
	text-shadow: none;
}

#submitform p.required { margin-bottom: 0; }

/* -- NAVIGATION -- */

#nav {
	background:#363636 ;
	/*border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;*/
	padding: 5px 0 0 0;
	border-bottom: 2px solid #FF0000;
	}

#nav ul { 
	float: left;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
 }
 
#nav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

#nav a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
}

#nav a:hover, #nav .selected {
	background: #FF0000 url(../img/navlibg.gif) repeat-x;
	/*border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;*/
	text-shadow: #666 0 -1px 0px; }

#secnav li {
	list-style: none;
	display: inline;
}

#secnav a {
	text-transform: capitalize;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff;
	padding-left: 10px;
	margin-left: 10px;
}

#secnav a:hover {
	text-decoration: underline;
}

#secnav .first a {
	border-left: none;
}

/*	Portfolio Page
--------------------------------------------------------------------------------------------------*/
.portfolioitem 	{
		margin:20px 0;
		}

	.portfolioitem .details	{
			float:right;
			margin-bottom:10px;
			
			width:410px;
			}
	
	.portfolioitem h2	{
			color:#000;
			font-style:normal;
			padding-bottom:5px;
			border-bottom:1px solid #e3e3e3;
			}

.description	{
		background:#f6f6f6;
		border-left:3px solid #d1d1d1;
		padding:5px 10px;
		width:95%;
		margin:0 0 1px 0;
		}

.description2	{
		background:#e5f7fc;
		border-left:3px solid #bce6f2;
		padding:5px 10px;
		width:95%;
	    margin:0 0 1px 0;
		}
.description3  {
	    background:#f6f6f6;
		border-left:3px solid #d1d1d1;
		padding:5px 10px;
		width:95%;
		margin:0 0 1px 0;
		}

ul.logoslist {
		margin:0;
		padding:0;
		display:inline;
		}

ul.logoslist li {
		display: inline;
		}

.spacer {
	margin-top:30px;
}

/*cu3ber start*/

#cu3er-container {width:960px; outline:0;

margin-bottom: 25px;
background-color: transparent;}

/*cu3ber end */

/*zoomer start */
ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;background-color: white;}
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li img {width: 100px; height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url(../img/thumb_bg.png) no-repeat center center;border: none;}
.intro{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url(../img/blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff; }

/*zoomer end */

.space1 { margin: 20px 0;}

/* root element for accordion. decorated with rounded borders and gradient background image */

#accordion {
	background:#333 url(../img/body_back.jpg) repeat-x;
	width: 280px;
	border:1px solid #ccc;	
	-background:#363636;
}

/* accordion header */
#accordion h2 {
	background:#ccc ;
	color:#363636;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	text-decoration:underline;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	color:#FF0000;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:auto;
	padding:15px;
	color:#ff0000;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#cert {
	margin-top:260px;
	position:scroll;
	
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #ccc;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/bluetabs.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

a:focus
{
  -moz-outline: none;
}