/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */
html{
	font-size:100%;
	}

body{
	font-family: Tahoma,Arial,sans-serif;
/*	font-size: 62.5%;*/
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background-image:url(../assets/gfx-background-home.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align: center;
	color: #333333;
	
	}
	
body.content{
	
	background-image:url(../assets/gfx-background-content.jpg);

}	
	
img{
border:0;
}

h1 {
	
	font-size: 1.5em;
	line-height:1.2em;
	padding-bottom:0.5em;
	color: #2d3791;
	text-align: left;
}


h2 {
	font-size: 1em;
	font-style: normal;
	color: #2d3791;
	line-height:1.5em;
	text-align: left;	
}
h2.subpage{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid  #00aeef;
}
h3 {
	font-size: 0.95em;
	line-height:1.3em;
	color: #00aeef;
	text-align: left;
	padding-bottom:0.8em;
	margin: 0px;

}

h4 {
	font-size: 0.95em;
	line-height:1.3em;
	color: #ff9933;
	text-align: left;
	padding-bottom:0.8em;
	margin: 0px;

}

h5 {
	font-size: 0.95em;
	font-style: italic;
	line-height:1.3em;
	color: #FF9933;
	text-align: left;
	padding-bottom:0.8em;
	margin: 0px;

}



ul
{
font-size: 0.9em;
list-style:disc;
color: #ff9933;
line-height:1.3em;
padding-bottom:0.8em;
margin: 0;
}
ul.subpage{
padding:0 0 0.8em 30px;
color:#666666;

}
ul.subpage li{
font-size:0.819em;
}

a {
color:#00AEEF;
text-decoration: underline;
}

a:hover {
color:#FF9933;
text-decoration: none;
}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-indent: 0px;
	font-size:0.819em;
	color:#666666;
	line-height:1.5em;
	text-align:left;
	padding-bottom:1em;
}


input{

height: 21px;
float: left;
display: block;
border: 0;
background-color:#ffffff;
border: 1px solid #CCCCCC;
margin-top: 2px;



}


.submit input{
float:right;
height:22px;
background-position:top;
color:#2d3791;
text-decoration: none;
text-align: center;
cursor: pointer;
border: solid 1px #999999;
background-image:url(../assets/gfx-submit-button-background.jpg);
background-repeat:no-repeat;
}


.button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
color:#ff9933;
text-decoration: underline;

}

textarea{

width: 185px;
float: left;
text-align: left;
margin: 0;
display: block;
background-color:#ffffff;
border: 1px solid #CCCCCC;
padding-bottom: 14px;
color:#ffffff;
margin-top: 2px;
}



/*------containers---------------------------------------------------------------------------*/

#container{
width:100%;
padding: 0;
margin-left: auto;
margin-right: auto;




}


#inner-container{
width:960px;
padding: 0;
margin-left: auto;
margin-right: auto;



}




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

#header-home{
width: 960px;
height: 258px;
background-image:url(../assets/gfx-header-home.jpg);
background-repeat: no-repeat;
float:left;
margin-top:5px;
padding: 0;


}


#header-content{
width: 960px;
height: 167px;
background-image:url(../assets/gfx-header-content.jpg);
background-repeat: no-repeat;
float:left;
margin-top:5px;
margin-bottom: 20px;
padding: 0;


}

#opening-statement{
width: 572px;
float: right;
padding: 70px 35px 0 0;

}




/*------links----------------------------------------------------------------------------*/

#links-container{
height:30px;
width:930px;
padding: 5px 0 0 0;
margin:0;
float: left;

}


#links-container ul{
list-style: none;
padding: 0;
margin: 0;

}

#links-container li{
list-style: none;
padding:0;
margin: 0;
float:left;

}

#links-container li a:link, #links-container  li a:visited {
text-decoration: none;
display:block;
list-style: none;
color: #ffffff;
margin: 0;
padding: 4px 4px 0 0;


}


#links-container li a:hover, #links-container li a:active{
text-decoration: none;
display:block;
color: #ff9933;

}

.dividers{
color: #00acee;
}








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

#slider-menu-container{
width:561px;
padding: 0 0 21px 30px;
margin:0;
float: left;


}



#pic-container-home{
width: 349px;
height: 310px;
background-image:url(../assets/gfx-blackberry-pic-home.jpg);
background-repeat: no-repeat;
float: left;
margin:0;
padding:0;


}


#bottom-container{
width:960px;
float:left;
padding: 0;

}

#text-container-bottom{
width:550px;
float:left;
padding: 0 0 0 50px;
margin-right: 20px;
}

#newsletter-container{
width:252px;
height: 126px;
float:left;
padding: 0 0 20px 50px;
background:url(../assets/gfx-vertical-divider.jpg) no-repeat bottom left;
}






#logos-container{
width:940px;
height: 109px;
float:left;
padding: 0 40px 0 0;
background-image:url(../assets/gfx-logos-bottom.jpg);
background-repeat: no-repeat;
background-position:bottom;
}


/*------contact form----------------------------------------------------------------------------*/



.contact-form-title{
width:180px;
float:left;
color: #2d3791;
padding:  0 10px 10px 0;
text-align: left;
font-size:0.819em;

}

#contact-text{
float:left;
color: #666666;


}

#contact-text  a, #contact-text   a:visited {
color: #2d3791;
text-decoration: none;

}

#contact-text  a:hover, #contact-text  a:active{
color: #ff9933;
text-decoration: none;

}

#newsletter-inner-container-submit{
width:50px;
float:right;
padding: 16px 0 0 0;
margin: 0;


}


.contact-form-submit-container{
width:50px;
float:right;
padding: 160px 0 0 0;
margin: 0;



}

/*------main links----------------------------------------------------------------------------*/



.more-link-container  a, .more-link-container   a:visited {
display: block;
height: 24px;
width: 72px;
overflow: hidden;
float:right;
padding: 123px 0 0 0;
 

}

.more-link-container  a:hover, .more-link-container  a:active{
display: block;
text-indent: -72px;
float:right;

}

#services-cta{
width:274px;
height:257px;
padding: 0 20px 20px 0;
margin:0;
float: left;
background-image: url(../assets/gfx-services-call-to-action.jpg);
background-repeat: no-repeat;
background-position:top; 

}

#handsfree-cta{
width:274px;
height:257px;
padding: 0 20px 20px 0;
margin:0;
float: left;
background-image: url(../assets/gfx-handsfree-call-to-action.jpg);
background-repeat: no-repeat;
background-position:top; 

}

#phones-and-data-cta{
width:274px;
height:257px;
padding: 0 20px 20px 0;
margin:0;
float: left;
background-image: url(../assets/gfx-phones-and-data-call-to-action.jpg);
background-repeat: no-repeat;
background-position:top; 

}

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


#text-container{
width:532px;
margin-right: 20px;
background-image: url(../assets/gfx-text-container-background.jpg);
background-repeat: no-repeat;
background-position:top;
padding: 20px;
text-align: left;
float:left;
}



#newsletter-container-content{
width:252px;
float:left;
padding: 20px;
margin-bottom: 10px;
background:url(../assets/gfx-newsletter-background.jpg) no-repeat;
}



#column-divider{
border-bottom: solid 1px #a0ab5f;
margin-top:10px;
margin-bottom:20px;
}



.pic-container{
width:400px;
margin: 0;
padding: 10px 30px 10px 0;
text-align: left;
color: #333333;
float:left;
}

.pic-text-container{
width:400px;
margin: 0;
padding: 0;
text-align: left;
color: #333333;
float:left;
}

#contact-text{
width: 100%;
float:left;
color: #666666;

}

#contact-text  a, #contact-text   a:visited {
color: #ffffff;
text-decoration: none;

}

#contact-text  a:hover, #contact-text  a:active{
color: #ff9933;
text-decoration: none;

}

/*------tabs style----------------------------------------------------------------------------*/
.contact-form-container-outer{
width: 512px;
float:left;
padding: 0 0 0 20px
}

.contact-form-container{
width:252px;
float:left;
padding: 0;

}

	
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}

.column-left{
width: 205px;
float:left;
margin-right: 20px;


}

.column-right{
width: 187px;
float:left;

}

/*------footer----------------------------------------------------------------------------*/


#bottom-footer-container{
width:960px;
font-size: 0.8em;
margin-left: auto;
margin-right: auto;


}

#footer-container-inner{
width:960px;
background-image: url(../assets/gfx-footer-background.jpg);
background-repeat: no-repeat;
background-position:top;
font-size: 0.8em;
float:left;
margin-left: auto;
margin-right: auto;

}



#footer-text{
width: 910px;
padding: 20px 0 0 0;
margin: 0px;
float:left;
color: #666666;


}

#footer-text  a, #footer-text   a:visited {
color: #666666;
text-decoration: none;
 
}

#footer-text  a:hover, #footer-text  a:active{
color: #cc0000;

text-decoration: none;

}

.komodo{
float:right;
margin-bottom: 20px;

}

.copyright{
float:left;
padding: 0  0 0 50px;

}

.leading-text{
color:#2d3791;
font-weight:bold;
}

.quote-box{
background-color:#FFFFFF;
padding:20px 20px 5px 20px;
margin-bottom:20px;
background-image:url(../assets/gfx-background-quote.jpg);
background-repeat:no-repeat;
}

.quote-box p{
font-size:1.2em;
color:#999999;

}

.quote-box-leading-text{
font-size:1.5em;
}