/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family:tahoma;
 font-size: 13px;
 background:#FFFFFF url(../images/body_bg.jpg) top repeat-y;
}


a{color:#003366;}
	
#wrapper { 
 margin: 0 auto;
 width: 760px;
}
#header {
 color: #333;
 float:left;
 width: 100%;
 height: 260px;
 margin: 0px 0px 0px 0px;
 background-image:url(images/main_banner.jpg);
 background-repeat:no-repeat;
 background-position:left;
}
#upper_header {
 float: left;
 width: 733px;
 padding: 10px;
 padding-bottom:0px;
 margin: 10px 0px 0px 17px;
 background:  transparent;
 background-image:url(../images/Special-Systems-Logo.png);
background-position:left;
background-repeat:no-repeat;
}
#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 height: 180px;
 width: 57%;
 float:left;
 background: #FFFFFF;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin:0px 10px 0px 0px;
 padding-left:0px;
 padding-right:0px;
 height:auto;
 width: 30%;
 background: #FFFFFF;
 
}
#footer { 
 width: 760px;
 clear: both;
 color: #333;
 border-top:1px  dotted #070C12;
 padding-top:5px;
 background: #FFFFFF;
 margin: 5px 0px 0px 0px;
 padding-bottom:0px;
 text-align:center;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#lnkhome :hover{ color:#009933}
#breif{ color:#414141; font-size:12px; font-family:Tahoma}
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
margin-top:17px;
background-color:transparent; /*overall menu background color*/
}

.suckertreemenu ul li:hover {
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding-top:10px;
padding-bottom:9px;
margin-left:0px;
text-decoration: none;
color: #fff;
font-family:trebuchet;
font-size:0.9em;
font-weight:600;
}
	
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
border:solid 1px #c9dea1;
border-top:none;
width:150px;
padding:6px 0;
clear:both;
z-index:2;
background:#FFFFFF;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
background:none;
display:block;
float:none;
margin:0 9px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #DEDEDE;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#404040;
line-height:normal;
font-family:tahoma ,helvetica,sans-serif;
font-size:83%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
}

.btm_lst{border-bottom:1px solid #000000;}

.suckertreemenu ul li ul li a:hover{
background:#124D86;
color:#FFFFFF;
}

.suckertreemenu ul li ul li{
color:#FFFF33;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: transparent ;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: transparent;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
.headers{ font-family:Georgia; color:red; font-size:16px;}	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* Products-----------------------------*/
.products{
height:190px;
overflow:hidden;
 }
 
 #kwicks_container { 
	background-color: white;
	height: 25px;
}
#kwicks {
    
	height:170px;
	text-decoration:none;
	
}
 
 #kwicks a:hover span { color:#FFFFFF;
 
 }
 
 
#kwicks .kwick {
	color:#666666;
	display: block;
	width: 100%;
	height: 50px;
	text-align:left;
	padding-left:10px;
	padding-top:4px;
	font-size:12px;
	
}
#kwicks :hover {
background-color:#64880C;
}

#kwick_red,#kwick_orange,#kwick_yellow {background-color: #FFFFFF;}
.desc{ font-size:8pt; color:#FFFFFF; text-decoration:none;}
.link{
font-family:Georgia;
margin-top:15px;
    font-size:14pt;
    color:#030506;
	text-decoration:none;
}
.subheader{ font-size:8pt; color:#999999; text-decoration:none;}
.products_title{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#15589B;
font-size:14px;
font-weight:600;
padding-left:28px;
padding-top:0px;
}
/*---------------------------*/
.title{
       height:auto; 
       width:95%;
	   margin-left:2%;
	   font-family:tahoma
	
		 ;
	   font-size:16px;
	   color:#000033;
	   }

	.bodycntnt{
	height:auto;
	margin-top:20px;
	width:100%;
	vertical-align:middle;
	   }
	   
	   
	.bodycntntleft{
	height:auto;
	margin-top:20px;
	width:64%;
	float:left;
	vertical-align:middle;
	   }
	   
	   	   
	.bodycntntright{
	height:auto;
	margin-top:20px;
	width:35%;
	float:right;
	   }
	   
	   #nav {
	   background:   transparent url(../images/quicklinks_bg.jpg)  top center no-repeat;
	   margin-right:24px;
	   float:right;
	   height:175px;
	   
	   }
	   
	   #rgt1 {
	   background:transparent url(../images/panel_webinar.png.gif) center top no-repeat;
	   height:100px;
	   }
	   
	   #rgt2 {
	   height:270px;
	   }

	   #rgt4 {
	   height:300px;
	   }
	   
	   #rgt3 {
	   height:130px;
	   }
	   
	 .first {
      margin-top:0pt;
	  main.css (line 426)
font-size:100%;
text-indent:0pt;
      }  
	  
	  .resources{ padding-top:10px;}
	  .resources a{color:#003366}
	  #resources li{ padding:10px opx;}
	  
#quickLinks  li {
margin-top:0pt;
padding:10px 16px;
}

#quickLinks  li a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#quickLinks  li a:visited {
color:#000000;
}
#quickLinks  li a:hover {
color:#000000;
}


#quickLinks li.on {
background-color:#BDDEFF;
background-image:url(../images/submenu_marker.gif);
background-position:16px 15px;
background-repeat:no-repeat;
}
#quickLinks  li.on a {
padding-left:16px;
}
#quickLinks li.on a:visited {
color:#000000;
}
#quickLinks  li.first {
border-top:0pt none transparent;
}
#quickLinks  li ul {
margin-top:5px;
}
#quickLinks  li li {
border-top:0pt none transparent;
padding-top:0pt;
}
#quickLinks  li li a {
font-weight:normal;
}


#quickLinks {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:30px;
padding-top:0px;
width:228px;
font-family:Georgia;
font-size:14pt;
text-decoration:none;
}
ul {
margin-left:1.5em;
margin-top:1em;
}
/*-----------------------------------*/

#dnld_pdf{
color:#FFFFFF;
font-size:0.9em
}
	  
#dnld_pdf:hover {
color:#000000;
}	  
#quickLinks2  li {
border-top:1px dashed #7399BF;
margin-top:0pt;
padding:10px 0px;
}

#quickLinks2  li a {
color:#000000;
text-decoration:none;
}
#quickLinks2  li a:visited {
color:#000000;
}
#quickLinks2 li a:hover {
color:#FFFFFF;
}


#quickLinks2 li.on {
background-color:#BDDEFF;
background-position:16px 15px;
background-repeat:no-repeat;
}
#quickLinks2  li.on a {
padding-left:5px;
}
#quickLinks2 li.on a:visited {
color:#000000;
}
#quickLinks2  li.first {
border-top:0pt none transparent;
}
#quickLinks2  li ul {
margin-top:10px;
}
#quickLinks2  li li {
border-top:0pt none transparent;
padding-top:0pt;
}
#quickLinks2  li li a {
font-weight:normal;
}


#quickLinks2 {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:99%;
font-family:tahoma, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
text-decoration:none;
}
ul {
margin-left:1.5em;
margin-top:1em;
}
/*--------------------------------------------*/
   .brief_start{
   color:#345648;
   font-size:15px;
   margin-bottom:4px;
   }
   .titles{color:#15589B;
    font-family:tahoma;
	font-size:18px;
	}
	
	.titles_2{color:#4B7FC6;
    font-family:tahoma
	
		 ;
	font-size:15px;
	font-weight:600;
	} 
	
	.descs{font-family:tahoma
	
		 ;
	font-size:12px;
	color:#333333;
	margin-top:10px;
	}
    
	.media left{
	margin-top:40px;
	margin-bottom:10px;
	margin-left:30px;
	width:25%;
	float:left;
	}
	
	#map { 
	background:transparent url(../images/sscjoMap.JPG) top center no-repeat;
	width:100%;
	float:right;
	height:200px;
	padding-bottom:50px;
	margin-top:35px;
	margin-right:15px;
	}
	

	.bodycntntright_block{
	height:auto;
	margin-top:0px;
	width:100%;
	padding-right:39px;
	   }
	   
	.bodycntntleft-block{
	height:200px;
	width:100%;
	   }
	   
	   #lft1{ 
	   background:transparent url(../images/jira_feature.gif) center no-repeat;
	   }
	   
	.contnt{
	height:70px;
	margin:20px 0px 0px 10px;
	width:96%;
	}
	
	.cntntleft{
	color: #333;
	height:92px;
 margin: 3px 5px 0px 0px;
 width: 22%;
 float:left;
 background: #FFFFFF;
	border: 1px solid #ccc;
	}
	
	.ctntright{
	float: right;
 color: #333;
 height:92px;
 margin:3px 0px 0px 4px;
 padding-left:0px;
 padding-right:0px;
 width: 76%;
 background: #FFFFFF;
	border: 1px solid #ccc;
	}
	
	.testimonial{
	text-align:left;
	font-size:16px;
	color:#333333;
	margin-bottom:10px;
	font-family:Georgia;
	font-style:italic;
	}
	
	#testm_center{
	background-color:#E5DDCD;
	height:auto;
	width:86%; 
	float:right; 
	color:#000000; 
	font-size:12px; 
	text-align:left;
	
	}
	.testimonial_footer {
	float:right;
	text-align:left;
	width:20%;
	font-size:11px;
	color:#666666;
	}
	
	.left{
	float:left;
	width:30%;
	margin-top:10px;
	margin-bottom:30px;
	height:auto;
	}
	
	.right{
	float:right;
	width:68%;
	text-align:left;
	margin-top:10px;
	margin-bottom:30px;
	height:auto;
	
	}
	
	.no_line {
	text-decoration:none;
	}
	
	/*----------------------------------------------------------*/
	#jobsQuote .quote {
    margin-top: 1.5em;
    margin-right: 16px;
    padding-bottom: 0;
}

#jobsQuote .quote dd {
    padding: 40px 16px 0 16px;
    background-image: url( quote_large_bg_bottom.gif );
    background-repeat: no-repeat;
    font-size: 80%;
    text-align: right;
    line-height: 1.3em;
}

#jobsQuote .quote dt {
    padding: 13px 16px 1px 16px;
    background-color: #E5DDCD;
    background-image: url( quote_large_bg_top.gif );
    background-repeat: no-repeat;
    font-weight: bold;
}