@charset "UTF-8";
/* CSS Document */
body {
	background-image:url(images/bg.jpg);
	}
#container {
	font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:12px;
	width:1000px;
	height:100%;
	margin:0 auto;
	line-height:20px;
	background-color:white;
	}
#padded-container {
	padding:0 30px;
	}
#page-top {
	/*background-image:url(images/page-top-bg.png);*/
	background-color:#ddd;
	border-bottom:1px solid #999;
	font-family:arial;
	font-size:100%;
	height:25px;
	width:100%;
	}
#page-top img{
	padding:0 5px;
	vertical-align:middle;
	}
#page-top ul, #page-top li {
	display:inline;
	list-style-type:none;
	padding:0 1em;
	}
#page-top li.first {
	border-right:2px dotted #999;
	}	 
#header {
	clear:both;
	background-color:white;
	width:95%;
	margin:0 auto;
	padding:20px 0;
	}
#header h1 {
	padding:30px 0 35px;
	border-bottom:solid 4px #003399;
	text-align:center;
	}
#logo {
	margin-top:10px;
	}	
#tagline {
	float:right;
	width:62%;
	}
#navbar {
	margin:10px auto 10px;
	text-align:center;
	width:90%;
	border:1px solid #ccc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;	}
.curved {behavior:url(http://netmanageit.com/beta/sites/all/themes/netmanageit_beta/border-radius.htc); border:1px solid black;}


#navbar ul {height:40px;}
#navbar li{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px dotted #999;
	border-right:1px dotted #999;
	border-bottom:1px dotted #999;
	text-align:center;
	}
#navbar li.last{
	border:hidden;
	}
#breadcrumb {
	width:80%;
	}
#content-upper {
	margin:0 auto;
	width:90%;
	}
#content-upper ul{
	padding:1em;
	color:#ff9900;
	list-style-image:none;
	}
#content-upper h1 {
	float:left;
	}
#content-upper table {
	width:100%;
	}
#content-upper td{	
	width:30%;;
	}
#content-upper-right  {
	border:solid 1px #ccc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	}
#content-upper-center {
	border:solid 1px #ccc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	margin:0 10px;
	}
#content-upper-left {
	border:solid 1px #CCC;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	}

#content  {
	margin:0 10px 0 50px;
	width:55%;
	float:left;
	}
#right-sidebar {
	float:right;
	border:solid 1px #ccc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	margin-right:47px;
width:272px;
	}
#sidebar-inner{
	width:80%;
	margin:20px auto;
	}
#sidebar-inner .block{
	padding:5px 0 10px;
	border-bottom:1px dotted #ccc;

	}
	
#content-lower {
	width:95%;
	clear:both;
	margin:0 auto 20px;
	}
#content-lower ul {
	width:170px;
	margin:0 auto;
	}
#content-lower-left {
	width:30%;
	float:left;
	min-height:200px;
	}
#content-lower-center {
	width:30%;
	border-left:1px solid #999;
	border-right:1px solid #999;
	float:left;
	min-height:200px;
	}
#content-lower-right {
	width:30%;
	float:left;
	min-height:200px;
	}
#page-bottom {
border-top:2px dotted #CCCCCC;
clear:both;
font-family:arial rounded mt bold;
font-size:90%;
line-height:20px;
margin:25px auto;
padding:20px;
text-align:center;
width:80%;
	}

/*HTML Tags */

ul {
	list-style-image:url(images/bullet.png);
	margin:15px 0 15px 25px;
	line-height:20px;
	}
p  {
	margin-bottom:10px;
	color:#222;
	line-height:18px;
	}

h2 {
	color:#ff9900;
	font-size:160%;
	font-weight:normal;
	margin:20px 0 5px 0px;
	}
h3 {
	font-size:120%;
	margin:15px 0 5px;
	font-family:arial rounded mt bold,Arial, Helvetica, sans-serif;
	}
h4 {
	font-size:120%;
	font-weight:bold;
	}
	
/* Drupal Classes */
.item-list ul li {
	list-style-image:inherit;
	}
.breadcrumb{
	margin:5px 50px 15px;
	font-size:80%;
	}
.sidebar-left {
	width:550px;
	}
.two-sidebars {
	width:550px
	}
.title {
	font-size:220%;
	margin:10px 0 10px 50px;
	}
/*Views Theming*/
.view-id-Portfolio{
	border:solid 1px #ccc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	width:90%;
	margin:0 auto;
	padding:30px;
	}	
.views-field-field-portfolio-desc-value {
	background-color:#CCCCCC;
	border:1px dotted #888888;
	font-size:80%;
	margin:25px auto;
	padding:10px;
	width:80%;
	}
/* Module Overrides */

.calendar-calendar .inner {
	min-height:5em;
	min-width:2.5em;
	}
.calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a {
	padding:0;
	}
.calendar-calendar .month-view table {
	clear:left;
	}
#imageDetails {
display:none;
}
	
/*Theme Styles*/
#front-upper-left {
	margin-right:10px;
	background-image:url(images/msp.png);
	background-repeat:no-repeat;
	}
#front-upper-right  {
	background-image:url(images/webdevelopment.png);
	background-repeat:no-repeat;
	background-position:top right;
	}
#front-upper-center  {
	background-image:url(images/helpdesk.png);
	background-repeat:no-repeat;
	background-position:top center;
	}
.front-upper{
	padding-top:14em;
	padding-left:1em;
	}
.front-upper h1{
	float:none ! important;
	font-family:arial rounded mt bold;
	font-size:180%;
	padding-left:.5em;

	}
.front-upper ul{
	padding:1em;
	color:#ff9900;
	list-style-image:none;
	clear:
	}
.tagline_top{
	font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;
	font-size:36px;
	color:#222;
	margin:0;
	padding:0;
	}
.tagline_bottom{
	font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;
	font-size:30px;
	color:#A6B9D6;
	}
	/*styles the snazzy graphic table for help-desk-tools and managed-it-services-tools*/
#toolsTable {
	width:500px;
	margin:20px 0;
	}
#toolsTable h2{
	text-indent:20px;
	padding:0;x
	}
#toolsTable table{
	border-spacing:0;
	border:#000000; 
	border:1px solid #ccc;
}
#toolsTable p{
	padding:0 20px;
	}
#toolsTable img {
	border:none ! important;
	}
#toolsTable .lefttd {
	background-image:url(images/td_bg.png);
	background-repeat:no-repeat;
	font-family:arial rounded mt bold, Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:center;
	color:#999999;
	height:161px;
	padding:10px;
	vertical-align:middle;
	} 
#toolsTable .lefttd2 {
	background-image:url(images/td_bg2.png);
	background-repeat:no-repeat;
	font-family:arial rounded mt bold, Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:center;
	color:#999999;
	height:161px;
	padding:10px;
	vertical-align:middle;
	} 
#toolsTable .righttd {
	vertical-align:middle;
	}
	

#processTable table{ 
	width:800px;
	margin:0 auto;
	}
#processTable td{
	padding:2em;
	vertical-align:middle;
	}
#processTable h2{
	padding:0;
	margin-left:0;
	}
#processTable tr{
	border-bottom:1px solid #E9EFF3;
	}


	
/* Miscellaneous Styles...should move to CSS injector at end of development */
.test{}
.skinny {width:600px;}
.login-block button {
background-image:url(images/button.png);

   /*position*/
.clear-float {clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.inline-block{display:inline-block;}
.inline{display:inline;}
.padding-bottom{ padding-bottom:20px;}
.padding-right {padding-right:20px;}
.padding-left {padding-left:20px;}
.top-margin {margin-top:20px;}
.center {margin:0 auto;}
.clear-spacing{margin:0 !important; padding:0 !important;}
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.med-pad {padding:20px;}
.light-pad {padding:5px;}
.no-float {float:none !important;}
.small-top-margin {margin-top:5px;}

/*borders*/
.no-border{border:none !important;}
.border-bottom, .border-bottom td {border-bottom:1px solid #ccc;}
.divider {border-bottom:1px dotted #ccc;}
.bold {font-weight:bold;}
.block {display:block;}

.side-space{margin-left:8px; margin-right:8px;}
.top {vertical-align:top;}
.middle{vertical-align:middle;}
.one-third {width:33%;}


   /*conditional*/
.last {border:none ! important;}
.first {}  

   /*text styles*/
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-small{font-size:90%;}
.text-smaller {font-size:80%;}
.text-white {color:white;}
.text-big{font-size:120%;}
.text-gray {color:#666666;}
.text-red {color:#FF0000 !important;}
.no-indent {text-indent:0px !important;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.right{float:right;}
.left{float:left}
.orange{color:#ff9900;}
.gray{color:#666666;}
.arial{font-family:Arial, Helvetica, sans-serif;}
.blurb {font-size:10px; color:#666;}

    /*lists*/   
.block-title  {font-size:75%;margin-bottom:5px; margin-left:35px; clear:both;}
.white-border {border:solid 3px white;}
.no-bullet li{list-style-image:none;}
.bulleted {list-style-type:circle !important;}
.divider{border-bottom:1px dotted #ccc;}

   /*images*/
.arrow {margin:0 5px !important;}

  /*html tags*/
pre {font-family:Arial, Helvetica, sans-serif; display:inline;}