/* Searing Media */

body { 
margin: 0 0 0 0;
background-image: url(../images/header2.png);
background-repeat: repeat-x;
background-color:#F7F7F7;
}

a:link {color:#4181E0; text-decoration:underline;}
a:visited {color:#AB59EE; text-decoration:underline;}
a:active {color:#B50409; text-decoration:underline;}
a:hover {color:#DD5800; text-decoration:underline;}


/* 
=======================
Overall container 
=======================
*/


.contain {
margin: 0 auto; 
padding-bottom: 2px;
background-position:center;
background-repeat:repeat-y;
padding-top:2px;
padding-left:10px;
padding-right:10px;
min-height: 100%;
}


/* 
=======================================
Container center (centers all content) 
=======================================
*/

.contain-center { 
width: 1000px; 
margin:inherit; 
}

/* 
=======================
Holds SM Logo
=======================
*/

.logo {
width: 235px; 
margin:inherit;
float:left;
min-height: 100%;
}

/* 
=======================
This holds the menu
=======================
*/

.logo-menu {
width: 765px; 
float:right;
height:30px;
min-height: 100%;
}

/* 
===============================================
Container for header (e.g. iPad title + iPad) 
===============================================
*/

.header-contain {
clear:both;
width:100%;
margin: 0 0 0 0; 
padding: 0 0 0 0;
}

/* 
===============================================
Header Title + text (content)
===============================================
*/

.header-content {
width: 600px; 
float:left;
height:328px;
font-family:Arial;
font-size:14px;
color:#FFFFFF;
}

.header-content a:link {color:#FFFFFF; text-decoration:underline; }
.header-content a:visited {color:#FFFFFF; text-decoration:underline;}
.header-content a:active {color:#FFFFFF; text-decoration:underline;}
.header-content a:hover {color:#F0F0F0; text-decoration:underline;}


/* 
===============================================
Header image (media)
===============================================
*/

.header-media {
width: 400px; 
float:right;
height:328px;
}



/* 
===============================================
Body content (main page content)
===============================================
*/

.body-content { 
clear: both;
margin-left: 2px;
margin-right: 2px; 
width: 1000px; 
/*display:table;*/
padding-top:15px;
/*new stuff*/
display:block;
min-height: 0;
zoom:1;
overflow : hidden;
_height : 1%;
}

/* 
===============================================
Body text (main body content)
===============================================
*/

.body-contentleft {
width: 700px; 
float: left;
min-height: 100%;
}

.body-contentleft2 {
width: 250px; 
float: left;
min-height: 100%;
}
/* 
===============================================
Body sidebar (main side bar)
===============================================
*/


.body-contentright { 
width: 275px; 
float: right;
padding-left:25px;
}

.body-contentright2 { 
width: 740px; 
float: right;
padding-left:10px;
}

.body-contentright a:link {color:#FFFFFF; text-decoration:none;}
.body-contentright a:visited {color:#FFFFFF; text-decoration:none;}
.body-contentright a:active {color:#FFFFFF; text-decoration:none;}
.body-contentright a:hover {color:#FFFFFF; text-decoration:underline;}

/* 
===============================================
Twitter Styles
===============================================
*/


.twitter_update_list li { 
list-style:none;
background-image:url(../images/twitter-update.jpg);
background-repeat:no-repeat;
margin-left:-35px;
padding-bottom:0px;
padding-left: 6px;
padding-right:6px;
padding-top: 6px;
height:46px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.twitter_update_list ul { 
background-color:#FFFFFF;
margin-left:-35px;
}

twitter_update_list a.externallink:link { 
text-decoration: none;
target-name: new;
target-new: window;
}

/* 
===============================================
Footer Fonts
===============================================
*/

.footer-contact {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
}

.footer-header {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}

.footer-text {
color:#C9C9C9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:500;
}

.footer-textfield {
height:23px; 
width:254px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:15px; 
background-image:url(../images/footer-contact-textfield.png);
border:none;
padding-top:4px;
padding-left:6px;
padding-right:10px;
overflow:hidden;
margin-top:5px;
margin-bottom:5px;
}

.footer-textarea {
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:15px; 
}


/* 
===============================================
Submenu & Featured App
===============================================
*/
.submenu {
/*	color: #6A6A6A;*/
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.submenu a:link {color:#FFFFFF; text-decoration:none; }
.submenu a:visited {color:#FFFFFF; text-decoration:none;}
.submenu a:active {color:#FFFFFF; text-decoration:none;}
.submenu a:hover {color:#FFFFFF; text-decoration:underline;}

.submenu li {
width:230px;
height:55px;
background-image:url(../images/in-this-section-item.png);
margin-left:-40px;
margin-top:-18px;
padding-left:20px;
padding-top:20px;
list-style-type:none;
}

.submenu li {
width:230px;
height:55px;
background-image:url(../images/in-this-section-item.png);
margin-left:-40px;
margin-top:-18px;
padding-left:20px;
padding-top:20px;
list-style-type:none;
}

.featuredapp {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:5px;
	padding-right:16px;
	background-image:url(../images/in-this-section-item.png);
	background-repeat:repeat-y;
}

.featuredapp a:link {color:#FFFFFF; text-decoration:none; }
.featuredapp a:visited {color:#FFFFFF; text-decoration:none;}
.featuredapp a:active {color:#FFFFFF; text-decoration:none;}
.featuredapp a:hover {color:#FFFFFF; text-decoration:underline;}

.featuredapp-title {
font-size: 16px;
font-weight: bold;
}



	/* 
===============================================
Contact page form
===============================================
*/

.contact-textbox {
	height:26px; 
	width:350px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#494949;
}

.contact-textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#494949;
}

.contact-submit {
width:200px;
height:33px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:20px;
	color:#494949;
}


/*
===============================================
!!!!!! MESSY CSS TESTING !!!!!!!!!!!!!!!!!!!!!
===============================================
*/

.body-contentl1 {
width: 290px; 
float: left;
background-color:#F7F7F7;
padding-right:0px;
padding-left:0px;
clear:both;
text-align:left;
border-right-width: .2em; 
border-right-style:solid;
border-right-color:#F7F7F7;
}

.body-contentl2 {
width: 300px; 
float: right;
background-color:#F7F7F7;
padding-right:25px;
padding-left:25px;
text-align:left;
}

.index-heading {
color:#2E659C;
/*width:300px;*/
width:100%;
font-family:Arial;
font-weight:bold;
font-size:20px;
}

.general-heading {
color:#FFFFFF;
width:300px;
font-family:Arial;
font-weight:bold;
font-size:30px;
}

.index-heading a:link {color:#2E659C; text-decoration:underline;}
.index-heading a:visited {color:#2E659C; text-decoration:underline;}
.index-heading a:active {color:#2E659C; text-decoration:underline;}
.index-heading a:hover {color:#DD5800; text-decoration:underline;}

.index-heading2 {
color:#AA3022;
width:300px;
font-family:Arial;
font-weight:bold;
font-size:18px;

}

.index-heading3 {


}

.index-heading4 {
color:#431CAA;
width:300px;
font-family:Arial;
font-weight:bold;
font-size:18px;

}

.content-texty {
	font-family: Arial;
	color:#666666;
	font-size: 13px;
}

.content-bigtexty {
	font-family: Arial;
	color:#666666;
	font-size: 16px;
	list-style-image:url(../images/bullet-check.png);
}

.content-bigtexty li{
	font-family: Arial;
	color:#666666;
	font-size: 16px;
	list-style-image:url(../images/bullet-check.png);
}

.content-texty h2 {
	font-family: Arial;
	color:#666666;
	font-size: 13px;
	font-weight:bold;
	display:inline;
}

.content-texty a:link {color:#4181E0; text-decoration:underline;}
.content-texty a:visited {color:#AB59EE; text-decoration:underline;}
.content-texty a:active {color:#B50409; text-decoration:underline;}
.content-texty a:hover {color:#DD5800; text-decoration:underline;}


/* 

APPLICATIONS.PHP PAGE 

*/

.apppage-android {
background-image:url(../images/apppage-androidbg.png);
width:147px;
height:143px;
margin-left:10px;
margin-right:10px;
margin-top:12px;
}


.apppage-apple {
background-image:url(../images/apppage-applebg.png);
width:147px;
height:143px;
margin-left:10px;
margin-right:10px;
margin-top:12px;
}

.apppage-bb {
background-image:url(../images/apppage-bbbg.png);
width:147px;
height:143px;
margin-left:10px;
margin-right:10px;
margin-top:12px;
}

.apppage-blank {
background-image:url(../images/blank.png);
width:147px;
height:143px;
margin-left:10px;
margin-right:10px;
margin-top:12px;
}

.nbarea2 {
background-image:url(../images/nbarea2.png);
width:715px;
height:112px;
padding-left:10px;
padding-right:10px;
padding-top:8px;
clear:both;
}

.nbarea2-big {
background-image:url(../images/nbarea2-big.png);
width:715px;
height:142px;
padding-left:10px;
padding-right:10px;
padding-top:8px;
clear:both;
}

.nbheading {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:18px;
color:#666666;
}

.nbsubheading {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

.expertise-items {
color:#34618D;
font-family:Arial;
font-size:20px;
}

/*   
***************************
FOOTER
***************************
*/

.footer { 
width: 1000px; 
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;  
color:#FFFFFF;
font-weight:bold;
padding-bottom:2px;
/*height:175px;*/
padding-left:0px;
padding-right:0px;
padding-top:5px;
}

.footerhead {
font-size:16px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-weight:bold; 
text-decoration:none;
display:block; 
padding-bottom:2px;
/*padding-left: 25px;*/
text-align:left;
}

.footerhead a:link {color:#FFFFFF; font-weight:bold; text-decoration:none; }
.footerhead a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;}
.footerhead a:active {color:#FFFFFF; font-weight:bold; text-decoration:none;}
.footerhead a:hover {color:#FFFFFF; font-weight:bold; text-decoration:underline;}

.footeritems {
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
text-decoration:none;
display:block;
font-weight:lighter;
/*padding-left: 25px;*/
}

.footeritems ul {
list-style:none; 
text-align:left;
margin-top:0px;
margin-left:0px;
padding-top:0px;
padding-left:0px; /* Firefox applies padding by default */
}

.footeritems li {
text-align:left;
padding-left:0px; 
padding-top:4px;
margin-left:0px;
margin-top:0px; 
overflow:visible;
}

.footeritems a:link {color:#FFFFFF; text-decoration:none; }
.footeritems a:visited {color:#FFFFFF; text-decoration:none;}
.footeritems a:active {color:#FFFFFF; text-decoration:none;}
.footeritems a:hover {color:#FFFFFF; text-decoration:underline;}


/*   
***************************

FOOTER2

***************************
*/

.footer2 { 
text-align:center;
padding-top:2px;
width: 100%; 
clear:both;
background-color:#222222;
}

.footer2 a:link {color:#FFFFFF; text-decoration:none;}
.footer2 a:visited {color:#FFFFFF; text-decoration:none;}
.footer2 a:active {color:#FFFFFF; text-decoration:none;}
.footer2 a:hover {color:#CCCCCC; text-decoration:underline;}



/*

Expanding Menus (apps pages)

*/

h2.trigger {
	font-family: Arial;
	color:#666666;
	font-size: 16px;
	font-weight:normal;
}

.h2.trigger a:link {color:#4181E0; text-decoration:underline;}
.h2.trigger a:visited {color:#AB59EE; text-decoration:underline;}
.h2.trigger a:active {color:#B50409; text-decoration:underline;}
.h2.trigger a:hover {color:#DD5800; text-decoration:underline;}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}


/*

For jQuery popup

*/

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:300px;
width:400px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:20px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#expinterface{
text-align:left;
margin:100px;
}