/* CSS Document */

body {
background-image: url(/images/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: black;
text-align: center;
font-family: Sans-Serif;
}

#wrapper {
width: 1000px;
min-height: 760px;
height: auto;
margin: 0px auto;
text-align: left;
}



a {
outline: none;
}



/* Common Text Styles */

h1.box1 {
width: 429px;
height: 228px;
background-image: url(/images/trans_bg.png);
margin: 20px 0px 0px 70px;
color: white;
font-weight: normal;
text-align: center;
float: left;
font-size: 30px;
border: 1px #515652 solid;
}

h1.box1 b.txt1 {
font-size: 60px;
color: #f56e1f;
}

h5.txt3 {
margin: 0px;
padding-bottom: 4px;
}

p.txt4 {
font-size: 11px;
margin: 0px;
padding-top: 4px;
color: #686868;
}

b.tagline {
float: right;
color: white;
margin-top: 2px;
font-weight: normal;
font-size: 11px;
margin-right: 10px;
}

b.tagline a{
color: white;
}





/* End of Common Text Styles */



/* HEADER STYLES */

img.logo {
float: left; 
border: 0px;
}

ul.navigation {
float: right;
color: white;
}

ul.navigation li {
list-style: none;
float: left;
}

ul.navigation li.first {
width: 114px;
height: 44px;
}

ul.navigation li a {
display: block;
float: left;
text-align: center;
text-decoration: none;
color: white;
height: 44px;
padding-top: 13px;
background-image: url(/images/button2.png);
background-repeat: repeat-x;
font-size: 13px;
font-weight: bold;
}

ul.navigation li a:hover {
color: #17769d;
}

ul.navigation li a.active {
color: #94d7fa;
}

ul.navigation li.middle a {
padding-left: 22px;
padding-right: 22px;
}

ul.navigation li.first a{
width: 114px;
height: 44px;
background-image: url(/images/button1.png);
padding-top: 13px;
background-repeat: no-repeat;
}

ul.navigation li.last a {
width: 114px;
height: 44px;
background-image: url(/images/button3.png);
}






/* END OF HEADER STYLES */






/* MAIN CONTENT STYLES */



/* HOME PAGE */
#maincontent {
clear: both;
height: auto;
overflow: auto;
}

.4box_wrapper {
width: 426px;
height: 256px;
float: left;
overflow: auto;
}

a.box2 {
width: 193px;
height: 108px;
background-image: url(/images/trans_box_small.png);
float: left;
margin-top: 50px;
margin-bottom: 0px;
padding: 10px;
z-index: 4;
position: absolute;
}

.txt2 {
font-weight: normal;
font-size: 12px;
}

a.box3 {
width: 193px;
height: 108px;
background-image: url(/images/trans_box_small.png);
float: left;
margin-top: 50px;
margin-bottom: 0px;
padding: 10px;
margin-left: 197px;
z-index: 3;
position: absolute;
}

a.box4 {
width: 193px;
height: 108px;
background-image: url(/images/trans_box_small.png);
float: left;
margin-top: 162px;
padding-top: 0px;
padding: 10px;
z-index: 2;
position: absolute;
}

a.box5 {
width: 193px;
height: 108px;
background-image: url(/images/trans_box_small.png);
float: left;
margin-top: 162px;
margin-left: 197px;
padding: 10px;
position: absolute;
z-index: 1;
}

a.box2, a.box3, a.box4, a.box5 {
color: white;
font-size: 15px;
text-decoration: none;
}


a.box2:hover, a.box3:hover, a.box4:hover, a.box5:hover  {
background-image: url(/images/trans_box_small_O.png);

}


#box6 {
width: 998px;
height: 259px;
background-image: url(/images/bg2.jpg);
background-repeat: repeat-x;
float: left;
padding-top: 20px;
margin-top: 80px;
}

.sand_box_wrapper1 {
float: left;
margin-left: 20px;
}

.sand_box_wrapper2 {
float: left;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
}

.sand_box_top {
width: 204px;
height: 10px;
background-image: url(/images/sand_box_top.png);
padding-left: 10px;
padding-right: 10px;
}

.sand_box_middle {
width: 204px;
height: auto;
background-image: url(/images/sand_box_middle.png);
padding-left: 10px;
padding-right: 10px;
min-height: 85px;
font-size: 11px;

}

.sand_box_bottom {
width: 204px;
height: 10px;
background-image: url(/images/sand_box_bottom.png);
padding-left: 10px;
padding-right: 10px;
}

img.book {
float: right;
}

.sand_box_middle a {
color: #686868;
text-decoration: none;
}

.sand_box_middle a:hover {
color: #17abe7;
}

.sand_box_middle a.active {
color: #17abe7;
font-weight: bold;
}



.sand_box_middle a.biglink {
color: #f56d1e;
font-size: 20px;
text-decoration: underline;
}

.sand_box_middle a.biglink:hover {
color: #9a3d07;
}

.sand_box_middle ul {
margin: 0px 0px 0px 25px;
color: #686868;
padding: 0px;
}

.sand_box_middle ul li {
width: 180px;
list-style-image: url(/images/list-style.png);
padding-top: 6px;
border-bottom: 1px white solid;
padding-bottom: 4px;
}

/* END OF  HOME PAGE */






/* SOLUTIONS PAGE */


h1.box2 {
width: 624px;
height: 279px;
background-image: url(/images/trans_bg.png);
margin: 20px 0px 0px 0px;
color: white;
font-weight: normal;
float: left;
font-size: 36px;
padding: 10px;
border: 1px #515652 solid;
}

h1.box4 b {
font-size: 18px;
}


h1.box2 b, h1.box3 p, h1.box4 p, h1.box6 p{
font-size: 16px;
font-weight: bold;
line-height: 26px;
}

h1.box2 strong, h1.box3 strong, h1.box4 strong, h1.box5 strong, h1.box6 strong {
font-size: 30px;
color: #35697c;
line-height: 40px;
}

h1.box2 a, h1.box3 a, h1.box4 a, h1.box6 a {
color: white;
}

h1.box2 a:hover, h1.box3 a:hover, h1.box4 a:hover, h1.box6 a:hover {
color: #17769d;
}

h1.box2 sup, h1.box3 sup, h1.box4 sup, h1.box6 sup {
font-size: 12px;
font-weight: bold;
}

img.AD1 {
float: left;
margin: 50px 0px 0px -24px;
position: relative;
z-index: 2;
}

img.pic_right {
float: right;
padding-right: 10px;
}

img.pic_left {
float: left;
padding-right: 10px;
}

.blue_box_bg {
width: 291px;
height: 600px;
background-image: url(/images/trans_box_blue.png);
float: left;
margin: -17px 0px 0px 0px;
position: relative;
z-index: 1;
padding: 15px 15px 15px 35px;
font-size: 16px;
font-weight: normal;
color: white;
}

.blue_box_bg img {
border: 0px;
}

.blue_box_bg p {
width: 250px;
margin-left: 30px;
margin-top: 0px;
}

.blue_box_bg b {
color: white;
font-size: 16px;
}

.blue_box_bg i {
line-height: 25px;
}



#box7 {
width: 625px;
height: auto;
min-height: 200px;
background-image: url(/images/bg3.jpg);
background-repeat: repeat-xy;
float: left;
padding: 20px 10px 20px 10px;
margin: -484px 0px 0px 0px;
position: relative;
border-top: 4px #fa6016 solid;
border-bottom: 4px #fa6016 solid;
}

#box7 p {
font-size: 13px;
line-height: 18px;
}

#box7 table tr td{
padding-left: 8px;
font-size: 12px;
line-height: 18px;
}


b.sand_box_bold {
font-size: 14px;
}

p.sand_box_text {
margin: 0px 5px 0px 0px;
}

ul.sand_box_points li {
font-size: 13px;
line-height: 18px;
margin: 0px 5px 0px 220px;
}

ul.sand_box_points_nomargin li {
font-size: 13px;
line-height: 18px;
margin: 0px 5px 0px 0px;
}

ul.sand_box_list {
font-size: 13px;
list-style: square;
margin: 0px 10px 0px 0px;
float: left;
line-height: 20px;
}

ul.sand_box_list li {
margin-left: 20px;
}

/* END OF SOLUTIONS PAGE */



/* COMPANY PAGE */

h1.box3 {
width: 978px;
background-image: url(/images/trans_bg.png);
margin: 0px;
color: white;
font-weight: normal;
float: left;
font-size: 36px;
padding: 10px;
border: 1px #515652 solid;
}

h1.box4 {
width: 691px;
height: 100px;
background-image: url(/images/trans_bg.png);
margin: 0px 0px 0px -14px;
color: white;
font-weight: normal;
float: left;
font-size: 45px;
padding: 10px;
border: 1px #515652 solid;
}

img.AD2 {
float: left;
z-index: 3;
position: relative;
}

#box8 {
width: 671px;
height: 400px;
overflow: auto;
background-image: url(/images/bg3.jpg);
background-repeat: repeat-xy;
float: right;
padding: 20px 20px 20px 20px;
margin: -133px 0px 0px 0px;
position: relative;
z-index: 1;
border-top: 4px #fa6016 solid;
border-bottom: 4px #fa6016 solid;
}

#box8 p {
font-size: 13px;
line-height: 18px;
}


.blue_box_bg2 {
width: 253px;
height: auto;
background-image: url(/images/trans_box_blue.png);
float: left;
margin: -17px 0px 0px 0px;
position: relative;
padding: 10px 10px 10px 25px;
z-index: 2;
}

.blue_box_bg2 h3 {
color: white;
}



/* END OF COMPANY PAGE */




/* CUSTOMER PORTAL PAGE  */

.login {
width: 324px;
height: 159px;
background-image: url(/images/login_bg.png);
clear: both;
margin: 100px 0px 0px 340px;
text-align: center;
padding: 10px;
}

form {
font-weight: bold;
margin-top: 30px;
color: white;
}

form input {
font-size: 11px;
padding: 3px 0px 3px 0px;
}

form input.email {
margin-left: 60px;
margin-bottom: 10px;
}

form input.password {
margin-left: 26px;
}

form a {
display: block;
float: left;
}

form a.login {
width: 105px;
height: 44px;
background-image: url(/images/login_button.png);
}


/* END OF CUSTOMER PORTAL PAGE */



/* NEWS PAGE */

h1.box5 {
width: 840px;
background-image: url(/images/trans_bg.png);
margin: 0px 0px 0px 100px;
color: white;
font-weight: normal;
font-size: 36px;
padding: 10px;
border: 1px #515652 solid;
}


#box9 {
width: 820px;
height: 540px;
background-image: url(/images/bg3.jpg);
background-repeat: repeat-xy;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 100px;
position: relative;
z-index: 1;
border-top: 4px #fa6016 solid;
border-bottom: 4px #fa6016 solid;
overflow: auto;
}

.sidebar_left {
width: 240px;
float: left;
height: auto;
}

.sidebar_left ul li {
list-style: none;
}

.content_wrapper {
float: left;
width: 560px;
}


.sidebar_left .sand_box_middle {
width: 224px;
height: auto;
background-image: url(/images/sand_box_middle.png);
padding-left: 0px;
padding-right: 0px;
min-height: 85px;
font-size: 11px;
}

.sidebar_left .sand_box_middle h5.txt3 {
margin-left: 10px;
}

.content_wrapper h3 {
color: #7cafbc;
}

.content_wrapper p {
font-size: 13px;
line-height: 18px;
}


/* END OF NEWS PAGE */


/* BLOG PAGE */


.sidebar_right {
width: 170px;
float: right;
height: auto;
}

.content_wrapper_blog {
float: left;
width: 630px;
}

.content_wrapper_blog h3 {
color: #7cafbc;
}

.content_wrapper_blog p {
font-size: 13px;
}

ul.blog_list {
padding: 0px 0px 0px 20px;
margin: 0px;
}

ul.blog_list li {
list-style-image: url(/images/sqr-box.png);
padding-top: 4px;
padding-left: 0px;
margin-left: 0px;
}

ul.blog_list li a {
text-decoration: none;
color: #5e5c56;
font-size: 13px;
}

ul.blog_list li a:hover {
color: #1db1ed;
}

/* END OF BLOG PAGE */



/* CONTACT PAGE */

h1.box6 {
width: 443px;
background-image: url(/images/trans_bg.png);
margin: 20px 0px 0px 200px;
color: white;
font-weight: normal;
font-size: 36px;
padding: 10px;
border: 1px #515652 solid;
}

#box10 {
width: 425px;
height: auto;
background-image: url(/images/bg3.jpg);
border-top: 4px #fa6016 solid;
border-bottom: 4px #fa6016 solid;
background-repeat: repeat-xy;
padding: 20px;
margin: 0px 0px 0px 200px;
clear: both;
}

table.contact_form {
font-weight: bold;
font-size: 13px;
color: grey;
overflow: auto;
width: 420px;
}

table.contact_form b {
color: #0099FF;
}


table.contact_form tr td.comments {
position: absolute;
}

table.contact_form tr td.address {
padding-bottom: 50px;
}

/* END OF CONTACT PAGE */


table.zoho {position:relative;width:420px;}
table.zoho td {position:relative;color:#666;padding:5px;font-size:12px;font-weight:bold;}
table.zoho td input {display:block;width:198px;border:1px solid #fco;}
table.zoho td textarea {display:block;width:198px;height:220px;border:1px solid #fco;}
table.zoho td input.submitsave {display:block;width:103px;height:32px;border:0;}




/* END OF MAIN CONTENT STYLES */










/*  FOOTER STYLES */

#footer {
width: 1000px;
margin: 0px auto;
clear: both;
margin-top: 20px;
text-align: center;
color: silver;
font-size: 11px;
}






/* END OF FOOTER STYLES */


/* JavaScript Styles */

h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
		float: left;
			width: 500px;
			height: 240px;
			overflow: hidden;
			position: relative;
			
			margin-left: 5px;
			background-image: url(/images/brown_bg.png);
			
		}
		
		div#feature_list b {
		font-size: 12px;
		position: absolute;
		margin-top: 10px;
		margin-left: 20px;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0px 0px 0px 0px;
			margin: 30px 0px 0px 35px;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 200px;
			
		
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: white;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 28px;
			outline: none;
			background-image: url('/images/js_button_blue.png');
			background-repeat: no-repeat;
			margin-top: 11px;
			
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('/images/js_button_white.png');
			background-repeat: no-repeat;
			color: #f56e1f;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 35px;
			width: 240px;
			height: 190px;
			position: relative;
		
		}

		ul#output li {
			position: absolute;
			width: 200px;
			height: 240px;
		}
		
		ul#output li a img{
		text-decoration: none;
		border: 0px;
		}
		
		
		
/*
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
	*/
		
		ul#output li a:hover {
			background: #D33431;
		}