﻿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;
	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;
}
/*-----------------------FONT FACE FOR FIREFOX TO WORK-----------------------*/
body {
	background-color:#FFF;
	background-image:url(../images/body-bg-1.png);
	background-repeat:repeat;
	font: 13px/20px  'Droid Sans', arial, serif;
	line-height:20px;
	color: #404040;
}

::selection {
	background:#f26c4f;
	/* Safari */
	color:#fdfdfa;
}
::-moz-selection {
	background:#f26c4f;
	/* Firefox */
	color:#fdfdfa;
}
/* ------------------HEADINGS------------------*/ 
h1,h2,h3,h4,h5,h6 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:bold;
	font-variant:normal;
	white-space:normal;
	color:#272727;
	
}
h1 {
	font-size:34px;
	line-height:38px;
}
h2 {
	font-size:28px;
	line-height:33px;
}
h3 {
	font-size:24px;
	line-height:29px;
}
h4 {
	font-size:20px;
	line-height:25px;
}
h5 {
	font-size:16px;
	line-height:21px;
}
h6 {
	font-size:14px;
	line-height:17px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#272727;
	font-family: 'Droid Sans', sans-serif;
	font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#162A57;
	font-family: 'Droid Sans', sans-serif;
	font-size:100%;
	text-decoration: none;
}

#subServices, #questions, #signUp, img{
	padding:0px 20px 0px 0px;
}
#subServices, #questions, #signUp, h4{
	padding:0px 0px 10px 0px;
}

#copyright img{
	padding:0px 5px 10px 0px;
}


.titleIntro{
	position:absolute;
	top:-9999px;
	left:-9999px;
	
}
	
	.titleIntro, h1{
		color:#162A57;
		font-size:18px;
		line-height:1.5em;
	}






/* ------------------SECTION PLACEHOLDERS------------------*/
#dataProg, #design, #printing, #mailFul, #dmm, #vdp, #crossMed, #purls, #QR, #FAQ, #firstTime, #dataSol{}


/*------------------FORM STYLE------------------*/
label {
	font-weight:normal;
	display:block;
	color:#7f7f7f;
}
input[type=text],input[type=password],input.text,input.title,textarea {
	background-color:#FFF;
	border:1px solid #ebebeb;
	font-size:11px;
}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus {
	border-color:#88bbc8;
	-moz-box-shadow: 0 0px 3px #88bbc8;
	-webkit-box-shadow: 0 0px 3px #88bbc8;
	box-shadow: 0 0px 3px #88bbc8;
}
select {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
}
input[type=text],input[type=password],input[type=checkbox],input[type=radio],input.text,input.title,textarea,select {
	margin:5px 0;
}

input.text,input.title {
	width:200px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}

}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
.required {
	color:#ed1c24;color:#162A57;
}
.required {
	color:#ed1c24;
}
.error{font-style:italic;color:#162A57;text-align:right;}
.success{font-style:italic;color:#acd373;text-align:right;}

.simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info {
	
	padding:0.8em;
	margin-bottom:1em;
	border:1px solid #ddd;
}
.simple-error,.simple-alert {
	background:#fbe3e4;
	border-color:#fbc2c4;
	color:#162A57;
}
.simple-notice {
	background:#fff6bf;
	color:#514721;
	border-color:#ffd324;
}
.simple-success {
	background:#e6efc2;
	color:#264409;
	border-color:#c6d880;
}
.simple-info {
	background:#d5edf8;
	color:#205791;
	border-color:#92cae4;
}
.simple-error a,.simple-alert a {
	color:#8a1f11;
}
.simple-notice a {
	color:#514721;
}
.simple-success a {
	color:#264409;
}
.simple-info a {
	color:#205791;
}

.col1{
	width:200px;
	float:left;
}

.col2{
	float:left;
}

.formThird{
	width:215px;
	float:left;
	}
	
.formWrap{
	height:180px;
	clear:both;
}	
	
.marginLeft{
	margin-left:10px;
}

.marginTop20{
	margin-top:20px;
}






/* ------------------TYPOGRAPHY STYLES----------*/
a {
	text-decoration:none;
	color:#88bbc8;
}
a:hover {
	text-decoration:none;
	color:#162A57;
}
a img {
	border:none;
}
strong {
	font-weight:bold;
	color:#252525;
}

.largeFont{
	font-size:16px;
}


p,ul,ol,pre,code {
	margin-bottom:10px;
}
.colored{color:#f26c4f;}

ul {
	list-style-type:none;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
}
blockquote {
	padding:5px 20px 5px 45px;
	line-height:24px;
	background: url(../images/quote.png) no-repeat top left;
	color:#999999;
}
blockquote span {
	color:#666666;
}
pre,code {
	border:1px solid #efefef;
	border-left:5px solid #efefef;
	display:block;
	padding:10px;
	font-size:11px;
	font-family:monospace;
	background-color:#f5f5f5;
}


/*------------------GRID STYLE------------------*/
.horizontal-line {
	width:100%; 
	margin:30px auto;
	float:left;
	border-top:1px solid #efefef;
	
}

.clear-line {
	width:100%;
	margin:10px auto auto auto;	
}
.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:711px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}
.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px;
}
.img-align-left {
	margin:5px 10px 0 0;
	float:left;
}
.img-align-right {
	margin:5px 0 0 10px;
	float: right;
}
.img-align- {
	margin:5px 0;
	text-align:center;
}

.padBottom{
	padding-bottom:10px;
}

.marginLeft{
	margin-left:20px;
}

.formHeight{
	height:500px;
}


/*-----------------MAIN STYLES-------------------*/

#wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;	
}	
#container {
	float:left;
	height:auto;
	width:960px;
	background:#FFF;
	-moz-box-shadow:0 0 6px #7d7d7d;
	-webkit-box-shadow:0 0 6px #7d7d7d;
	box-shadow:0 0 6px #7d7d7d;
	padding:0 30px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top:5px solid #162A57;
}
.center {
	height: auto;
	width: 960px;
	padding:0 30px;
	margin: auto;
	text-align: left;
	padding: 0px;
}
#content, #intro, #mainServices, #questions, #signUp, #subServices, #footer, #mainForm {
	padding-bottom:5px;
	height:auto;
	float:left;
}
header {
	padding:30px 0;
	margin-bottom:20px;
	border-bottom:1px solid #efefef;
	height:60px;	
}
a#logo {
	margin-top:-5px;
	display:block;
	float:left;
	width:250px;
	height:60px;
}

a#upload {
	position:relative;
	top:-20px;
	right:-350px;
	}			
	a#request {
		position:relative;
		top:-20px;
		right:-345px;
		}

.slideshow {	
	
}
/*ROUND LIST NO LINKS*/
	.round-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.round-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	
	.check-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.check-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check.png) no-repeat 5px 7px;  }
	.cancel-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #efefef; width:200px; }
	.cancel-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/cancel.png) no-repeat 5px 7px;  }
/*************************************************** TWITTER***************************************************/
#copyright {
	width:960px;
	float:left;
	padding:30px 30px;
	line-height:20px;
	margin-top:10px;
	color:#666;
	margin-left:-30px;
	background:#162A57;
	border-top:5px solid #efefef;
}
a#copyright-logo {
	margin-top:-2px;
	display:block;
	float:left;
	width:185px;
	height:45px;
}
#copyright a, #copyright span {
	color:#7F7F7F;
}
#copyright a:hover {
	color:#FFFFFF;
}
#copyright h1,#copyright h2,#copyright h3,#copyright h4,#copyright h5,#copyright h6 {color:#FFF; padding-bottom:8px}

#copyright p{
	color:#ffffff;
}

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------MAIN NAVIGATION---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#main_navigation {
	top:-10px;
	font-size:11px;
	height:50px;
	float:right;
}
.main-menu {
	position:relative;
	z-index:22;
	font-family:'Droid Sans', arial, serif;
	font-weight:bold;
}
.main-menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.main-menu ul li {
	position:relative;
	display:inline;
	float:left;
	font-size:14px;
}
.main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited {
	line-height:40px;
	color:#363636;
	font-size:13px;
}
.main-menu ul li a:hover {
	color:#162A57;	
}
.main-menu ul li a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 15px;
}
* html .main-menu ul li a {
	display:inline-block;
}
.main-menu ul li ul {
	position:absolute;
	left:0px;
	display:block;
	visibility:hidden;
}
.main-menu ul li ul li {
	display:list-item;
	float:none;
}
.main-menu ul li ul li a {
	width:160px;
	padding:5px 10px;
}
.main-menu ul ul {
	background:#FFF;
	border:1px solid #e0e0e0;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
	height:100%;
	line-height:20px;
	background:transparent !important;
	border-bottom:dotted 1px #e1e1e1;
	padding:5px 10px!important;
}
.main-menuz ul li ul li a:hover,.main-menu ul ul li a:hover {
	text-decoration:none!important;
	margin:0 0px;
	color:#162A57;
}
.main-menuz ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
	text-decoration:none!important;
	width:155px;
}
/*-------------------------------------------------------------------------------------------------*/
/*INTRO PAGES*/
/*-------------------------------------------------------------------------------------------------*/
.intro {
	padding:30px 0;
	height:auto;
	float:left;
}
.intro h3 {
	text-align:center;
	font-style:italic;
	margin-bottom:0;
}
.intro a {
	color:#88bbc8;
}
.intro-pages {
	padding:30px 0px;
	height:auto;
	margin-bottom:30px;
	border-bottom:1px solid #efefef;
}
.intro-pages  h1,.intro-pages  h2,.intro-pages  h3,.intro-pages  h4{
	text-align:center;
	margin-bottom:0;	
}
.intro-pages  a {
	color:#88bbc8;
}
/*-------------------------------------------------------------------------------------------------*/
/*----------------------	SLLIDERS		----------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*SLIDER FULL WIDTH STARTS*/
.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:30px;
	padding:10px 20px 5px 20px;
	background: url("../images/thumb-hover-bg.png") repeat;
	margin-bottom:5px;
	width:920px;
	font-size:12px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
.caption p{margin-bottom:0;font-style:italic;}
.slides_container {
	
	background:#FFF;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.slides_container a img {
	display:block;
	z-index:99;
}
.small-slider{
	padding:4px;
	background:#FFF;
	height:350px;
	width:620px;
	border:1px solid #ebebeb;

}
.big-slider{
	height:350px;
	width:960px;
}
.portfolio-details-slider{
		height:350px;
		width:711px;
	
}
#simple-slider{margin-top:30px;}
/*SLIDER TWO THIRD  WIDTH ENDS*/
.pagination {
	position:relative;
	float:right;
	z-index:501;	
	margin:-30px 10px 0 0px;
}
.pagination li {
float:left;
	margin:0 5px 0 0;
}
.pagination li a {
	display:block;
	background:url(../images/slideshow-nav.png) left no-repeat;
	width:12px;
	float:left;
	height:12px;
	outline:none;
	
	text-indent:-9999px;
}
.pagination li.current a {
	background:url(../images/slideshow-nav.png) right no-repeat;
}
/*-------------------------------------------------------------------------------------------------*/

		/*PORTFOLIO DETAILS NAVIGATION*/
/*-------------------------------------------------------------------------------------------------*/
.portfolio-details-nav{float:right;width:100%;margin-bottom:15px;}
#prev,#next {
	display:block;
	float:right;
	padding:4px 9px;
	margin-right:5px;
	border:1px solid #d7d7d7;
	background-color:#ffffff;	
}
#prev:hover,#next:hover {
	background-color:#F7F7F7;
}
#prev a:hover,#next a:hover {
	text-decoration:none!important;
}
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.slide-content {
	float:left;
	width:100%;
	display:block;
	margin-bottom:20px;
}
.portfolio-item-preview {
	display:block;
	background:url(../images/bg-fade.png) no-repeat center center;

}
/*--------------------------------------SIMPLE UL STYLE-----------------------------------------------------------*/
	.simple-nav{ list-style-type:none; list-style-position:outside; width:200px; }
	.simple-nav li{ color:#999999;display:block; padding:5px 0;  border-bottom:1px dotted #e1e1e1;}
	.simple-nav li a { color:#999999;padding-left:15px;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;}
	.simple-nav li a:hover { color:#162A57;}
	.simple-nav li a.current { color:#272727;}
/*-------------------------------SIMPLE BLOG NAVIGATION------------------------------------------------------------------*/
	.blog-pagination{ list-style:none; }
	.blog-pagination li{ display:inline; }
	.blog-pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
	.blog-pagination li.active a{ background-color:#f5f5f5;  }	
	.blog-tags{font-size:12px;}
	
/***************************************************
				     BUTTONS
***************************************************/
.fancy-button{
	margin-top:20px;
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px Arial, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e0e0));
	background: -moz-linear-gradient(top, #fcfcfc, #e0e0e0);
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fancy-button:hover, .fancy-button:focus{
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#bfbfbf));
	background: -moz-linear-gradient(top, #fcfcfc, #bfbfbf);
	border-color: #ccc;
}
.fancy-button:active{
	position: relative;
	top: 1px;
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
}
.fancy-button.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
input.fancy-button, button.fancy-button{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}
.fancy-button.small{
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.fancy-button.small.rounded{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}


/* ----- ---- --- -- -  Blue - -- --- ---- ----- */
.fancy-button.blue{
	background: #00aeef;
	background: -webkit-gradient(linear, left top, left bottom, from(#00aeef), to(#2a6ab3));
	background: -moz-linear-gradient(top, #00aeef, #2a6ab3);
	border-color: #4081af #2e69a3 #20559a;
	color: #fff;
	text-shadow: 0 1px 1px #4081af;
}
.fancy-button.blue:hover, .fancy-button.blue:focus{
	background: #206bcb;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
	background: -moz-linear-gradient(top, #3e9ee5, #206bcb);
	border-color: #2a73a6 #165899 #07428f;
}
.fancy-button.blue:active{
	background: #3282d3;
	border-color: #154c8c #154c8c #0e408e;
	text-shadow: 0 -1px 1px #1d62ab;
}


/*-------------------------------------------------------------------------------------------------*/
				/*-----BUTON ENDS-------------*/
/*-------------------------------------------------------------------------------------------------*/
/***************************************************
				     TAGS
***************************************************/
.tags a{
	color: #666666;
	background-image: url(../images/tag-bg.jpg);
}
.tags a:hover{	
	color: #f26c4f;
}
.tags a{
	color: #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	font-weight: normal;
	border:1px solid #f9f9f9;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	float: left;
	background-repeat: repeat;
}
.tags, .block div {
	float: left;
	width: 100%;
}
.tags a:hover{
	text-decoration: none;	
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}



/*NEW   BUTTONS*/
/*NEW FANCY BUTTON*/
.cool-button{
	padding:5px 15px;
	color:#FFF;
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
}
.cool-button:hover{
	color:#FFF;
}
ul.cool-buttons li{
	margin:15px 0;
}
.cool-button.round{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/*COOL BUTTON BLUE*/
.cool-button.blue{
	border: 1px solid #08abd7;
	background-image: -moz-linear-gradient(top, #7ccce5, #0698cf);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#7ccce5), to(#0698cf));
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.15), inset 0 1px 0 #7ccce5;
 }
.cool-button.blue:active{
color:#FFF;
border: 1px solid #08abd7;
background-image: -moz-linear-gradient(top,#0698cf, #7ccce5 );
background-image: -webkit-gradient(linear, center top, center bottom, from(#0698cf), to(#7ccce5));
box-shadow: 0 1px 5px 1px rgba(0,0,0,0.15), inset 0 1px 0 #7ccce5;
}

