@charset "UTF-8";


@import url("footer_cs.css");

body {
  font-size:62.5%;
  background:#DADADA url(../img/bg/body-bg.jpg) top center no-repeat;
  margin:0 auto;
 }
 

img {
  border:none;
  padding:0em 0;
  outline:none;}

a {
  outline:none;}

a:link {
  color:#007FC0;
  font-weight:bold;
  text-decoration: none;
  }

a:visited {
  color:#4FB3D9;
  font-weight:bold;
  text-decoration: none;
  }

a:hover {
  color:#4FB3D9;
  font-weight:bold;
  text-decoration: underline;
  }

/*--------- nav ___________________ /






/*  MAST HEAD
---------------------------------------------*/

#masthead {
	height:60px;  
    }

/*  Logo
---------------------------------------------*/


#logo {
	margin:0;
	padding:0;
	clear:both;
	float:left;
    }

#logo ul {
    margin:0;
	padding:0;}

#logo ul li {
  list-style:none;
  float:left;
  }
  
#logo ul li a {
	float:left;
	width:150px;
	height: 30px;
	background: url(../img/logo/connectsolutionslogo.gif) no-repeat top left;
	margin:1.8em .5em .5em 2.3em;
	list-style: none;
	text-indent: -9000px;
	}
		



/*  NAV MAIN 
---------------------------------------------*/

#navmain {
 width:630px;
 height: 52px;
 margin:0;
 float:right;
 clear:right;
 background:url(../img/bg/navmain-bg.gif) center top no-repeat;
 
 }

#navmain ul {
  list-style:none;
  margin:8px 0 0 30px;
  padding:0;
  }

#navmain ul li {
 float:left;
 padding-right:4.9em;
 font-family: Arial, san-serif;
 }

#navmain ul li.navlast {
 padding-right:0;
 margin-right:0;}


/*   LINKS (NAV)
---------------------------------------------*/


#navmain ul li a:link,
#navmain ul li a:visited {
    color: #3a3a3a;   
    padding:1.1em .5em .7em;
    display:block;
   	text-decoration: none;
   	font-size: 110%;
   	font-weight: bold;
   	}

#navmain ul li.navsolutions a:link,
#navmain ul li.navsolutions a:visited {
  width:70px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-solutions.gif) 0 -43px no-repeat;}

#navmain ul li.navsolutions a:hover {
  width:70px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-solutions.gif) 0 0px no-repeat;}

#navmain ul li.navsolutionscurrent {
  width:70px;
  text-indent: -9000px;
  margin-right:11px;
  background:url(../img/nav/navmain-solutions.gif) 0 0px no-repeat;}



#navmain ul li.navproducts a:link,
#navmain ul li.navproducts a:visited {
  width:70px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-products.gif) 0 -43px no-repeat;}

#navmain ul li.navproducts a:hover  {
  width:70px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-products.gif) 0 0px no-repeat;}

#navmain ul li.navproductscurrent  {
  width:70px;
  text-indent: -9000px;
  margin-right:11px;
  background:url(../img/nav/navmain-products.gif) 0 0px no-repeat;}



#navmain ul li.navsupport a:link,
#navmain ul li.navsupport a:visited {
  width:65px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-support.gif) 0 -43px no-repeat;}

#navmain ul li.navsupport a:hover {
  width:65px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-support.gif) 0 0px no-repeat;}

#navmain ul li.navsupportcurrent {
  width:65px;
  text-indent: -9000px;
  margin-right:11px;
  background:url(../img/nav/navmain-support.gif) 0 0px no-repeat;}



#navmain ul li.navcompany a:link,
#navmain ul li.navcompany a:visited {
  width:70px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-company.gif) 0 -43px no-repeat;}

#navmain ul li.navcompany a:hover {
  width:70px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-company.gif) 0 0px no-repeat;}

#navmain ul li.navcompanycurrent {
  width:70px;
  text-indent: -9000px;
  margin-right:11px;
  background:url(../img/nav/navmain-company.gif) 0 0px no-repeat;}





#navmain ul li.navblog a:link,
#navmain ul li.navblog a:visited {
  width:50px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-blog.gif) 0 -43px no-repeat;}

#navmain ul li.navblog a:hover {
  width:50px;
  text-indent: -9000px;
  background:url(../img/nav/navmain-blog.gif) 0 0px no-repeat;}

#navmain ul li.navblogcurrent {
  width:50px;
  text-indent: -9000px;
    margin-right:11px;
  background:url(../img/nav/navmain-blog.gif) 0 0px no-repeat;}








/*   page structure 
---------------------------------------------*/

#wrapper {
  width:860px;
  margin: 0 auto;
  padding:0;
  }  

#main-body {
 margin:0;
 padding:0;}


#modulehome {
 margin:0;
 padding:0;
 width:860px;
 }


#action1,
#action2,
#action3 {
  width:279px;
  height: 180px;
  float:left;
  margin:10px 10px 10px 0px;
  padding:0;
  display:block;}

#action1 {
 background:url(../img/action-images/goverment.jpg) top left no-repeat;}

#action1 h1, 
#action2 h1,
#action3 h1
  {
  margin:0;
  padding:.7em 0 0 13px;
  font-family: Arial, san-serif;
  font-size:1.4em;
  color:#000;
  }

#action1 p,
#action2 p,
#action3 p
  {
  margin:0;
  padding:.3em 0 0 13px;
  font-family: Arial, san-serif;
  font-size:1.2em;}

#action2 {
 background:url(../img/action-images/enterprise.jpg) top left no-repeat;}

#action3 {
 background:url(../img/action-images/quickconnect.jpg) top left no-repeat;
 margin-right:0;}


#solutionsactions1,
#solutionsactions2 {
  width:291px;
  height:253px;
  float:left;
  margin:10px 0px 15px 0px;
  padding:0;
  display:block;}

#content #solutionsactions1 h1,
#content #solutionsactions2 h1 {
  margin:0;
  padding:.5em 0 0 10px;
  font-family: Arial, san-serif;
  font-size:1.4em;
  color:#000;
  }

#content #solutionsactions1 {
  margin-right:10px;}


  
#content #solutionsactions1 p,
#content #solutionsactions2 p  {
  margin:0;
  padding:.3em 0 0 10px;
  font-family: Arial, san-serif;
  font-size:1.2em;}


#solutionsactions1 {
 background:url(../img/action-images/solutions-government-box.jpg) top left no-repeat;}



#solutionsactions2 {
 background:url(../img/action-images/solutions-enterprise-box.jpg) top left no-repeat;}
  }

#content-home-t {
  background: url(../img/bg/bg-top-cornr-home-body.gif) top center no-repeat;
  width:100%;
  margin:0;
  padding-top:9px;
  float:left;
  background-color:#fff;
    }
    
#content-home {
	float:left;
	padding:0;
	margin:0;
	width:100%;
	background:#fff;
	font-size: 100%;
 }
 
#content-home h2 {
  color:#555;
  font-family: Arial, san-serif;
  font-weight: lighter;
  font-size: 1.8em;
  line-height: 1.5em;
  }
  
  
  
#valueprop {
  float:left;
  width:560px;
  padding:0 0em 1.5em 1.5em;
  margin:0;}

#blogwidget {
  float:left;
  width:250px;
  padding: 0 0 0 20px;
  margin:0;}



/*   content 
---------------------------------------------*/

#content-t {
  background:url(../img/bg/main-body-bg-top.gif) top right no-repeat;
  height: auto;
  margin:0;
  padding-top:9px;
  float:right;}

#content {
  float:right;
  width:600px;
  background-color:#fff;
  padding:15px;
  }
 
 
#content p, 
#valueprop p,
#blogwidget p.morelink {
  font-family: Arial, Verdana, sans-serif;
  font-size:1.4em;
  color:#333;
  font-weight: lighter;
  line-height: 1.6em;
  margin:1em 0;
  padding:0;
  }

#blogwidget p {
  font-family: Arial, Verdana, sans-serif;
  font-size:1.2em;
  color:#333;
  font-weight: lighter;
  line-height: 1.2em;
  margin:1em 0;
  padding:0;
  }


#content ul li,
#content ol li {
  font-family: Arial, Verdana, sans-serif;
  font-size:1.4em;
  color:#333;
  font-weight: lighter;
  line-height: 1.6em;
  margin:0;
  padding:0;}


p.posttitle,
p.postsnip,
p.postdate {
  font-family: Arial, Verdana, sans-serif;
  font-size:1.2em;
  color:#333;
  }

p.postdate
 {
  margin:0;
  padding:0;
  }


p.posttitle {
 padding-bottom:1em;
 margin:0;}

  
p.postdate {
  font-size:1.3em;
  color:#555;}

  
  
#content ul li,
#content ol li {
	list-style: disc;
	margin:0;
	line-height: 1.8em;
	font-size: 1em;
}



#valueprop p {
 color:#555;}

#content h1,
#content h2,
#content h3,
#content h4 {
  font-family: Arial, Verdana, sans-serif;  
  font-weight: bolder;
  color:#333;
  font-size:1.5em;
 }

#content h1 {
  font-size:2.5em;
  color: #007FC0;
  padding:0;
  margin:0 0 1em 0;
  }


#content h2 {
  font-size:1.8em;
  color: #000;
  padding:1em 0 0;
  margin:0;
  font-weight: normal;
  }
  
#content h3 {
  font-size:1.3em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#222;
  margin:1.2em 0 0 0;
  padding:0;
  font-weight: bold;
  }


.replace {
  text-indent: -9000px;
  margin:0;
  padding:0;
  line-height:0;}




/*  table
---------------------------------------------*/




/*  sidebar
---------------------------------------------*/

#sidebar {
  float:left;
  width:220px;
  padding:0;
  margin:0;
  }



#sb-main-nav ul  {
 margin:0;
 padding:1em 1em 1em 1.5em;
 }

#sb-main-nav ul li {
 list-style: none;
 padding:.5em 0;
 }

#sb-main-nav ul li a:link,
#sb-main-nav ul li a:visited {
 color:#007FC0;
 text-decoration: none;
 font-weight: normal;
 }

#sb-main-nav ul li a:hover {
 text-decoration: underline;}


#sidebar p,
#sidebar ul li,
#sidebar ol li,
#sb-main-nav ul li,
#sb-main-nav p {
  font-family: Arial, san-serif;
  font-size:1.3em;
  line-height: 1.5em;
}

#sidebar ul li a {
  padding:1em 1em 1em 0;}

#sidebar a:link,
#sidebar a:visited {
   color:#007FC0;}

#sidebar h1 {
  background: url(../img/sidebar/sidebar-h1.gif) top center no-repeat;
  font-family: Arial, san-serif;
  font-size:1.3em;
  padding:.5em 0 .5em 1.5em;
  margin:0;
  text-transform: uppercase;
  font-weight: normal;}

#sidebar h1.sidebar-secondary-h1 {
  background: url(../img/sidebar/sidebar-sec-h1.gif) top center no-repeat;
  padding:1.5em 0 .5em 20px;
  margin:0;
  text-transform: uppercase;
    font-weight: normal;
     }



#sidebar p {
  padding:1em;
  margin:0;
  background:#fff;
  }

#sidebar dl.productssidebar {
  margin: 0;
  padding: .5em 0 1em 0;
  clear:left;
  background-color:#fff;
  }

#sidebar dl.productssidebar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }


#sidebar dl dt {
  font-family: Arial, Verdana, sans-serif;
  font-size:1.2em;
  margin:0;
  padding-top:0em;
  color:#555;
  }

#sidebar dl dt a:link,
#sidebar dl dt a:visited {
 color:#000;}


#sidebar dl.first {
  margin:1em 0;}

#sidebar dl.productssidebar dt {
  margin:0;
  padding:1em .5em .5em 20px;
  font-size:1.2em;
  font-weight:bold;
  color:#000;
  }



#sidebar dl.productssidebar dt img {
  float:left;
  margin:0px 10px 3px 0px;
  padding:0;
  }


#sidebar dl p {
  margin:0;
  padding:0;}


#sidebar dl.productssidebar dd {
  font-size:1em;
  margin: 0px;
  }

#sidebar dd ul {
  margin:0 0 0 50px;
  padding:0;}

#sidebar dd ul li {
  list-style:none;
  display:block;
  color:#7f7f7f;
  margin:0em .5em 0 20px;
  padding:0;
  font-size: 1.2em;
  
  }

#sidebar dd ul li.learnmore {
  padding-top:.6em;
  }

#sidebar dd ul li img {
  padding:0;
  margin:0;
  }

ul#sidebarcontact {
  padding:1em 0 1em 1.3em;
  margin:0;
  background:#fff;}
  
ul#sidebarcontact li {
  list-style: none;
  line-height: 3em;
  padding-left:3em;}

ul#sidebarcontact li.phone {
 background:url(../img/sidebar/contact.gif) 5px 10px no-repeat;
 }

ul#sidebarcontact li.email {
 background:url(../img/sidebar/email.gif) 3px 10px no-repeat;
 }

ul#sidebarcontact li.info {
 background:url(../img/sidebar/info.gif) 4px 10px no-repeat;
 }

#sidebar-b {
  background-color:#fff;}

#sidebarlast {
  margin:0;
  padding:0;
  height:8px;
  width:220px;
  background:url(../img/sidebar/sidebarlast.gif) top center no-repeat;}




/* STYLES
---------------------------------------------*/ 

/* self-clear floats */
.group:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
    }

.clear {
  clear:both;
}


  
.padbottom {
  padding-bottom:3em;}

td {
	font-family: Arial, Verdana, sans-serif;
	vertical-align: top;
	padding:10px;
	line-height: 1.6em;
	font-size: 1.4em;
}
   
 
td h3 {
  padding:0;
  margin:0;}
  
td p {
  padding-top:0;
  margin-top:0;}
  
td h1 {
  padding-bottom:.5em;}
 
#vertical-top {
  vertical-align: top;}
 
.underlined {
  text-decoration: underline;
  }
  
.formtext {
  margin:1em 0 0;
  padding:0;
  font-weight: bold;
  }

.formfield {
  margin:.5em 0 0em 0;
  color:#555;
  font-family: Arial, Verdana, san-serif;
  font-size:1.8em;
  }
 
.error {
  background:#ff1400;
  padding:.5em;
  width:45%;
  color:#fff; }
  
.errortext {
 color:#ff1400;
 }

.aster { 
 font-size:1.6em;
 color: #bc280d;
 padding-left:.2em;}

input:focus, textarea:focus{
background-color: #efefef;
}

#pullquote {
  font-size:1.2em;
  background:url(../img/customized-graphics/pullquote-1.gif) 0px 6px no-repeat;
  padding:0em 0 0em 3.6em;
  margin:2.4em 0 1em 0;
  }
   
#pullquote p {
  padding:0;
  margin:0;}

#pullquote p.pullquote-by {
  padding:.4em 0 .2em;
  font-size:1em;
  font-weight:bold;}
  
.starterp {
  font-size:1.5em;
  font-style: italic;}
  
.photomodule {
  margin:20px 0 10px 0;}
  
#content p.jobtitle {
  font-size:1.4em;
  font-weight: bold;
  text-transform: uppercase;
  padding:4em 0 0 0;
  margin:0;}

#content p.firstlisting {
  padding-top:1.5em;}

#content p.location {
  margin:0;
  padding:0;}

#content p.inquire {
  font-weight:bold;
  padding:1em 3.5em 4.3em 2em;
  border-bottom: 1px solid #e2e2e2;}  

#content p.lastlisting {
  padding-bottom:0;
  margin-bottom:0;
  border:0;}

#map {
  float:right;
  padding-left:1em;
  text-align:right;}
  
#content ul li.title {
	padding:0;
	font-weight:bold;
	list-style:none;
	font-size: 1.4em;
}
  
 #content ul li.desc {
	list-style:none;
	padding-bottom:1em;
	font-size: 1.4em;
}
 

#content ul li.last {
  padding-bottom:1.5em;}
  
.bold  {
 font-family: Arial, san-serif;
 font-weight: bold;}

#form {
  padding-top:1.5em;
  width:350px;}
 
#form p {
	font-size:1em;
	padding:0em;
	font-weight:bold;
  }

#clear {
  clear:both;}