/* ATC -CONSULTING CSS sheet
Typography --
12px = 1em line-height = 1.75
14px = 1.166667em line-height = 1.5em
16px = 1.333333em line-height = 1.3125em
18px = 1.5em line-height = 1.166667
21px = 1.75emline-height = 1em
24px = 2em line-height = 0.875em  // TOP BAR COLOR //#f0811f << orange
*/

/* RESET 
===================================================================*/

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}

:focus                                   {outline: 1px dotted #000;}
body                                     {line-height: 1;color: black;background: white;background-attachment:fixed;}
ol, ul                                   {list-style: none;}



caption, th, td                          {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after                        {content: "";}
blockquote, q                            {quotes: "" "";}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong                                   {font-weight: bold }
em                                       {font-style: italic }
a img                                    {border:none } /* Gets rid of IE's blue borders */



/* STRUCTURE
===========================================================*/
body                                     {
	color:#333;
	background-color:#ffffff;
	background-image:url(../images/bg.png);
	background-attachment:fixed;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

#topbar                                  {background-color:#f0811f ;height:17px;width:924px;overflow:visible; margin:0 auto}
#bottomBar                               {background-color:#222222 ;height:1px;width:924px;overflow:visible; margin:0 auto}

/*#container                               {background:url(icons.png) top left no-repeat;margin:0 auto;width:1080px}*/

#page                                         {background-color: #fff;margin:0px auto 0px auto;padding:13px 0 0px 0;width: 924px; height:100%;}
#footerPage                                         {
	background-color: #fff;
	width: 924px;
	height:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

#header                                       {background:#fff;margin:0 auto;padding:5px 0px 0px 0px;}

#headerimg 	                                  {margin-left:9px;width: 930px;padding:0px;}
    .logo                                         {
	width:220px;
	float:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 40px;
}

#content                                      {padding:15px 15px 0 30px}

.narrowcolumn .postmetadata                   {text-align: left;}


#footer                                       {background-color: #fff;border: none;padding-top:20px;margin: 0 auto;width: 924px;clear: both;}

/* 
NEW MENU
=============================================================*/

div#wrapper_menu,
div#wrapper_menu_std{
	width:625px;
	background: url(../images/menu_l1_right.png) no-repeat right 0;
	float:right;
	margin-top:0px;
	margin-right:25px;
	margin-bottom: 5px;
}

div#wrapper_menu ul.menu,
div#wrapper_menu_std ul.menu{
	background: url(../images/menu_l1_left.png) no-repeat left 0;
}

div#wrapper_menu2{
	background: url(../images/menu_l2_right.png) no-repeat right bottom;
}

div#horiz-menu{
	background: url(../images/menu_l2_left.png) no-repeat left bottom;
}

div#wrapper_menu_std div#horiz-menu,
div#wrapper_menu_std div#wrapper_menu2{
	background: none!important;
}

div#horiz-menu li.active,
div#horiz-menu li.level1:hover{
	background:  url(../images/menu_hover_left.png) no-repeat 2px 31px;
}

div#horiz-menu li.active span,
div#horiz-menu li.level1:hover span{
	background:  url(../images/menu_hover_right.png) no-repeat right 31px;
}

div#horiz-menu li.active li span,
div#horiz-menu li.level1:hover li span{
	background: none;
}

div#horiz-menu li li.active{
	background: none;
}

div#horiz-menu li a{
	color: #555 /* origional 8f8f8f */ ;
}

div#horiz-menu li li a:hover{
	color: #111111!important;
}

div#wrapper_menu_std li.level1 a{
	padding-left: 13px;
}

div#horiz-menu li.level1 a{
	color: #fff;
}
/* new */
div#horiz-menu ul ul li.last a {
	margin-top: 0px;
        font-size: 11px;
}
div#horiz-menu li.last a{
	color: #fff;
        font-weight: bold;
        font-size: 11px;
        margin-top: -1px;
}

/* end new */ 
div#horiz-menu li.level1 li a{
	color: #8f8f8f;
}

div#horiz-menu ul ul ul li{
	background: #ededed;
	border-bottom: 1px solid #dadada;
}

div#wrapper_menu_std ul ul li{

	background: #fdfdfd;
	border-bottom: 1px solid /* #dadada */ black;
        border-left: 5px solid black;
        border-right: 5px solid black;
}
div#wrapper_menu_std ul ul li:last-child {
	background: url(../images/menu-border.png) no-repeat 0 bottom;
        width:200px;
        padding-left: 5px;
        height: 35px;
        border: none;
}
div#wrapper_menu_std ul li.last {
	color: white;
}

div#wrapper_menu_std ul.menu ul .last {
	background: url(../images/menu-border.png) no-repeat 0 bottom;
        width:200px;
        padding-left: 5px;
        height: 35px;
        border: none;
        margin-top: 0px;
        font-weight: normal;
        font-size: 10px;
        font-weight: bold;
        margin-top: -1px;
}
/* new code */ 
div#horiz-menu ul ul li.active {
	background: white;
}
div#wrapper_inside{
	background: url(../images/style1/menu_shadow.png) repeat-x 0 0;
}



/* 
TYPOGRAPHY
=============================================================*/
h1, h2, h3, h4                                {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#285D85;font-weight: normal;}

h1                                            {font-size: 2.16667em;line-height:1em;margin:0.25em 0 0.25em 0;}
.post h1                                      {padding:0}

h2                                            {font-size: 2.166667em; line-height:1em;margin:0.25em 0 0.5em 0;padding:4px 0 4px 0;}
 .help										  {font-size: 2.166667em; line-height:1em;margin:0 0 0 0;padding:4px 0 4px 0;}

h2.pagetitle                                  {font-size: 1.6em;}

h3                                            {font-size: 1.3em;}
	
.entry h3                                     {font-size:1.75em; line-height:1.1em;margin-bottom:18px;}
	
h4                                            {font-size: 1.4em;}

h1,
h1 a, 
h1 a:visited, 
h2 a, 
h2 a:visited,
h3 a,
h3 a:visited                                  {color: #002744;text-decoration:none}

caption, cite                                 {text-decoration: none;}

a, a:visited,
h2 a:hover,
h3 a:hover                                    {color: #295d84;text-decoration:none;}

a:hover                                       {color: #1b99cc;text-decoration:none;}

h2.pagetitle                                  {font-size: .5em;margin-top: 30px;text-align: center;}

#sidebar h3                                   {border-bottom:2px solid #c3cdd7;color:#002744;font-size: 1.3333em;line-height:1.1em;margin:1.1em 0;}

h3.comments                                   {padding: 0;margin: 40px auto 20px ;}

p                                             {font-size:1.16667em;line-height:1.5em;}

small,  
.nocomments, 
.postmetadata, blockquote, strike             {color: #777;}

code                                          {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps                      {font-size: 0.9em;letter-spacing: .07em;}

small                                         {font-size: 0.9em;line-height: 1.5em;}


/* End Typography & Colors */


	
/**********************************************************
* Navigation									*
**********************************************************/

/*
#navbar, 
#navbar-below                                       {border-top:1px solid #c3cdd7;width:100%;height:20px;margin:5px 0px 0px 0px;padding:10px 0;}
*/

	
#navbar												{width:96%;height:20px;}
#navbar-below                                       {border-top:1px solid #a2b6cf;width:870px;height:20px;margin:5px 27px 0px 27px;padding:10px 0 0 0;}
	
#navbar ul, 
#navbar-below ul                                    {float:right;margin:0;padding:0;display:inline;}

#navbar-below ul									{padding:0 10px}
	
#navbar ul li,
#navbar-below ul li                                 {font-size:10px;float:left;display:block;padding:0px;margin-left:30px;text-transform:uppercase;}
	
#navbar ul li a, #navbar ul li a:visited,
#navbar-below ul li a, 
#navbar-below ul li a:visited      					{color:#051f47;text-decoration:none;}

#navbar ul li a:hover,
#navbar-below ul li a:hover                         {color:#f68501;border-bottom:1px thick #051f47;}

#navbar ul li a:active,
#navbar-below ul li a:active                         {color:#f68501;border-bottom:1px thick #051f47; padding-bottom:3px;}
	
/*********************************************************/
	
	
.narrowcolumn                                 {float: left;margin: 0px 0px 0px 0px;width: 475px;}

.narrowcolumn-wide                            {float: left;width: 550px;}

.narrowcolumn-wide-two						  {float:left;width:650px}

.widecolumn                                   {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;}
	
.prescolumn                                   {padding: 0 0 20px 10px;margin-left:10px;width:930px;background: #fff url() top left no-repeat;}
	
/*****************************************************
*	Portfolio & Our Work Page
*****************************************************/
	
.portcolumn                                   {padding: 10px 0 20px 10px;margin:0;width:930px;text-align:center;}
	
.portLeft                                     {float:left;padding:0;margin:0;}
	
.portRight                                    {float:left;padding:5px;margin-left:15px;}

/********************************************************
*	Post Styling Continue
*********************************************************/

.post                                         {margin: 0 0 50px;padding:0 0px 0 0px}

.post hr                                      {display: block;}

.byline                                       {
	color:#666666;
	font-size:10px;
	line-height:1.75em;
	margin-top:-1.4em;
}

.widecolumn .post                             {margin: 0;}

.narrowcolumn .postmetadata                   {padding-top: 5px;}

.widecolumn .postmetadata                     {margin: 30px 0;}

.entry p                                      {margin:1em 0}
	
.info                                         {border-top:1px solid #CABEB0;border-bottom:1px solid #CABEB0;}

.widecolumn .smallattachment                  {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}

.widecolumn .attachment                       {text-align: center;margin: 5px 0px;}

.postmetadata                                 {clear: both;}

.clear                                        {clear: both;}

.fl											   {float:left}
.fr        								       {float:right}

.related                                       {border:1px dotted #ccc;border-width:1px 0;padding:10px 0}
.related h4                                    {color:#000}

/*
FOOTER
=================================================================*/

#footeroutside                                {width:100%;background-color:#000b14;padding-bottom:40px;margin:0;}

#footer p 									  {
	font-size:11px;
	color:#555;
	margin: 0;
	padding: 10px 10px 0 0px;
	text-align:left;
}
/* End Structure */

/* Begin Images 
==================================================================*/
p img                                         {padding: 0;max-width: 100%;}
    img.centered                                  {display: block;margin-left: auto;margin-right: auto;}
    img.alignright                                {padding: 4px;margin: 0 0 2px 7px;display: inline;}
    img.alignleft                                 {padding: 4px;margin: 0 7px 2px 0;display: inline;}
    .alignright                                   {float: right;padding-right:10px;}
    .alignleft                                    {float: left;padding-left:10px;}


/* 
Begin Comments
******************************************************/

#commentarea                             {margin:50px 0 10px 0;padding:0}

#commentarea h3                          {font-size:2em;line-height:1.1325em}

h3#comments                              {padding:0 0 5px 0px}

ol.commentlist li                        {padding:2px 0 50px 0;overflow:hidden}

.comment-left                            {border-top:1px solid #002744;float:left;width:100px}
.comment-right                           {border-top:1px solid #ccc;float:left;padding:0 10px;width:320px}

.the-author                              {display:block;font-size:1em;}
.commentmetadata                         {display:block;font-size:0.9em;}

.reply                                   {text-align: right}

#respond h3                              {border-bottom:1px solid #ccc;margin-bottom:10px;padding:0}

.commentform-left                        {width:170px;float:left;margin-right: 30px}
.commentform-right                       {width:260px;float:left}

#commentform input                       {width: 170px;padding: 2px;margin: 5px 5px 5px 0;}

#commentform textarea                    {width: 260px;padding: 2px;}
.logged-in #commentform textarea         {width: 100%;padding: 2px;}
	
#commentform label                       {font-size:90%;text-transform:uppercase;}

input#submit                             {border:1px solid #666666;padding:2px;margin-top:5px;float:right;width:120px}


/* 
Begin Sidebar
******************************************************/
#sidebar                                        {float:right;padding:0;margin:0px;width:380px;}

#sidebar-custom                   				{float:right;width:300px;}

#sidebar-two									{float:right;width:200px}

#sidebar form                                   {margin: 0;}

#work                                           {width:380px}
.box 										     {margin:0 0 40px 0;overflow:hidden;padding:10px 0px;}

.rss                                            {background: url(../images/feed-icon.jpg) center left no-repeat;padding-left:25px}

.recentProjects                                           {background:#4c789b url(../images/recentProjects_top.jpg) no-repeat;min-height:120px;padding:10px 30px 0 30px}
.recentProjectsbtm        					 			 {background: url(../images/recentProjects_btm.jpg) no-repeat;height:70px;}

.quote                                           {color:#3f6c90;font:2.3em "Lucida Grande";line-height:26px;text-indent:-0.7em}
.bodyText                                        {color:#333333;font:12px "Lucida Grande";line-height:14px;}
.webdev                                          {color:#333333;font:10px "Lucida Grande";line-height:16px;}
.testimonial-invite                              {color:#fff;font:.9em "Lucida Grande";line-height:1.166667em;line-height:14px;}
.sidebarText                                     {color:#222;font:.9em "Lucida Grande";line-height:1.166667em;line-height:16px;}
.sidebarTitles									 {font:1.5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#083353;font-weight: normal;ine-height:20px;}


/**
 *Main Sideblock
 **/	
#features 								      {height:100%;margin:20px 0;}

#sidebar ul p, #sidebar ul select             {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol                {margin: 5px 0 0 0px;}

#sidebar ul ul ul, #sidebar ul ol             {margin: 0 0 0 0px;}


ol li, #sidebar ul ol li                      {list-style: decimal outside;}	

/*
 Begin Various Tags & Classes *
****************************************************************/
acronym, abbr, span.caps                              {cursor: help;}

acronym, abbr                                         {border-bottom: 1px dashed #999;}

blockquote                                            {font:16px 'Georgia', 'Times New Roman', serif;min-height:40px;color:#999;margin: 20px 30px 0 25px;padding:2px 0 20px 40px;background-color: transparent;background-image: url(pullquote.gif);background-repeat: no-repeat;background-attachment: scroll;background-position: 0% 0%;}

blockquote cite                                       {margin: 5px 0 0;display: block;}
	
a.more-link                                           {float:left;margin-top:15px;padding:0;}

.center                                               {text-align: center;}

.hidden                                               {display: none;}

hr                                                    {display: none;}

a img                                                 {border: none;}

.navigation                                           {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}


/* CLEAR IF NEEDED
================================================================ */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clearfix {display: inline-block;}html[xmlns] .clearfix {display: block;}* html .clearfix {height: 1%;}

/**
 * Home Page CSS file
 */
		
/*---------------------------------------------------
 * Main Content
 *---------------------------------------------------*/
#content-home {padding:15px 10px 0 10px; height:auto;}

#content-home-left {padding:0 3px 0 3px; width:240px; float:left}
.sidebar-content-left      {background: url(../images/box_top.png) no-repeat;min-height:14px;padding:10px 20px 0 20px}
.sidebar-content-left-btm  {background: url(../images/box_btm.png) no-repeat;height:20px;}

#content-home-right{margin:0 10px 0 10px; width:884px; float:left;}

#content-home h2 {color:#CCC;font-size:30px;font-weight:bold}
#content-home p {color:#fff;font-size:16px}
	
        #techSupport {background:url(../images/button_techSupport.jpg) no-repeat;float:left;height:90px;margin-left:25px;margin-right:8px;padding:20px 7px 0px 0px;}

	#technology  {background:url(../images/button_technology.jpg) no-repeat;float:left;height:90px;margin-left:20px;margin-right:18px;padding:20px 7px 0px 0px;}
	
	#services {background:url(../images/button_services.jpg) no-repeat;float:left;height:90px;margin-left:20px;margin-right:18px;padding:20px 7px 0px 0px;}	
	
	#partners {background:url(../images/button_partners.jpg) no-repeat;float:left;height:90px;margin-left:20px;margin-right:18px;padding:20px 7px 0px 0px;}	

  #contact {background:url(../images/button_contact.jpg) no-repeat;float:left;height:90px;margin-left:10px;margin-right:2px;padding:20px 7px 0px 0px;}
  
  
	
	
		.page-link		{width:95px;}/*--sets appropriate height/width for links--*/
		.page-link a	{display:block;height:90px}
	
#bottom {clear:both;}	

#bottom h3  {color:#072e4b;font-size:12px;font-weight:bold;margin-bottom:1.2em;text-transform:uppercase}

#bottom p 	{font-size:13px}	
		
	.boxee {margin-bottom:10px;width:135px;}

#trans { 
	width: 100%; 
	height:80px; 
	background:transparent url(../images/trans.png) repeat-x;
	background-position:top;
	position: fixed;
	z-index: 10000; 
	display: block;
	bottom: 0; 
	overflow: visible; 
	margin: 0 auto; 
}
.navtext {
    color:#051f47;
	text-decoration: none;
	padding:0px;
}
.navtext a{
	color: #e10019;
	text-decoration: none;
	display:block;
	list-style:none;
}
.navtext a:visited{
	
	text-decoration: none;
}
.navtext a:hover{
    color:#f68501;
	text-decoration: none;
	border-bottom:1px thick #051f47;
}
.navtext a:active{
    color:#f68501;
	text-decoration: none;
	border-bottom:1px thick #051f47;
	
}
#dashboard input.formtext {
  height: 15px;
  display: none;
  font: 14px 'Lucida Grande', Tahoma, Arial, sans-serif;
  padding:0;
  margin:0;
  color:#e10019;
}
#dashboard input.textarea {
  height: 15px;
  display: none;
  font: 14px 'Lucida Grande', Tahoma, Arial, sans-serif;
  padding:0;
  margin:0;
  color:#e10019;
}

#dashboard input.submit {
	background-color:#f68501;
	height: 30px;
	font-size: 12px;
	font-family: "lucida grande", tahoma, arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: #051f47;
	padding:0 10px 0 10px;
	width:auto;
}
#dashboard input.reset {
	background-color:#f68501;
	height: 30px;
	font-size: 12px;
	font-family: "lucida grande", tahoma, arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: #051f47;
	padding:0 10px 0 10px;
	width:auto;
}
#searcher input.submit {
	background-color:#333;
	height: 20px;
	font-size: 12px;
	font-family: "lucida grande", tahoma, arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: #ffffff;
	padding:1px 5px 4px 5px;
	width:auto;
}