/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/


body {
	margin: 0px;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
body.body {
  background:#FFFFFF url(../images/bg-footer.jpg) bottom repeat-x;
}

#header_top {background: url(../images/bg-header.jpg) top repeat-x;}

#main { 
	margin:0 auto;
	width:980px;
	background:#FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	*height: 1196px;
}

#footer { 
	margin:0 auto;
	width:980px;
	height:226px;
}

input, select, textarea {
  border: 1px solid #646464;
  font-family: Arial, Verdana;
}
/*input:focus, select:focus, textarea:focus {
  border: 1px solid #145B93;
}*/
input.hidden {
display: none;
}

table.invis {
  border-collapse: collapse;
  border-style: none;
  margin: 0 auto;
  padding: 0;
}
table.invis td {
  border-style: none;
  padding: 0;
}

/*------ BULLET LISTS ----*/
.font12 {
	font-size:12px;
}

ul.bullet {
	list-style:none;
	padding-left: 0px;
	margin-top:0px;
	margin-left:0px;
	
}

ul.bullet li {
	list-style:none;
	padding-left:20px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	background:url(../images/bullet.gif) scroll no-repeat;
}

ul.bullet a {
	color: #4b4a4a; text-decoration:none
}

ul.bullet a:hover {
	color: #0071BB; text-decoration:underline
}

ul.bulletPad {
	margin-left:10px;
	margin-top:10px;
	padding-left:0;
}

ul.bulletPad li {
	list-style:none;
	padding-left:20px;
	margin-left:0px;
	margin-bottom:6px;
	background:url(../images/bullet.gif) scroll no-repeat;
}

/*-----------Client List---------------*/

ul.chartlist {
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
}

ul.chartlist li {
	list-style:none;
	padding: 5px 0px 5px 10px;
	border-bottom:solid #d7d7d7 1px;
	font-size:12px;
}

/*-------Footer Area-------------------*/

ul.bullet-sitemap-pad {
	margin-top:0px;
	padding-left:0px;
	margin-left:-20px;
	display:block;
	
}

ul.bullet-sitemap-pad li {
	margin-bottom:15px;
	
}


li.bullet-sitemap {
	display:block;
	list-style:none;
	padding-left:20px;
	background:url(../images/bullet2.gif) scroll no-repeat 8px 3px;
	font-size:12px;
	font-weight:bold;
}

ul.bullet-sitemap2 {
	margin-top: 10px;
	padding-left: 0;
	margin-left:0;
}

ul.bullet-sitemap2 li {
	list-style:none;
	padding-left:15px;
	margin-bottom:2px;
	margin-left:0px;
	background:url(../images/bullet3.gif) scroll no-repeat 5px 5px;
	font-size:11px;
	font-weight:normal;
	display:block;
}

/* ------- Left navigation box ------*/
ul.side-links{
	display:block;
	margin-left:0px; margin-top:0px;
	padding-left:0px;
	list-style:none;
}

ul.side-links li{
	display:block;
	border-bottom:solid #d7d7d7 1px;
	margin-bottom:8px;
	padding: 0px 0px 5px 0px;

}

ul.side-links li ul{
	margin-left:0px;
	padding-left:5px;
	font-size: 13px;
	text-decoration:underline;
	color: #0071bb;
	font-weight:normal;
}


ul.side-links li ul li{
	background:url(../images/bullet-plus-blue.gif) scroll no-repeat 5px 4px;
	margin-top:5px;
	padding-left:20px;
	border-bottom:none;
}

ul.side-links li ul li a {
	color: #0071bb;
	text-decoration:underline;
}

ul.side-links li ul li a:visited {
	color: #0071bb;
	text-decoration:underline;
}

ul.side-links li ul li a:hover {
	color: #404040;
	text-decoration:none;
}




/*
---------------------------------------------
02. LINKS
---------------------------------------------
*/	

a { color: #e56a05; text-decoration: none; }
a:hover, a:focus { color: #0071bb; text-decoration:underline }
a:visited { color: #e56a05; }

a.linkGray, a.linkGray:link {color: #4b4a4a; text-decoration:none}
a.linkGray:visited {color: #4b4a4a; text-decoration:none}
a.linkGray:hover {color: #0071bb;text-decoration:underline}

a.linkGrayU, a.linkGrayU:link {color: #4b4a4a; text-decoration:underline}
a.linkGrayU:visited {color: #4b4a4a; text-decoration:underline}
a.linkGrayU:hover {color: #0071bb;text-decoration:underline}

a.linkBlue, a.linkBlue:link {color: #0071bb; text-decoration:none}
a.linkBlue:visited {color: #0071bb; text-decoration:none}
a.linkBlue:hover {color: #666666;text-decoration:underline}

a.linkBlueU, a.linkBlueU:link {color: #0071bb; text-decoration:underline}
a.linkBlueU:visited {color: #0071bb; text-decoration:underline}
a.linkBlueU:hover {color: #e56a05;text-decoration:underline}

a.linkOrange, a.linkOrange:link {color: #e56a05; text-decoration:none}
a.linkOrange:visited {color: #e56a05; text-decoration:none}
a.linkOrange:hover {color: #666666;text-decoration:underline}

a.linkOrangeU, a.linkOrangeU:link {color: #e56a05; text-decoration:underline}
a.linkOrangeU:visited {color: #e56a05; text-decoration:underline}
a.linkOrangeU:hover {color: #666666;text-decoration:underline}

a.linkOrangeU, a.linkOrangeU:link {color: #e56a05; text-decoration:underline}
a.linkOrangeU:visited {color: #e56a05; text-decoration:underline}
a.linkOrangeU:hover {color: #666666;text-decoration:underline}

a.linkSide, a.linkSide:link {color: #626262; text-decoration:none}
a.linkSide:visited {color: #626262; text-decoration:none}
a.linkSide:hover {color: #0071bb;text-decoration:underline}

a.linkBottom, a.linkBottom:link {color: #4b4a4a; text-decoration:none}
a.linkBottom:visited {color: #4b4a4a; text-decoration:none}
a.linkBottom:hover {color: #0071bb;text-decoration:underline}

a.linkCopyright, a.linkCopyright:link {color: #9b9999; text-decoration:none}
a.linkCopyright:visited {color: #9b9999; text-decoration:none}
a.linkCopyright:hover {color: #0071bb;text-decoration:underline}




/*
---------------------------------------------
03. NAVIGATION
---------------------------------------------
*/	

#menu-container {height:80px;}



/*
---------------------------------------------
03. PAGE BOXES, BORDERS AND CONTAINERS
---------------------------------------------
*/	

/*Home page*/
/*#home-content-container-BG {width:980px; height:150px; background:url(../images/bg-main-top.jpg) repeat-x top; }*/
#home-content-container-BG {width:980px; min-height:150px; background:url(../images/bg-main-top.jpg) repeat-x top; }
#home-content-container {width:650px; float:left; line-height:20px; padding: 0px 0px 15px 15px; margin-right:0px; }
#home-side-column { width:260px; padding-right:10px; float:right; }

/*#home-box { width:430px; height:156px; margin-bottom:25px; padding-left:220px; padding-top:10px; }*/
#home-box { width:210px; height:340px; margin-bottom:10px; margin-right:10px; padding-left:0px; padding-top:10px; float:left; }
#home-box.marNo {  margin-right:0px;  }



#banner-container { height:230px;}

/*Left navigation box*/
#side-column { width:203px; margin:0px 40px 0px 15px; float:left;}
	#side-column-menu {width:203px; background:url(../images/side-col-middle.jpg) repeat-y;}
	#side-column-menu-top {width:203px; background:url(../images/side-col-top.jpg) top no-repeat; margin-bottom:15px; padding: 15px 0px 0px 0px; font-size:13px;} 
	#side-column-menu-inside {width:160px; min-height:190px; margin-left:15px; font-size:13; font-weight:bold; }
	#side-column-menu-bottom {width:203px; height:12px; background:url(../images/side-col-bottom.jpg) no-repeat; margin-top:10px;}
  #side-column-menu-inside div.contact-item { border-bottom:dotted 1px #999; padding-bottom:5px; font-weight:normal; }

#newsletterBox {width:194px; height:124px; background:url(../images/side-newsletter-bg.jpg) no-repeat; padding-left:12px;} 
#newsletterBoxTitle {padding: 10px 0px 17px 30px}

#quoteBox {width:194px; margin: 5px 0 15px;} 
#quoteBox a { display: block; margin: 0; }

/*main page container ---*/
#content-container {width:700px; float:left; line-height:20px; padding-bottom:30px; }


/*Boxes*/
#blue-bar { width:690px; height:26px; background:url(../images/blue-bar.jpg) no-repeat; padding-top:5px; padding-left:10px; margin-bottom:10px; font-weight:bold;}
#grayBox { width:700px; background:url(../images/contact-box-bg.jpg) repeat-y; margin-bottom:10px;}
#grayBoxContainer { width:670px; padding: 0px 15px 5px 15px; }
#grayBoxBottom {width:700px; height:16px; background:url(../images/contact-box-bottom.jpg) no-repeat; margin-top:10px;} 

/*---Portfoio ---*/
#galleryItem {	
	background: #f4fafe;
	width:213px;
	padding: 15px 0px 10px 0px;
	margin: 0px 8px 8px 0px;
	float:left;
	text-align: center;
	border: 1px solid #afc5d9;
}
#galleryItem img {
  border: 1px solid #afc5d9;
}
#galleryItem .desc { color:#9c9c9c; font-size:12px; margin-top:7px;}
#galleryItem .desc a { font-weight:bold; color:#0071bb}


#blueBoxSmall {width:676px; background:url(../images/box-top-small.jpg) top no-repeat; padding-top:10px; }
#blueBox {width:676px; background:url(../images/box-top.jpg) top no-repeat; padding-top:10px; }
#blueBoxBG {width:676px;  background:url(../images/box-middle.jpg) repeat-y; margin-top:10px; }
#blueBoxInside {width:656px; margin-left:0px; padding-left:20px; }
#blueBoxBottom {width:676px; height:18px; background:url(../images/box-bottom.jpg) no-repeat; margin-top:10px;}


/*Bottom Footer*/
#footer-container {width:980px; height:252px; font-size:11px;}
#footer-column1 { width:151px; height:230px; padding:22px 3px 0px 30px; float:left;}
#footer-column1-active { width:151px; height:230px; padding:22px 3px 0px 30px; float:left; background:url(../images/footer-highlight.jpg) repeat-x }
#footer-column2 { width:191px; height:230px; padding:22px 3px 0px 30px; float:left;}
#footer-column2-active { width:191px; height:230px; padding:22px 3px 0px 30px; float:left; background:url(../images/footer-highlight.jpg) repeat-x }
#footer-column3 { width:179px; height:230px; padding:22px 3px 0px 30px; float:left;}
#footer-column3-active { width:179px; height:230px; padding:22px 3px 0px 30px; float:left; background:url(../images/footer-highlight.jpg) repeat-x }
#footer-column4 { width:235px; height:230px; padding:22px 3px 0px 22px; float:right; font-size:12px;}

#copyrightBox {width:958px; height:30px; color:#9b9999; padding-top:14px; padding-left:22px; float:left; border-top: solid #c5c5c5 1px;}


.right{float:right; padding:0px 0px 10px 10px;}
.left{float:left; padding:0px 10px 10px 0px;}
.left-footer {float:left;}
.image { border: 1px solid #c3c3c3; margin-right:5px; margin-top:2px; float:left}

.lineGray {border-bottom:solid 1px #d7d7d7; margin:10px 0px;}
/*********************************************/


/*
---------------------------------------------
04. PARAGRAPH TAGS
---------------------------------------------
*/
h1 {
	font-size: 24px;
	color:#0071bb;
	margin-top:15px;
	margin-bottom:20px;
	line-height:28px;
}


h2 {
	border-bottom:1px solid #D7D7D7;
	color:#E56A05;
	font-size:18px;
	margin-bottom:24px;
	margin-top:30px;
	padding-bottom:5px;
}

h3 {
	color:#0071BB;
	font-size:13px;
	margin-top:0px;
	margin-bottom:9px;	
}




/*
---------------------------------------------
05. PAGE TEXT STYLES
---------------------------------------------
*/
.textBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #737373;
	font-weight: bold;
	line-height: 18px;
}

.textGray12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #4b4a4a;
	font-weight:normal;
}

.textGray14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4b4a4a;
}

.textGray16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4b4a4a;
	font-weight:normal;
}

.textGray20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4b4a4a;
	font-weight:normal;
}

.textGray24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #4b4a4a;
	font-weight:normal;
}

.textBlue13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0071bb;
}

.textBlue14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0071bb;
}

.textBlue20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0071bb;
}

.textBlue24 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0071bb;
	font-weight: bold;
}

.textOrange13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e56a05;
}

.textOrange16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #e56a05;
}

.textOrange20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #e56a05;
}




/*
---------------------------------------------
06. FORMS
---------------------------------------------
*/


/*Newsletter Form*/
.formNewsletterField {
	width:167px;
	height:18px;
	padding:3px 6px 0px;
	background:#ffffff;
	color:#7c7c7c;
	border:0px solid;
	background: transparent url(../images/side-newsletter-field.jpg) no-repeat center top;
	margin:5px 0px;
}

.formNewsletterSubmit {
	float:right;
	margin-right:15px;
	width:73px;
	height:25px;
	background:#404040;
	color:#FFFFFF;
	border:none;
	background: transparent url(../images/side-newsletter-submit.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


/*Newsletter Form HOME PAGE*/
.formNewsletterFieldHome {
	width:259px;
	height:27px;
	padding:6px 6px 0;
	background:#ffffff;
	color:#7c7c7c;
	border:0px solid;
	background: transparent url(../images/newsletter-field.jpg) no-repeat left top;
	margin-top:5px;
}


.formNewsletterSubmitHome {
	float:right;
	margin-right:5px;
	width:83px;
	height:28px;
	background:#404040;
	color:#FFFFFF;
	border:none;
	background: transparent url(../images/newsletter-button.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


/*----------------------------*/

.formField {
	width:241px;
	height:21px;
	font-family: Arial;
	font-size: 13px;
	padding:6px 0px 0px 5px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#7c7c7c;
	margin: 5px;
}
.formFieldName {
	width:110px;
	height:21px;
	font-family: Arial;
	font-size: 13px;
	padding:6px 0px 0px 5px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#7c7c7c; 	
	margin: 5px 5px 0px 5px;
}


.formFieldVerify {	
	width:110px;
	height:21px;
	font-family: Arial;
	font-weight:bold;
	font-size: 13px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#0071bb; 
	padding:6px 0px 0px 5px;
	margin: 0px 5px 0px 5px;	
}
.formSmallText {
	font-family:Arial, sans-serif;
	font-size: 10px;
	color:#7c7c7c;
	margin-left: 5px;
	margin-top: -3px;
	
}

.formMessage {
	font-family: Arial;
	font-size: 12px;
	width:550px;
	height:99px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#7c7c7c;
	margin-left:50px;
	padding:6px 0px 0px 5px;
}

/*.formbutton:hover {background:transparent url("../images/contact-btn3b.gif") no-repeat center top;}*/

form.myform .formSubmit {
	width:192px;
	height:40px;
	background: none;
	font-family:Arial, sans-serif;
	font-size: 18px;
	margin-top:35px;
	color:#FFFFFF;
	border: none;
	background: transparent url(../images/contact-submit.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

form.myform .formSubmit:focus {
  background: transparent url(../images/contact-submit.jpg) no-repeat center top;
  border: none;
}

form.myform input:focus, form.myform textarea:focus {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #0071bb;
}

#messagewrapper {
  background-color: #FFFFFF;
  color: #646464;
  border-style: none;
  display: none;
  margin: 4px 10px 8px;
  padding: 8px;
}
#messagewrapper li {
  list-style-type: none;
  vertical-align: middle;
  text-align: left;
  padding-left: 25px;
  min-height: 25px;
  height: 25px;
}
#messagewrapper li.green {
  color: #1FAE4B;
  background: transparent url(../images/check.gif) scroll no-repeat center left;
}
#messagewrapper li.red {
  color: #AF0000;
  background: transparent url(../images/delete.gif) scroll no-repeat center left;
}
#messagewrapper li.yellow {
  color: #9F9200;
  background: transparent url(../images/alert.gif) scroll no-repeat center left;
}


/*
---------------------------------------------
06. PORTFOLIO PAGE IMAGE SLIDER STYLES
---------------------------------------------
*/

#myController {
	margin-right:40px;
	margin-top:10px;
	text-align: right;
}
#myController span{
padding:2px 6px 2px 6px;
color:#545454;
background:#e8e8e8;
margin-left:2px;
cursor:pointer;
border:#d1d1d1 solid 1px;
}

#jFlowSlide{
background-color:#fbfcff; border:#d4ecfc solid 1px;
}

#myController span.jFlowSelected {
background:#d9eefb;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

#mySlides div.jFlowNext {
width:598px;
height:268px;
padding:30px;
}

/*********************************************/