/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#111111;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:1.4em;
		color: #666666;
	}

.textBox{ }
input, select { vertical-align:middle; font-weight:normal;}

a {color:#717171;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(../_img/list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:2.083em;}

.link {background:url(../_img/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}


h1 {font-size:14px; color: #333333; letter-spacing:1px; font-weight:normal;}
 
h2 {font-size:14px; color: #333333; letter-spacing:1px; font-weight:normal;}
h3 {color:#006699; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:0px; padding:0px 0px 0px 0px;}

cite {font-style:normal;}

#wrapper { width:1000px; margin:0 auto; text-align:left;}


#content {border-bottom:8px solid #0099CC; background:#f9f9f9 url(../_img/content-tail.gif) bottom repeat-x; margin:0 62px 0 63px;}


/* ============================= header ====================== */



.header{height:86px;}
.logo {margin:14px 0px 0px 0px;}

.menu {border-bottom:1px solid #000000; width:100%; overflow:hidden;}
.menu li {float:left; width:165px; padding:0; text-align:center; background:url(../_img/menu-devider.gif) top right repeat-y; padding-right:2px;}
.menu li a {color:#d5d5d5; text-decoration:none; background:url(../_img/menu-tali.gif) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color:#ababab; background:url(../_img/menu-tali-active.gif) top repeat-x;}
.menu .active a {color:#ababab; background:url(../_img/menu-tali-active.gif) top repeat-x;}
.menu .last {background:none; padding:0; width:165px;}
.menu .last2 {background:none; padding:0; width:165px; color:#ababab; }

.flash{ height:272px; border:0px solid #FF9900;}
.content {border-bottom:8px solid #0099CC; background:#f9f9f9 url(../_img/content-tail.gif) bottom repeat-x;}

.contentTop{ background:url(../_img/content_top_bg.jpg) repeat-x #DDDDDD; border-bottom: 1px solid #CCCCCC;}
.featureLeft{ float:left; width:500px;}
.featureRight{ float:right; width:500px; background:url(../_img/feature_sep.jpg) repeat-y;}

.featureBox{ padding:0px 20px 20px 0px;}
.featureTitle {color:#006699; font-size: 18px; line-height:1em; font-weight:normal; letter-spacing:0px; padding:32px 0px 5px 0px;}
.imgindent {margin:20px 10px 0 20px; float:left;}

.contentBottom{ height:400px;}
.contentBottomLeft{ float:left; width:565px; }
.contentBottomRight{ float:right; width:387px;}
.contentBottomBox{ padding:25px 0px 0px 25px;}

.leftContentHeader{ width:565px; height:25px; border-bottom: solid #CCCCCC 1px; background-color:#E2E2E2; ;}
.leftHeaderTitle {margin:14px 0px 0 16px; float:left;}
.leftItemBox{ padding: 8px 0px 0px 0px; width:565px; height:140px;}
.imgfeatured {margin:0px 16px 0px 0px; float:left;}
.leftFeatureTitle {color:#006699; font-size: 14px; line-height:1em; font-weight:normal; letter-spacing:0px; padding:8px 0px 8px 0px;}
.leftFeatureTitle a{color:#006699; text-decoration:none;}
.leftFeatureTitle a:hover{color:#0099CC;}
 
.leftFeaturedText{padding:0px 0px 0px 0px; }
.leftTopHeader{ width:565px; height:25px; border-bottom: solid #CCCCCC 1px;}

.pageContent{}
.pageContentBox{ padding: 25px; border:1px solid #CCCCCC;}
.pageContentHeader{ height:25px; border-bottom: solid #CCCCCC 1px;}
.pageHeadlineText{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #333333; padding:0px 0px 0px 0px; letter-spacing:1px;}

.rightContentTop{ background:url(../_img/right_top.gif) no-repeat; height:9px; font-size:6px; padding:0px; margin:0px;}
.rightContentTopPer{ background:url(../_img/right_top.jpg) no-repeat; width:368px; height:104px; border:0px solid #009900;}
.rightContentMid{ background:url(../_img/right_bg.jpg) repeat-x #222222; width:368px; }
.rightContentBottom{ background: url(../_img/right_bottom.gif) no-repeat; height:29px; width:368px; border:0px solid #00CC00;}
.rightContentBox{ padding: 25px 0px 0px 0px;}
.rightTitle {color:#006699; font-size: 18px; line-height:1em; font-weight:normal; letter-spacing:0px; padding:0px 0px 5px 16px;}
.rightTextBox{ padding:8px 8px 8px 16px; color: #CCCCCC; font-size:14px;}
.rightTextBox a{ color:#FFFFFF; text-decoration:none;}
.rightTextBox a:hover{color: #666666; }
.rightLinksBox{padding:10px 0px 2px 10px;}

.rightImage{ margin:0px 0px 0px 9px;}
.rightBar{ background:url(../_img/right_bar_bg.gif) repeat-x; height:2px; font-size:0px; margin:0px 0px 0px 0px;}

.servicesHeading{ color:#FFFFFF; font-size:18px; padding: 5px 0px 0px 15px;}
.servicesHeading a{ color: #ffffff; text-decoration:none;}
.servicesHeading a:hover{ color:#00CCFF;}

.testimonialText{ font-style:italic; padding:8px 10px 0px 10px; width: 294px; }
.testimonialName{ padding:8px 0px 8px 16px; color:#333333; }


.subBottomBox{ padding:25px 0px 0px 25px;}


.headlineText{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #333333; padding:0px 0px 0px 0px; letter-spacing:1px;}
.leftTopContent{ padding:8px 0px 16px 0px; }
.leftTopContent a{ color:#006699; text-decoration:none; }
.leftTopContent a:hover{ color: #0099CC; }

.leftBarHeader{ width:565px; height:26px; border-bottom: solid #999999 1px; background: #CCCCCC;}
.leftBarHeaderText{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #333333; padding:5px 0px 0px 8px; letter-spacing:1px;}

.leftFooterBar{ width:565px; height:25px; border-top: solid #CCCCCC 1px;}
.leftFooterText{ font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0px 10px 0px 0px; text-align:right;}
.leftFooterText a{color:#006699; text-decoration:none;}
.leftFooterText a:hover{color: #0099CC;}

.rightFooterText{ font-family:Arial, Helvetica, sans-serif; font-size:14px;  padding:5px 10px 0px 0px; text-align:right;}
.rightFooterText a{color: #0099CC; text-decoration:none;}
.rightFooterText a:hover{color: #ffffff;}

.rightButton{ padding:8px 8px 0px 0px;}

.subInnerBox{ background: url(../_img/sub_inner_box_bg.jpg) bottom repeat-x #F9F9F9; padding:25px; border-top: 1px solid #999999;}
 

 /* ============================= portfolio ====================== */
 .projectContWrapper{float: left; border:0px solid #FFCC00; margin:0px 10px 0px 10px; padding: 0px 0px 0px 0px;}
 .projectCont{  width:269px; height:350px; margin: 0px 0px 0px 0px; border:0px solid #FFCC00; padding:0px 0px 0px 0px;}
 .projectImageCont{ border:1px solid  #C5C5C5; background:#EBEBEB; width:267px; background:url(../_img/imageBoxBg.jpg) no-repeat;}
 .projectImageCont2{ border:0px solid  #C5C5C5; background: url(../_img/featureBG.jpg) no-repeat; width:268px; height:186px; }
 .projectImage{ border:1px solid #333333; margin:10px;}
 .projectImage2{ border:1px solid #333333; margin:4px 0px 0px 11px;}
 .projectTitleCont{ padding:8px 0px 5px 10px; font-weight:bold;}
 .projectDescriptionCont{padding:0px 0px 0px 10px;}
 .projectLinksCont {color: #999999; padding:5px 0 0 10px;}
 .projectLinksCont a {color:#006699; font-weight:normal; text-decoration:none;}
 .projectLinksCont a:hover {color: #0099CC; font-weight:normal; text-decoration:none;}

 /* ============================= Home portfolio ====================== */
 .homeprojectContWrapper{float: left; border:0px solid #FFCC00; margin:0px 10px 0px 10px; padding: 0px 0px 0px 0px;}
 .homeprojectCont{  width:538px; height:400px; margin: 0px 0px 0px 0px; border:0px solid #FFCC00; padding:0px 0px 0px 0px;}
 
 .homeprojectImageCont2{ border:0px solid  #C5C5C5; background: url(../_img/featureBG.jpg) no-repeat; width:268px; height:186px; }
 .homeprojectImage{ border:1px solid #333333; margin:10px;}
 .homeprojectImage2{ border:1px solid #333333; margin:4px 0px 0px 11px;}
 .homeprojectTitleCont{ padding:8px 0px 5px 10px; font-weight:bold;}
 .homeprojectDescriptionCont{padding:0px 0px 0px 10px;}
 .homeprojectLinksCont {color: #999999; padding:5px 0 0 10px;}
 .homeprojectLinksCont a {color:#006699; font-weight:normal; text-decoration:none;}
 .homeprojectLinksCont a:hover {color: #0099CC; font-weight:normal; text-decoration:none;}
 
 
   /* ============================= home left ====================== */
.homeLeftWrapper{ float:left; width:580px; border: 0px solid #00CC00;}
.homeLeftHeader{ width:580px; height:25px; border-bottom: solid #CCCCCC 1px;}
.homeLeftHeadreBG{ background:url(../_img/homeLeftHeaderBG.jpg) no-repeat; width:576px; height:32px; overflow:hidden; margin:10px 0px 10px 0px;}
.homerightHeadreBG{ background:url(../_img/homeRightHeaderBG.jpg) no-repeat; width:294px; height:32px; overflow:hidden; margin:10px 0px 10px 0px;}
.homeLeftHeaderText{ font-size:16px; color:#666666; padding: 7px 0px 0px 0px; letter-spacing:1px; text-align:center;}

.featuredContWrapper{float: left; border:0px solid #FFCC00; margin:8px 8px 0px 8px;}
.featureButtonBg{ background:url(../_img/featureButtonBG.jpg) no-repeat; width:270px; height:24px; text-align:center; margin:5px 0px 0px 0px;}
.featureButtonText{ padding: 3px 0px 0px 0px;}
.featureButtonText a{ padding: 0px 10px 0px 10px;}
.featureButtonText a:hover{ }
.featureTitleCont{ padding:0px 0px 0px 0px; font-weight:normal; font-size:14px; background:url(../_img/reflection3.jpg) no-repeat; width:269px; }
.featureTitleContText{ padding:15px 0px 0px 15px; }
.featureTitleCont2{ padding:0px 0px 0px 20px; font-weight:normal; font-size:14px; background:url(../_img/reflection3.jpg) no-repeat;}
.featureDescriptionCont{padding:3px 10px 5px 15px; }
.featureDescriptionCont2{padding:3px 10px 5px 20px; }
 .featureLinksCont {color: #999999; padding:5px 0 0 0;}
 .featureLinksCont a {color:#006699; font-weight:normal; text-decoration:none;}
 .featureLinksCont a:hover {color: #0099CC; font-weight:normal; text-decoration:none;}
  /* ============================= columns ====================== */
  .servicesColumns{ text-align:center; margin:auto;}
  .servicesBottom{ height:200px;}
  
  .columnWrapper{ border:0px solid #00CC00; width: 294px; background:#dddddd;}
  .columnWrapperServices{ border:0px solid #00CC00; width: 294px; background:#dddddd; float:left; margin:0px 0px 0px 5px;}
  .columnWrapperHome{ border:0px solid #00CC00; width: 294px;  float:right; margin:0px 0px 0px 5px;}
  .columnTop{ background:url(../_img/columnHeadBG.jpg) no-repeat; height:37px;}
  .columnTopCont{ padding:12px 0px 0px 0px; font-size:14px; color: #333333; letter-spacing:1px; text-align:center;}
  .columnDesc{ font-size:12px; padding:10px 10px 10px 15px; }
  .columnCont{ font-size:14px; padding:10px 0px 10px 15px; background:#dddddd; }
  .columnCont a{ text-decoration:none; color:#666666;}
  .columnCont a:hover{color: #999999;}
  
  .columnHR{ height:2px; background:url(../_img/columnHR.gif) repeat-x #dddddd ; line-height:0px; overflow:hidden;}
  .columnSep{ background:url(../_img/column_sep.jpg) no-repeat; height:24px;}
  .columnBot{ background:url(../_img/columnBot.jpg) no-repeat; height:10px; line-height:0px; overflow:hidden;}
  .columnButtonBox{ background:#dddddd; padding:10px 0px 0px 30px;}
  .columnButton{ background:url(../_img/columnButton.jpg) no-repeat center; height:29px; width:230px; margin:0px 10px 0px 0px; }
  .columnButtonText{ padding:5px 5px 0px 15px; color:#FFFFFF; font-size:14px;}
  .columnButtonText a{ color:#FFFFFF; text-decoration:none; }
  .columnButtonText a:hover{ color: #FFFF00;}
  .columnSpacer{height:8px;line-height:0px; overflow:hidden; }
  .columnBottom { background:url(../_img/columnBot.gif) no-repeat; height:10px; line-height:0px; overflow:hidden;}
  
.projectImageThumb{margin: 0px 0px 0px 0px; border:1px solid  #666666; }
.projectImageThumb a{border:1px solid  #666666;}
.projectImageThumb a:hover{border:1px solid  #ffffff;}
.projectImageBox{ float:left; padding:8px; background: #d5d5d5; margin: 0px 16px 0px 0px; border:1px solid   #999999;}
.projectContent{ padding:8px 0px 16px 0px; }
.projectContent a{ color:#006699; font-weight:normal; text-decoration:none;}
.projectContent a:hover{ color: #0099CC; }

.projectItemBox{ padding: 8px 0px 0px 0px; height:100px;}
.projectFeatureTitle {color:#006699; font-size: 14px; line-height:1em; font-weight:normal; letter-spacing:0px; padding:0px 0px 8px 0px;}
.projectFeaturedText{padding:0px 0px 0px 0px; }
.projectFeaturedText a{color:#006699; text-decoration:none;}
.projectFeaturedText a:hover{color:#0099CC;}


.projectFeatureTitle a{color:#006699; text-decoration:none;}
.projectFeatureTitle a:hover{color:#0099CC;}

/* ============================= content ====================== */

.links {color: #999999; padding:10px 0 0 0;}
.links a {color:#006699; font-weight:normal; text-decoration:none;}
.links a:hover {color: #0099CC; font-weight:normal; text-decoration:none;}

.line {background:url(../_img/banner-devider.gif) repeat-y 437px 0;}
.banner-pad {padding-right:32px;}

.indent {padding:33px 50px 33px 48px;}

.col-pad {padding-right:75px;}
.col-pad2 {padding-right:36px;}

.date {color:#858585; background:url(../_img/list-bg.gif) no-repeat 0 2px; padding-left:12px;}
.padding1 {padding-top:20px;}
.padding2 {padding-top:15px;}
.padding3 {padding-top:25px;}
.margin1 {margin-top:15px;}
.margin2 {margin-top:50px;}
.extra {overflow:hidden;}

/* ============================= footer ====================== */

#footer {color:#717171; padding:20px 25px 25px 25px;}
.submenu {float:right; text-decoration:none;}
.submenu a{color: #999999; text-decoration:none;}
.submenu a:hover{ color:#FFFFFF;}

.footerMenu {float:right; text-decoration:none; padding:0px 0px 0px 0px;}
.footerMenu a{color: #999999; text-decoration:none;}
.footerMenu a:hover{ color:#FFFFFF;}

.tosLink {text-decoration:none;}
.tosLink a{color: #999999; text-decoration:none;}
.tosLink a:hover{ color:#FFFFFF;}

/* ============================= forms ============================= */

.captchaImg{ border:1px solid #666666; margin:2px 0px 2px 0px;}

#NewsletterForm .rowi {height:50px;}
.input {width:203px; height:21px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

#ContactForm {padding:0 22px 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .input {width:221px; height:18px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
textarea {border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}
#ContactForm .button {float:right; margin:30px 0 0 30px;}
.submitButton{ font-size:12px; color:#006699; padding:5px 10px 5px 10px;}