/*--------- RESET HTML TAG ---------*/ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
fieldset, img {	border:0;}
li { list-style:none;}
h1, h2, h3, h4,{ font-family: Arial, Helvetica, sans-serif; font-size:1em; font-weight: bold; line-height: normal; margin: 0 0 1em 0;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
legend {color:#000;}
del, ins {text-decoration:none;}

/*--------- STANDARD HTML TAG DEFINITION ---------*/ 
html { height: 100%;}
body { background: #fff; color: #222; height: 100%;	font-family: Arial, Helvetica, sans-serif; padding:0; font-size: 100%; line-height: 1.125em; margin:0;}
h1 { font-size: 4em;}
h2 { padding-left: 38px; font-size: 1.7em;	font-weight: normal; background-image: url(../img/icon_blueorb.png); background-repeat: no-repeat;
	background-position: left top; line-height: 32px;	color: #333;}
h3 { font-size: 1.33em; color: #669900;}
h3 a{ color: #669900;}
h4 { font-size: 1.1em;	margin: 0 0 1em 0; color: #003F8E;	font-weight:bold;}
p { margin-bottom: 1.5em;}
a { cursor: pointer; text-decoration: none; color: #d32425;}
a:hover { text-decoration: underline;}
a:active, a:focus { outline: none;}
.divide { height: 0;	background: #aaa; border-top: 1px dotted #AAA; clear: both;  margin: 0 0 10px 0;}
hr { height: 1px; padding: 0; background: #eee;	border: none; border-top:1px dotted #aaa; margin:0 0 1em 0; clear: both;}
h3.title {
	font-size: 1.9em; clear: both; line-height:24px; font-family:"Lucida Sans Unicode", Arial;
	font-weight: bold;	color: #B32426; margin:0 0 10px 0; letter-spacing:-1px;}
h3.sidetitle { padding:0 0 7px 0; margin:0; border-bottom:1px dotted #aaa;}
.bi { font-weight:bold; font-style:italic; line-height:2.1em;}
#seo{ position:absolute; font-size:12px; color:#333; right: 1px; top: 5px; text-align:right;}	
#whole { font-size: 0.75em;	margin: 0 auto; padding: 0;	overflow: hidden;}

/*--------- HEADER + LOGO ---------*/ 
#header { background: #FFF url(../img/header.jpg) no-repeat center top; width: 100%; padding: 0 0 20px 0; margin-bottom:30px;}
#headerContent { margin: 0 auto; padding: 30px 0 0 0; position: relative; width: 984px;}
#header h1 {font-size:11px;	position:absolute; right: 5px; top: 5px; width: 351px; text-align:right; font-weight:normal;}
#header h1, #header h2 { margin: 0;}
.phone{ position:absolute; right:5px; top:30px;}
.ribbon { background: url(../img/weloveweb2dotO.png) no-repeat;	height: 159px;	left: -10px;  top: 122px;	width: 155px;
	display: block;	text-indent: -9999em;	z-index: 5; position: absolute;}

/*--------- QUOTE ---------*/
#quote { position: absolute;	text-indent: -9999em;	z-index: 5; background: url(../img/btn_quote.png) no-repeat; height: 152px;
		right: 0;	top: 380px;	display: block;	width: 272px;}
#quote a { display: block; width: 272px; height: 90px;}
#headerContentNone { padding-bottom: 0;}
#quoteNone a { display: none;}

/*--------- NAVIGATION ---------*/ 
#nav { position:absolute; top:68px; right:0px; z-index: 10;}
/* #nav { float: right; margin: 38px 0 20px 0; position: relative; z-index: 10;} */
#nav ul { margin:0; padding:0;}
#nav li { display: inline; float: left;}
#nav li a { background: url(../img/navline.png) no-repeat; color: #FFF;	display: block;	font-size: 1.11em; line-height: 54px;	padding: 0 20px;}
#nav li a:hover, #nav li a#currentpage { background: url(../img/navlineO.png); text-decoration: none;}
#nav li a#currentpage { cursor: default;}

/*--------- BANNER ---------*/ 
#banner { clear: both; height: 320px; margin: 47px auto 0 auto; padding:0; width: 965px; position: relative;}
#banner ul { margin:0; padding:0}
#banner li { background: url(../img/banner1.jpg) no-repeat; height: 320px;	width: 965px; text-indent: -9999em; margin:0;	padding:0}
#banner li#banner2 { background: url(../img/banner2.jpg) no-repeat;}
#banner li#banner3 { background: url(../img/banner3.jpg) no-repeat;}
#banner li a { width: 965px; height: 320px; display: block;}

/*--------- THE CAROUSEL ---------*/
.jcarousel-container { position: relative;}
.jcarousel-container-horizontal { width: 965px; height: 320px;}
.jcarousel-clip { z-index: 2; overflow: hidden; position: relative; width: 965px; height: 320px;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0;	left: 0;}
.jcarousel-list li,  .jcarousel-item { float: left; list-style: none; width: 965px; height: 320px;}
.jcarousel-control { position: absolute; z-index: 4; top: 10px; right: 10px;}
.jcarousel-control a { background: url(../img/trans_000_10.png); padding: 5px;	color: #FFF;}
.jcarousel-next, .jcarousel-prev { z-index: 3; display: none; position: absolute; top: 0; height: 320px; width: 45px; cursor: pointer;}
.jcarousel-next { right: 0;}
.jcarousel-prev { left: 0;}

/*--------- CONTENT ---------*/ 
#contentWrap { background: #FFF;}
#content {	/*background: url(../img/content.png) repeat-y -1px 0;*/ margin: 0 auto; width: 992px;}
#contentContent { width: 964px; margin: 0 auto;}
#main, #side { float: left;}

/*--------- MAIN ---------*/ 
#intro { background: url(../img/horizontal.png) no-repeat center bottom; padding: 0 0 40px 0;	margin: 0 0 1em 0;}
.unit { float: left; width: 320px;}
.unit.one { padding: 0 20px 0 0; width: 280px; text-align:justify;}
.unit.two { padding: 0 25px;	width: 290px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align:justify;}
.unit.three { padding: 0 0 0 30px; width: 290px; text-align:justify;}

#main { width: 550px; padding: 0 37px 0 0;	margin: 0 10px 0 0;}
#search{ text-align:right;}
#homeseo { width: 960px; height:210px; margin:10px 0 30px 0; color:#fff; background: url(../img/website-advertising.jpg);}

 /*--------- SIDE ---------*/ 
#side { padding: 20px;	width: 327px; text-align: justify; background: url(../img/sidebar.png) no-repeat}
.rightmenu { margin: 0 0 2em 0;	padding: 0; border-top:1px solid #fff;}
.rightmenu ul { margin:0;	padding:0; list-style:none; list-style-position:outside;}
.rightmenu ul li { font-size:1.1em; display:block; margin:0; padding:0;}
.rightmenu ul li a { display:block;	padding:10px 0;	color:#333; border-bottom:1px dotted #ccc;	
						text-decoration:none; background:url(../img/tag.gif) no-repeat scroll 99% 50%;}
.rightmenu ul li a:hover { padding:10px 0;	color:#003F8E; border-bottom:1px dotted #ccc; text-decoration:none; display:block;}

/* FOOTER */ 
#footer { clear: both; color: #FFF; font-size: 0.916em; background: #d32425 url(../img/footer.png) no-repeat center top;}
#footer h3, #footer a { color: #FFF; background: none; padding: 0;}
#footer h3 { font-size: 1.5em; font-weight: normal;}
#footerContent { margin: 0 auto; width: 964px;}
#socialb { height: 90px; color:#666; font-weight:bold; font-size:1.2em;}
#socialb a { float:right; color: #afafaf; margin-left: 20px; margin-right: 20px;}
#footer .unit { height: 240px;}
#aboutShort.unit { padding: 0 20px 0 0;	width: 370px; background: url(../img/footerline.png) no-repeat right top;}
#sitemap.unit { padding: 0 0 0 40px;	width: 200px; background: url(../img/footerline.png) no-repeat right top;}
#sitemap li { display: block;	float: left; width: 100px; margin-bottom: 10px;}

/* LAST FOOT */ 
#lastfoot { clear: both; color: #FFF; background: #a20102; width: 100%; font-size: 0.916em; border-top: 1px solid #950102;	padding: 15px 0 0 0; margin: 0;}
#lastfoot a { color: #FFF;}
#lastfootContent { margin: 0 auto; width: 964px; padding:0;}

/* INNER PAGE MODIFICATIONS */ 
.innerpage #banner, #banner.innerpage { background: red; height: 160px; margin-top:50px;}
.innerpage #headerContent {	padding-bottom: 0;}
.innerpage #quote a {top: 200px;}

/* Contact Form */ 
#form dt { font-weight: bold; margin: 0 0 1.5em 0; width: 200px; float: left; display: block;}
#form dd { margin: 0 0 1em 0; width:350px; float:right; display: block;}
#form div { margin:0; padding:0; width:550px; clear:both; display:block;}
#form input, #form select, #form textarea {padding: 2px;}

/* CUSTOM CLASSES */ 
.fl {	float: left;	margin: 0 1em 1em 0;}
.fr {	float: right;	margin: 0 0 1em 1em;}
.fl0 {	float: left;}
.fr0 {	float: right;}
.mb0 {	margin-bottom: 0;}
.mb1em {	margin-bottom: 1em;}
.altcolor {	color: #ff6600;}
.absolute {	position: absolute;}
.none {	display: none;}
blockquote, ul.list, ol.list, dl.list { /*giving blockquotes and lists room to breath*/	margin:1em;}
ol.list, ul.list, dl.list { /*bringing lists on to the page with breathing room */	margin-left:2em;}
ol.list li { /*giving OL's LIs generated numbers*/ list-style: decimal outside;}
ul.list li { /*giving UL's LIs generated disc markers*/ list-style: disc outside;}

/* IMAGE FRAME */ 
img.frame { background: url(../img/imageframe.png) no-repeat; padding: 8px;	margin: 0 0 1.5em 0;}

/* NICE LIST */ 
ul.niceList { margin: 0 0 0 1em;}
ul.niceList li { background: url(../img/list.png) no-repeat 0 4px; padding-left: 2em; list-style: none;}
.niceList h3 { margin: 0;}
 
/* POST LIST */ 
.postList li { margin:0; padding:0;}
/*.postList li:last-child { margin-bottom: 0; border: none; }*/
.postPic, .postInfo { float: left; display: inline; margin-top:5px;}
.portPic { margin:5px 0 10px 0;}
/*		.portPic img{ margin:0; padding:0; border:1px solid #aaa;}*/	
.postList .postInfo { width: 188px;}
.postInfo { margin: 0 0 0 10px; padding: 0;}
.postInfo h3, .postInfo p {}
.postInfo span { color: #838383; float: right;}
/* POSTLIST IN #MAIN */
#main .postList li { background: url(../img/horizontal_main.png) no-repeat center top; padding: 1.5em 0;}
#main .postList li:first-child { padding-top: 0;	background: none;}
#main .postList .postInfo {	width: 397px;	margin-left: 25px;}
#main .postList .postPort {	margin:0;	padding:0}

/* SITEMAP */ 
.tree { margin:0;	padding:0; position:relative;}
.tree li { padding: 4px 0 4px 20px;}
.tree ul { background: url(../img/ul.gif) repeat-y -9px 15px; margin: 4px 0 -2px;}
.tree ul li { background: url(../img/li.gif) no-repeat 0 7px;}
.sitemapbold { font-weight: bold;}

/*--------- CLEAR ---------*/ 
.clearfix:after, .boxcontent:after, .postList li:after, #contentContent:after, #footerContent:after, #lastfoot:after, #intro:after {
	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix, .boxcontent, .postList li, #contentContent, #footerContent, #lastfoot, #intro { display: inline-block;}
* html .clearfix, * html .boxcontent, * html .postList li, * html #contentContent, * html #footerContent, * html #lastfoot, * html #intro { height: 1%;}
.clearfix, .boxcontent, .postList li, #contentContent, #footerContent, #lastfoot, #intro { display: block;}
.clear {clear: both;}

/*--------- BUTTONS ---------*/ 

a.btn { display: block;	text-indent: -9999em; background-repeat: no-repeat;}
/* VIEW SERVICES */
a.viewServices { background-image: url(../img/btn_viewServices.png); width: 115px;	height: 24px;}
a.viewServices:hover { background-image: url(../img/btn_viewServicesO.png);}
/* VIEW SERVICES */
a.viewOnline { background-image: url(../img/btn_viewOnline.gif); width: 115px;	height: 24px;}
a.viewOnline:hover { background-image: url(../img/btn_viewOnlineO.gif);}
/* VIEW TESTIMONIALS */
a.viewTestimonials { background-image: url(../img/btn_viewTestimonials.png); width: 166px;	height: 33px;	margin-top:20px;}
a.viewTestimonials:hover { background-image: url(../img/btn_viewTestimonialsO.png);}
/* VIEW PORTFOLIO */
a.viewPortfolio { background-image: url(../img/btn_viewPortfolio.png); width: 166px;	height: 33px;	margin-bottom:15px;}
a.viewPortfolio:hover { background-image: url(../img/btn_viewPortfolioO.png);}
/* ALL SERVICES */
a.allservices { background-image: url(../img/btn_all_services.gif); width: 165px; height: 32px;	margin-top:20px;}
a.allservices:hover { background-image: url(../img/btn_all_servicesO.gif);}
/* BLACK LINK */
a.black { color:#000; text-decoration:none;}
a.black:hover { color:#003F8E; text-decoration:none;}
/* LISTING */
.pointslist li { background:transparent url(../img/zoom.gif) no-repeat scroll 0% 0%; padding-left:15px;	margin: 10px 0 0 20px;}

/*--------- SERVICES LISTING ---------*/
.servicesicons { margin:0 0 10px 0; padding:0;}
.servicesicons ul { list-style:none; list-style-position:outside; margin:0 auto; padding:0;}
.servicesicons ul li { margin:0 0 15px 0;	padding:0; width:180px; float:left;	display:block;}
.servicesicons ul li a h4 { margin:0; width:160px; padding:0 20px 10px 0; text-align:center;}
.servicesicons ul li a img { margin:0 0 0 12px; padding:0; display:block;}

/*--------- CONTACT US FORM ---------*/
fieldset {border:medium none;}
legend {display:none;}
input, select, textarea { vertical-align:middle; color:#6D798B;}
label { color:#666666; font-weight:bold;}
select { width:255px; border:1px solid #DBE0E6;	background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;}
textarea { height:200px; width:250px; border:1px solid #DBE0E6;	background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;}
.required { color:#B32426; font-weight:bold;}
.right22{margin-left:60px;}
.txtbox1 {	height:17px; width:120px; border:1px solid #DBE0E6; float:right; background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;}
.txtbox { height:17px;	width:250px; border:1px solid #DBE0E6; background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;}
.submit {cursor:pointer;}

/*---------	Gallery ---------*/
.gal { margin-bottom:20px;}