@charset "UTF-8";
/* CSS Document */
/*-------------------------- Meyer's Reset V.1 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-------------------------- CORE TAGS*/

body { margin: 0 auto; }
 
img { border-style:none }

/*-------------------------- INDEX*/

#home_bg {
	background-color:#807c7c;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
}

#home_holder {
	/*position:relative;*/
	margin: 0 auto;
	/*padding:10px;*/
	width: 830px;
	height: 640px;;
}
#home_holder .logo {
	float:left;
	margin:10px 0 0 15px;
}
#home_holder ul {
	/*position:absolute;*/
}
#home_holder ul.nav {
	margin:0 0 0 350px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 480px;
	float: left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#home_holder ul.nav li {
	float: left;
}
#home_holder ul.nav a {
	display: block;
	padding: 0 3em;
	line-height: 2.1em;
	font-size:9px;
	text-decoration: none;
	text-transform:uppercase;
	color: #fff;
	background: url(../images/nav_divider.gif) repeat-y left top;
}
#home_holder ul.nav a.selected {
	color: #9cafc6;
}
#home_holder ul.nav a:hover {
	color: #9cafc6;
}
#home_holder .header {
	margin:-6px 0 0 0;
}	
#home_holder #panel_left {
	width: 450px;
	height:200px;
	background: url(../images/panel_large.png);
	margin:20px 0 0 10px;
	float:left;
}
#home_holder #panel_right {
	width: 342px;
	height: 200px;
	background: url(../images/panel_small.png);
	margin:20px 15px 0 0;
	float:right;
}
#home_holder #title_welcome {
	margin:20px 0 0 20px;
}
#home_holder #text_welcome {
	width: 395px;
	height: 125px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:19px;
	margin:15px 0 0 20px;
}
#home_holder #capabilities {
	width: 100px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:17px;
	margin:20px 0 0 20px;
	float:left;
}
#home_holder #pic_capabilities {
	margin:20px 20px 0 0 ;
	float:right;
}	
#home_holder a img {
	border-style:none; border:none;
}
/*-------------------------- HOME FOOTER*/
#home_holder #quality {
	width: 360px;
	margin:30px 0 0 20px;
	float:left;
}
#home_holder #quality .quality_text {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:11px;
	font-weight:bold;
	color:#494949;
	line-height:17px;
	margin:10px 0 0 0;
}
#home_holder #reach {
	width: 380px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:17px;
	margin:30px 0 0 0;
	float:right;
}
#home_holder #reach ul {
	margin:5px 0 0 0;
	padding: 0;
	list-style: none;
	/*float: left;*/
}
#home_holder #reach ul li {
	/*float: left;*/
	}
#home_holder #reach ul li ul {
	margin:5px 0 0 0;
}
#home_holder #reach ul li ul.address {
	float: left;
}
#home_holder #reach ul li.divider {
	margin:5px 0 0 20px;
	background:#999;
	width:1px;
	height:35px;
	display:block;
	float:left;
}
#home_holder #reach ul li ul.tel {
	margin:5px 0 0 20px;
	padding: 0;
	list-style: none;
	float: left;
}
#home_holder #reach ul li ul li {
	margin:0;
	padding: 0;
	list-style: none;
	/*float: left;*/
}
#home_holder #reach ul li ul li span {
	color:#99cccc;
}
#home_holder #reach ul li.linkedIn {
	margin:0 0 0 20px;
	width: 74px;
	height: 21px;
	display:block;
	float:left;
}
#home_holder #reach ul li.linkedIn a {
	background-image: url(../images/footer_linkedIn.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 21px;
	display:block;
	text-decoration: none;
}
#home_holder #reach ul li.linkedIn a:hover {
	background-image: url(../images/footer_linkedIn_r.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 21px;
	display:block;
	text-decoration: none;

}
/*-------------------------- INNER PAGES*/

#inner_page_bg {
	margin: 0 auto; 
	background-color:#807c7c; background-image:url(../images/bg_in.jpg);
	background-repeat:repeat-x;
}
#inner_page_holder {
	/*position:relative;*/
	margin: 0 auto;
	/*padding:10px;*/
	width: 830px;
	height: 100%;
}
#inner_page_holder div.upper .logo {
	/*position:absolute;*/
	float:left;
	margin:5px 0 0 10px;
}
#inner_page_holder div.upper ul {
	/*position:absolute;*/
}
#inner_page_holder div.upper ul.nav {
	margin:90px 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 480px;
	float: right;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#inner_page_holder div.upper ul.nav li {
	float: left;
}
#inner_page_holder div.upper ul.nav a {
	display: block;
	padding: 0 3em;
	line-height: 2.1em;
	font-size:9px;
	text-decoration: none;
	text-transform:uppercase;
	color: #fff;
	background: url(../images/nav_divider.gif) repeat-y left top;
}

#inner_page_holder div.upper ul.nav a.selected {
	color: #9cafc6;
}

#inner_page_holder div.upper ul.nav a:hover {
	color: #9cafc6;
}
#inner_page_holder div.content .left_column_about ,
#inner_page_holder div.content .left_column_services ,
#inner_page_holder div.content .left_column_qa ,
#inner_page_holder div.content .left_column_gallery ,
#inner_page_holder div.content .left_column_contact {
	margin-top: 75px;
	width: 346px;
	height: 520px;
	float: left;
	background-repeat: no-repeat;
}
#inner_page_holder div.content .left_column_about {
	background-image: url(../images/about_ilus.jpg);
}
#inner_page_holder div.content .left_column_services {
	background-image: url(../images/services_ilus.jpg);
}
#inner_page_holder div.content .left_column_qa {
	background-image: url(../images/qa_ilus.jpg);
}
#inner_page_holder div.content .left_column_contact {
	background-image: url(../images/contact_ilus.jpg);
}
/*-------------------------------------------------------------------------------GALLERY*/
#inner_page_holder div.content .left_column_gallery {
	background-image: url(../images/gallery_ilus.jpg);
}
/* THUMBNAILS */
#inner_page_holder div.content .right_column ul.gallery {
	list-style: none;
	margin:5px;
}

#inner_page_holder div.content .right_column .gallery li {
	display: inline;
	padding-right: 6px;
}

#inner_page_holder div.content .right_column .gallery li .roll img {
	border: 1px solid #9c9a9a;
}

#inner_page_holder div.content .right_column .gallery li .roll:hover img {
	border: 1px solid #666;
}
/*-------------------------------------------------------------------------------GALLERY*/
#inner_page_holder div.content .right_column {
	margin-top: 65px;
	width: 452px;
	float:left;
}
#inner_page_holder div.content .right_column p ,
#inner_page_holder div.content .right_column ul {
	padding: 0;
	list-style: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.9em;
	font-size:12px;
	color:#FFF;
}

/*-------------------------------------------------------------------------------CONTACT*/

#inner_page_holder div.content .left_column_contact div {
	margin: 80px 0 0 15px;
}
#inner_page_holder div.content .left_column_contact div ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
#inner_page_holder div.content .left_column_contact div ul li.title { margin: 0 0 3px 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#333; font-weight:bold; }
#inner_page_holder div.content .left_column_contact div ul li.address { margin: 0 0 4px 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#fff; }
#inner_page_holder div.content .left_column_contact div ul li a { margin: 0 0 3px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold; font-style:italic; text-decoration: none; color:#90d1e9; }

#inner_page_holder div.content .left_column_contact div ul li a:hover { color:#fff; text-decoration:underline; }

#inner_page_holder div.content .right_column fieldset {
	margin: 1em 0 65px 0;
	padding: 1em;
	border: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#FFF;
}

#inner_page_holder div.content .right_column fieldset div {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#inner_page_holder div.content .right_column label {
	cursor:pointer;
	float:left;
	margin-top:5px;
}

#inner_page_holder div.content .right_column input {
	width: 350px;
	height: 25px;
	float:right;
	background-color:#cdcbcb;
	border: 1px #c0bfbf solid;
}

#inner_page_holder div.content .right_column select {
	width: 350px;
	float:right;
	margin-top:5px;
}

#inner_page_holder div.content .right_column textarea {
	width: 350px;
	height: 150px;	
	float:right;
	background-color:#cdcbcb;
	border: 1px #c0bfbf solid;

}

#inner_page_holder div.content .right_column input[type="text"]:focus,
#inner_page_holder div.content .right_column textarea:focus {
	background:#dbd8d8;
	border: 1px solid #fff;
}

#inner_page_holder div.content .right_column button.submit ,
#inner_page_holder div.content .right_column button.reset {
	border:none;
	width: 78px;
	height: 30px;
	background:url(../images/form_button.png) center;
	cursor:pointer;
	float:right;
	margin: 15px 0 0 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#daf697;
}

#inner_page_holder div.content .right_column button.submit a:hover , 
#inner_page_holder div.content .right_column button.reset a:hover {
	color:#333;
}

/*-------------------------------------------------------------------------------FOOTER*/
#inner_page_holder #footer {
	margin: 20px 0 15px 0;
	padding:16px 0 0 0;
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	width: 811px;
	height: 52px;
	float:left;
}
#inner_page_holder #footer ul {
	margin:0;
	padding:0;
	list-style:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#FFF;
}
#inner_page_holder #footer ul li {
	float:left;
}
#inner_page_holder #footer ul li span {
	color:#99cccc;
}
#inner_page_holder #footer ul li.contact {
	margin:5px 0 0 15px;
	background-image: url(../images/footer_contact.png);
	background-repeat: no-repeat;
	width: 91px;
	height: 15px;
}
#inner_page_holder #footer ul li.items {
	margin:6px 0 0 15px;
	
}
#inner_page_holder #footer ul li.divider {
	margin:4px 0 0 20px;
	background:#999;
	width:1px;
	height:15px;
	display:block;
}
#inner_page_holder #footer ul li.linkedIn {
	margin:0 0 0 20px;
	width: 74px;
	height: 21px;
	display:block;
}
#inner_page_holder #footer ul li.linkedIn a {
	background-image: url(../images/footer_linkedIn.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 21px;
	display:block;
	text-decoration: none;

}
#inner_page_holder #footer ul li.linkedIn a:hover {
	background-image: url(../images/footer_linkedIn_r.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 21px;
	display:block;
	text-decoration: none;

}
/*Added later to services*/
#inner_page_holder div.content .right_column p.content_area_title {
	color:#333;
	font-weight:bold;
	font-size:15px;
}
.italic {
	font-style:italic;
	color:#99cccc;
}
.custom_bullet {
	background:url(../images/list_bullet.gif) no-repeat 0 50%;
	padding:0 8px 0 12px;
}
.notification_ok{
font-weight:700px;
font-size:15px;
color:#CC0000;

}
.notification_error{
font-weight:700px;
color:#FFFF33;

}
#jscheckmsg { color: #FFFFFF;	margin:0 0 10px 10px; font-size:120%; text-align:center;}
#contact-form .error-msg{
	overflow: hidden;
	color:#FFFF66;
	font-size:100%;
	clear:left;
	padding:0px 0px 0px 0px;
}
#contact-form .error{
	overflow: hidden;
	margin:0 0 5px 145px;
	color:#FFFF66;
	font-size:120%;
}
#contact-form #errorm{
text-align:left; 
padding-top:10px; 
padding-left:75px;
overflow: hidden;
width:70%;
}
#contact-form #note
{
text-align:right; 
padding-top:10px; 
padding-left:90px;
}
#contact-form #success{
	overflow: hidden;
	margin:0 0 5px 145px;
	color:#FFFFFF;
	font-size:120%;
}
#contact-form #loading {
      color:#FFFF00;
      margin:0 0 5px 145px;
      font-size:120%;
}
#contact-form .warning {
	color:#FFFF00;
}