/*  
Name: Digital Element
Theme URI: http://www.digital-element.net/
Description: Digital Element designed by <a href="http://www.thinkmonster.com">Think Monster</a>.
Version: 2.0
Author: Think Monster SM
Author URI: http://www.thinkmonster.com
*/

/* CSS Document */

/* START general styles _________________________________________________________ */
body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/background/bgd.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

p {
	margin: 0px 0px 15px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}

h1 {
	margin: 10px 0px 23px;
	padding: 0px;
	color: #e1771a;
	line-height: 21px;
	font-size: 20px;
	font-weight: normal;
}

h2 {
	margin: 10px 0px 15px;
	padding: 0px;
	color: #4b78a6;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
}

h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #e1771a;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

a { 
	margin: 0px;
	padding: 0px;
	color: #e1771a;
	text-decoration: none;

}

a:hover {
	margin: 0px;
	padding: 0px;
	color: #e1771a;
	text-decoration: underline;
}

a:visited { 
	margin: 0px;
	padding: 0px;
	color: #e1771a;
}

blockquote {
	margin: 0;
	padding: 20px;
	background-color: #4b78a6;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
}
blockquote p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
blockquote p a {
	padding: 3px;
	background-color: #89A6E2;
	color: #FFFFFF;
	text-decoration: underline;
}
blockquote p a:hover {
	padding: 3px;
	background-color: #89A6E2;
	color: #FFFFFF;
	text-decoration: underline;
}

/* END general styles _________________________________________________________ */


/* START Wrapper style _________________________________________________________ */

#wrapper {
	width: 998px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/background/body_bgd.jpg);
	height: 768px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

/* END Wrapper style _________________________________________________________ */

/* START header styles _________________________________________________________ */

/* start header structure styles */

#header {
	width: 980px;
	margin: 0 9px;
	padding: 0;
	background-image: url(images/header/header_bgdnew.jpg);
	background-repeat: no-repeat;
	height: 105px;
	float: left;
	clear: both;
}

#header2 {
	width: 980px;
	margin: 0 9px;
	padding: 0;
	background-image: url(images/header/header_bgd2.jpg);
	background-repeat: no-repeat;
	height: 105px;
	float: left;
	clear: both;
}

#logo {
	width: 260px;
	margin: 0;
	padding: 0;
	height: 105px;
	float: left;
}

#global {
	width: 720px;
	margin: 0;
	padding: 0;
	height: 48px;
	float: right;
}

/* end header structure styles */

/* start header content styles */

dl.logo {
	padding: 0;
	margin: 0;
}	

dl.logo dd { 
	display: none; 
}

dl.logo dt {
	text-indent: -10000px;
	display: block;
	width: 260px;
	height: 105px;
	margin: 0;	
}

dl.logo dt a#f1 {
	display: block;
	width: 260px;
	height: 105px;
}	

dl.logo dt a#f1 {
	background: url(images/misc/spacer.gif) no-repeat;
}

#global p {
	margin: 2px 23px 7px 23px;
	color: #ffffff;
	font-size: 10px;
	text-align: right;
}

#global a { 
	color: #ffffff;
	margin: 0px 10px 0px 10px;

}

#global a:hover {
	color: #ffffff;
}

#global a:visited { 
	color: #ffffff;
}

/* end header content styles */

/* END header content styles _________________________________________________________ */


/* START navigation styles _________________________________________________________ */

/* start navigation structure styles */

#navigation {
	width: 720px;
	margin: 0;
	padding: 0;
	height: 57px;
	float: right;
	display: inline;
}

/* end navigation structure styles */

/* start navigation content styles */

#navigation ul  {
	position: relative;
	width:720px;
	height:57px;
	background-image: url(images/navigation/nav.jpg);
	margin: 0;
	padding: 0;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#navigation ul li, #navigation a {
	display:block;
	height:57px;
	border-bottom:0;
}

#navigation ul li a {
	text-indent:-9999px;
	text-decoration:none;
}

#n1 {left:0; top:0; width:60px;}
#n2 {left:60px; top:0; width:84px;}
#n3 {left:144px; top:0; width:86px;}
#n4 {left:230px; top:0; width:126px;}
#n5 {left:356px; top:0; width:130px;}
#n6 {left:486px; top:0; width:102px;}
#n7 {left:588px; top:0; width:97px;}

#n1 a:hover {background: transparent url(images/navigation/nav.jpg) 0 -57px no-repeat;border-bottom:0;}
#n2 a:hover {background: transparent url(images/navigation/nav.jpg) -60px -57px no-repeat;border-bottom:0;}
#n3 a:hover {background: transparent url(images/navigation/nav.jpg) -144px -57px no-repeat;border-bottom:0;}
#n4 a:hover {background: transparent url(images/navigation/nav.jpg) -230px -57px no-repeat;border-bottom:0;}
#n5 a:hover {background: transparent url(images/navigation/nav.jpg) -356px -57px no-repeat;border-bottom:0;}
#n6 a:hover {background: transparent url(images/navigation/nav.jpg) -486px -57px no-repeat;border-bottom:0;}
#n7 a:hover {background: transparent url(images/navigation/nav.jpg) -588px -57px no-repeat;border-bottom:0;}

#n1a {left:0px; width:67px; background: transparent url(images/navigation/nav.jpg) 0 -57px no-repeat;}
#n2a {left:88px; width:64px; background: transparent url(images/navigation/nav.jpg) -88px -57px no-repeat;}
#n3a {left:190px; width:88px; background: transparent url(images/navigation/nav.jpg) -190px -57px no-repeat;}
#n4a {left:296px; width:68px; background: transparent url(images/navigation/nav.jpg) -296px -57px no-repeat;}
#n5a {left:445px; width:79px; background: transparent url(images/navigation/nav.jpg) -445px -57px no-repeat;}
#n6a {left:595px; width:79px; background: transparent url(images/navigation/nav.jpg) -595px -57px no-repeat;}
#n7a {left:595px; width:79px; background: transparent url(images/navigation/nav.jpg) -595px -57px no-repeat;}

/* end navigation content styles */

/* END navigation styles _________________________________________________________ */

/* START main message  styles _________________________________________________________ */

/* start main message structure styles */

#flash {
	width: 980px;
	margin: 0 9px;
	padding: 0;
	height: 428px;
	float: left;
	clear: both;
}

#secondary_header, #secondary_header2, #secondary_header3, #secondary_header4, #secondary_header5, #secondary_header6, #secondary_header7, #secondary_header8, #secondary_header9, #secondary_header10, #secondary_header11, #secondary_header12, #secondary_header13, #secondary_header14, #secondary_header15 {
	width: 980px;
	margin: 0 9px;
	padding: 0;
	height: 239px;
	float: left;
	clear: both;
	background-repeat: no-repeat;
}
#secondary_header {
	background-image: url(images/secondary_header_graphics/about_us_header.jpg);
}
#secondary_header2 {
	background-image: url(images/secondary_header_graphics/industries_travel_header.jpg);
}
#secondary_header3 {
	background-image: url(images/secondary_header_graphics/our_technology_header.jpg);
}
#secondary_header4 {
	background-image: url(images/secondary_header_graphics/success_stories_header.jpg);
}
#secondary_header5 {
	background-image: url(images/secondary_header_graphics/press_room_header.jpg);
}
#secondary_header6 {
	background-image: url(images/secondary_header_graphics/industries_header.jpg);
}
#secondary_header7 {
	background-image: url(images/secondary_header_graphics/default_header.jpg);
}
#secondary_header8 {
	background-image: url(images/secondary_header_graphics/industries_ad_header.jpg);
}
#secondary_header9 {
	background-image: url(images/secondary_header_graphics/industries_retail_header.jpg);
}
#secondary_header10 {
	background-image: url(images/secondary_header_graphics/industries_bank_header.jpg);
}
#secondary_header11 {
	background-image: url(images/secondary_header_graphics/industries_edu_header.jpg);
}
#secondary_header12 {
	background-image: url(images/secondary_header_graphics/industries_manufacture_header.jpg);
}
#secondary_header13 {
	background-image: url(images/secondary_header_graphics/industries_tech_header.jpg);
}
#secondary_header14 {
	background-image: url(images/secondary_header_graphics/industries_other_header.jpg);
}
#secondary_header15 {
	background-image: url(images/secondary_header_graphics/basic_header.jpg);
}

/* end main message structure styles */

/* END Main Design Messageing styles _________________________________________________________ */

/* START content styles _________________________________________________________ */

/* start content structure styles */

#main {
	width: 980px;
	margin: 0 9px;
	padding: 0;
	float: left;
	clear: both;
}

#column_left {
	width: 237px;
	margin: 23px;
	padding: 0;
	float: left;
}

#rightcontent {
	width: 697px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#column_main {
	width: 418px;
	margin: 46px 23px 23px 23px;
	padding: 0px;
	float: left;
}

#column_right {
	width: 187px;
	margin: 23px;
	padding: 0px;
	float: right;
}

/* end content structure styles */ 

/* start content content styles */

.column_right_greycallout {
	width: 141px;
	margin: 23px 0 0;
	padding: 23px;
	background-color: #EFEFEF;
	float: right;
	overflow: auto;
}

.column_right_greycallout p {
	font-size: 14px;
	line-height: 20px;
}

#column_left h2 a, #column_left h2 a:hover, #column_left h2 a:visited s{
	margin: 10px 0px 15px;
	padding: 0px;
	color: #4b78a6;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
}

.column_right_greycallout h2{
	margin: 0 0 15px 0;
}


.column_left_callout {
	width: 237px;
	padding: 0;
	margin: 0;
	float: left;
}

.column_right_callout {
	width: 187px;
	margin: 0;
	padding: 0;
	float: right;
}

.column_right_callout, .column_left_callout {
	margin: 23px 0 0;
}

.news {
	width: 381px;
	margin: 10px 0 0 0;
	padding: 4px 0px 10px 37px;
	float: left;
	background-image: url(images/misc/icon_newsitem.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #e0e0df;
}

.img {
	margin: 0 23px 23px 0;
	padding: 0;
	float: left;
}

#column_right ul, #column_left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 11px;
}

#column_right li, #column_left li {
	border-bottom: 1px solid #e0e0df;
	margin: 0;
	padding:5px 0;
}

#column_right li a, #column_left li a {
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	color: #333333;
	text-decoration: none;
}

html>body #column_right li a, html>body #column_left li a { 
	width: auto; 
}

#column_right li a:hover, #column_left li a:hover {
	background-color: #ffffff;
	color: #e1771a;
}

#column_right ul ul li, #column_left ul ul li {
	border-bottom: 1px solid #FFFFFF;
	border-top: 0;
	margin: 0;
	padding:0;
}

#column_right ul ul li a, #column_left ul ul li a {
	display: block;
	padding: 5px 0px 5px 20px;
	background-color: #DBEDFB;
	color: #333333;
	text-decoration: none;
	margin:0;
}

#column_right ul ul li a:hover, #column_left ul ul li a:hover {
	display: block;
	padding: 5px 0px 5px 20px;
	background-color: #DBEDFB;
	color: #4b78a6;
	text-decoration: none;
	margin:0;
}

#column_right #selected, #column_left #selected {
	font-weight: bold;
}

#column_right #sub-selected, #column_left #sub-selected {
	font-weight: bold;
}

.input {
	font-size: 10px;
	color: #333333;
	width: 189px;
	border: 1px solid #e0e0df;
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
}

.input_text {
	font-size: 10px;
	color: #333333;
	border: 1px solid #e0e0df;
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
}

#column_main ul {
	margin: 20px;
	padding: 0;
	border: none;
	font-size: 12px;
	color: #666666;
	line-height: 14px;
	list-style-type: disc;
}

#column_main li {
	margin: 0;
	padding:5px 0;
}

/* end content content styles */ 

/* END content styles _________________________________________________________ */

/* START footer styles _________________________________________________________ */

/* start footer structure styles */ 

#footer {
	width: 998px;
	background-image: url(images/footer/footer_bgd.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	height: 163px;
	clear: both;
}

/* end footer structure styles */ 

/* start footer content styles */

#footer p {
	margin: 95px 0px 10px;
	color: #999999;
	font-size: 10px;
	text-align: center;
}

#footer a { 
	color: #999999;
}

#footer a:hover {
	color: #666666;
}

#footer a:visited { 
	color: #999999;
}

/* end footer content styles */

/* END footer styles _________________________________________________________ */