/*========================================
-------- Switch2IT Styles
-------- by Lightwave Multimedia
========================================*/

body {
	padding: 0;
	margin: 50px 0 80px 0;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fff;
}
a:link, a:visited {color: #059;}
a:hover, a:link:hover, a:visited:hover {color: #c00;}
a:active {color: #f00;}
img {
	border: 0;}

/*========================================
-------- Headers
========================================*/

h1 {
	margin: 0 0 16px;
	padding: 0 0 4px;
	font-size: 1.4em;
	font-weight: bold;
	color: #222;
	border-bottom: 1px solid #999;}
h2 {
	margin: 0 0 16px;
	font-size: 1.4em;
	font-weight: bold;
	color: #222;}
h3 {}
h4 {
	margin: 0 0 8px;
	font-size: 0.9em;
	font-weight: bold;
	color: #222;}
h4 a:link,
h4 a:visited {
	color: #222;
	text-decoration: none;}
h4 a:active,
h4 a:link:hover,
h4 a:visited:hover {
	text-decoration: underline;
	color: #222;}
h5 {
	margin: 0;
	padding: 0 0 4px 8px;
	font-size: 0.9em;
	font-weight: bold;
	color: #222;
	border-bottom: 1px solid #222;
}
h6 {
	margin: 0 0 4px 0;
	color: #222;
	font-size: 1em;
	font-weight: bold;}

/*========================================
-------- Main DIVs
========================================*/
#contactLink {
	float: right;
	padding: 10px 10px 0 0;
	font-size: 0.7em;}
	
#contactLink a {
	padding: 0 0 0 12px;
	background: url(../images/arrow_blue.gif) 0 6px no-repeat;}
#contactLink a:hover {
	background: url(../images/arrow_red.gif) 0 6px no-repeat;}

/*========================================
-------- Main DIVs
========================================*/

#header {
	margin: 0 auto;
	width: 740px;
	height: 70px;
	background: url(../images/switch2it_logo.gif) 0 0 no-repeat #fff;
	position: relative;}
#wrap {
	margin: 0 auto;
	width: 740px;
	padding: 8px;
	background-color: #fff;}
#breadCrumbs {
	font-size: 0.7em;
	color: #888;
	padding: 6px 0 4px 8px;}
#left {
	float: left;
	width: 190px; }
#left p {
	font-size: 0.7em;
	margin: 0 0 8px 0;}
#main {
	float: left;
	width: 550px;
	border-top: 8px solid #ddd;}
#content {
	padding: 15px 0 0 20px;
	float: left;}
#content ul {
	margin: 0 0 24px 16px;
	padding: 0;}
#content ul li {
	font-size: 0.7em;
	margin: 0 0 4px 0;
	padding: 0 0 0 16px;
	list-style: none;
	font-weight: bold;
	color: #222;
	background: url(../images/arrow_blue.gif) 0 6px no-repeat;}
/* definition list style added */	
#content dl {
	margin: 0 0 24px 16px;
	padding: 0;}
#content dl dt {
	font-size: 0.7em;
	margin: 0 0 4px 0;
	padding: 0 0 0 16px;
	list-style: none;
	font-weight: bold;
	color: #222;
	background: url(../images/arrow_blue.gif) 0 6px no-repeat;}
#content dl dd {
	font-size: 0.7em;
	margin: 0 0 4px 0;
	padding: 0 0 0 16px;
	list-style: none;
	color: #222;
}
	
#content p {
	margin: 0 0 16px 0;
	font-size: 0.7em;
	line-height: 1.3em;}
#content #bodyText {
	margin: 0 0 16px 0;
	font-size: 11px;
	line-height: 1.3em;}
#content #bodyText h4 {
	font-size: 14px;}
#content p strong {
	color: #222;}
#footer {
	margin: 32px 0 0 0;
	clear: both;
	padding: 8px 8px 0 0;
	border-top: 1px solid #999;
	color: #999;
	font-size: 0.7em;
	line-height: 1.4em;}
#terms {
	float: right;}
	
/* quote style added  */
q {
	font-style: italic;
}
blockquote {
	
	font-size: 0.7em;
	line-height: 1.3em;
	font-style: italic;
}

/*========================================
-------- Navigation
========================================*/

#nav {
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;}
#nav ul {
	margin: 0;
	padding: 0;}
#nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;}
#nav ul li a {
	/*padding: 0 12px 8px 12px;*/
	padding: 0 10px 8px 10px;
	display: block;
	font: bold 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #222;
	background: url(../images/nav_back.gif) 0 0 no-repeat;
	text-decoration: none;}
#nav ul li.at {
	background: url(../images/nav_ovr.gif) 0 0 no-repeat;}
#nav ul li a:hover {
	background: url(../images/nav_ovr.gif) 0 0 no-repeat;}
#nav ul li a:active,
#nav ul li a:link:hover,
#nav ul li a:visited:hover {
	color: #059;}

/*========================================
-------- Services Menu
========================================*/

#menu {
	padding: 16px 0 16px 0;
	position: relative;}
#menu ul {
	margin: 0 0 8px 0;
	padding: 0;
	width: 190px;}
#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ccc;}
#menu ul li a {
	padding: 3px 8px 3px 16px;
	font-size: 0.7em;
	width: 166px;
	display: block;
	text-decoration: none;
	background: url(../images/arrow.gif) 8px 8px no-repeat #f9f9f9;}
#menu ul li a:link,
#menu ul li a:visited  {
	color: #888;}
#menu ul li a:link:hover,
#menu ul li a:visited:hover,
#menu ul li a:active {
	color: #059;
	background: url(../images/arrow_ovr.gif) 8px 8px no-repeat #eee;}

/*========================================
-------- Main DIVs
========================================*/

#montage {
	height: 120px;
	width: 740px;}
#montage_small {
	height: 120px;
	width: 740px;
	background: url(../images/montage_small3.jpg) 0 1px no-repeat;
	padding-top: 1px;
	border-top: 4px solid #048;}
#montage_xsmall {
	height: 40px;
	width: 550px;
	background: url(../images/montage_xsmall.jpg) 0 0 no-repeat;}

/*========================================
-------- Main DIVs
========================================*/

#content .servicesColumn {
	width: 240px;
	padding-right: 20px;
	float: left;}
#content .services {
	width: 240px;
	margin-right: 20px;
  	height: 120px;
  	padding: 16px 0 0 0;
	border-bottom: 1px solid #ddd;
	float: left;}
#content .services p {
	line-height: 1.2em;}
.services_image {
	float: left;
	margin: 0 8px 16px 0;}
#content .services_image a {
	width: 80px;
	height: 60px;
	border-left: 3px solid #666;
	float: left;}
#content .services_image a:hover {
	border-left: 3px solid #c00;}
	
#news {
	color: #888;
	position: relative;
	padding: 16px 0 16px 0;}
#news p.item {
	border-bottom: 1px solid #ccc;
	margin: 0 0 8px 0;
	padding: 8px;
	background-color: #f9f9f9;}
#news p.item a:link,
#news p.item a:visited {
	color: #222;
	text-decoration: none;}
#news p.item a:active,
#news p.item a:link:hover,
#news p.item a:visited:hover {
	color: #222;
	text-decoration: underline;}

#contact {
	border-bottom: 1px solid #889EAF;
	background-color: #D6DFE6;}
#contact p {
	padding: 8px;
	color: #333;}
#contact h5 {
	background-color: #556B7C;
	color: #fff;
	border: 0;
	padding: 4px 0 4px 8px;}

.more {
	font-size: 0.8em;
	float: right;}
.more2 {
	font-size: 0.8em;}
.more a,
.more2 a {
	padding: 0 0 0 12px;
	background: url(../images/arrow_blue.gif) 0 6px no-repeat;}
.more a:hover {
	background: url(../images/arrow_red.gif) 0 6px no-repeat;}
.services .more {
	bottom: 0;
	right: 0;}	
	
.clients {
	padding: 16px 16px 8px 0;
	border-top: 1px solid #ddd;
	clear: both;}
.logo {
	float: right;
	margin: 0 0 8px 16px;}
.news {
	padding: 16px 0 8px 0;
	border-bottom: 1px solid #ddd;}
.date {
	font-size: 0.7em;
	color: #888;}
	
.caption {
	width: 172px;
	padding: 4px;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	background-color: #556B7C;
	float: left;
	color: #fff;
}