/*  
Description: Mobile 2 Console - Minisite
Version: 1.0
Author: EGStudio
Author URL: http://www.egstudio.biz/
*/


/*Font Defenitions*/
@font-face {
	font-family: 'MyriadProRegular';
	src: url('../../../css/mvc/main/fonts/myriadpro-regular.eot');
	src: local('myriadpro-regular'), url('../../../css/mvc/main/fonts/myriadpro-regular.woff') format('woff'), url('../../../css/mvc/main/fonts/myriadpro-regular.ttf') format('truetype'), url('../../../css/mvc/main/fonts/myriadpro-regular.svg#webfont') format('svg');
}
@font-face {
	font-family: 'MyriadProSemibold';
	src: url('../../../css/mvc/main/fonts/myriadprosemibold.eot');
	src: local('Myriad Pro'), local('MyriadPro-Semibold'), url('../../../css/mvc/main/fonts/myriadprosemibold.ttf') format('truetype'), url('../../../css/mvc/main/fonts/myriadprosemibold.svg#MyriadPro-Semibold') format('svg');
}



/*Reset*/
* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { font-size:12px; font-family:Arial; text-align:left; color:#343434; }
h1,h2,h3,h4,h5{ font-family:MyriadProRegular; text-align:left; color:#343434; line-height:1em; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none;}
hr { display:block; clear:both; height:1px; border:0; border-top:1px solid #f0f0f0; margin:1em 0;}
cite { font-size:11px; line-height:15px; color:#6b6b6b; font-style:normal; }
.clear { display:block; border:0; height:1px; clear:both; float:none; }
.left { float:left; }
.right { float:right; }
.bold { font-weight:bold; }
a:link, a:visited { color:#1981d7; }
a:hover { color:#47a8f8; }
body { text-align:center; line-height:17px; background:url(../../../images/mvc/main/body-bg.png) repeat-x bottom left; }

/* Layout */
#wrapper { width:940px; margin: 0 auto; padding-top:2em;  }
#header { margin-bottom:1.31em; float:left; width:100%; }
#body { background:#fff; border:1px solid #e7e7e7; margin-bottom:1.5em;  }

/* Flash Content */
#flashcontent { height:310px; background: url(../../../images/mvc/main/flashbg.jpg) no-repeat top left; }
#flashcontent div.inner { padding: 3em;}
#flashcontent h1 { font-family:MyriadProSemibold; font-size:50px; text-shadow:1px 1px #fff; margin-bottom:10px;}
#flashcontent p { font-family:MyriadProRegular; font-size:18px; text-shadow:1px 1px #fff; margin-bottom:10px; line-height:1.2em;  }
#flashcontent a.button:link, #flashcontent a.button:visited { display:block; width:175px; height:50px; background: url(../../../images/mvc/main/learnmore_btn.png) no-repeat top left;  } 
#flashcontent a.button:hover { background-position: bottom left; }

/* Navigation */
#nav { background:url(../../../images/mvc/main/navbg.png) no-repeat top left; height:43px; padding-left:5px; margin-bottom:1.5em; clear:both; }
#nav ul li { display:block; position:relative; float:left; cursor:pointer; border-left:1px solid #dadada; }
#nav ul li a.toplink:visited, #nav ul li a.toplink:link { display:block; border-left:1px solid #ededed; padding:0 2em; padding-top:13px; height:30px; text-decoration:none; font-family:MyriadProRegular; font-size:14px; text-shadow:1px 1px #fff; color:#343434; font-weight:normal;}
#nav ul li a.toplink:hover { background: url(../../../images/mvc/main/nav-h.png) repeat-x top left; }
#nav ul li.first, #nav ul li.first a.toplink { border-left:0; }
#nav ul li a.disabled:link, #nav ul li a.disabled:visited, #nav ul li a.disabled:hover { cursor:default; color:#abbdcc; background: none repeat scroll 0 0 transparent; }


div.dropdown { display:none; position:absolute; border:1px solid #ccc; border-top:none; background-color:#dbdbdb; width:190px;   }
div.dropdown a:link, div.dropdown a:visited { display:block; color:#343434; padding: 0.4em 1em; text-shadow:1px 1px #fff; border-bottom:1px solid #ccc; border-top:1px solid #e7e7e7; font-family:Arial sans-serif; font-size:12px; text-decoration:none;}
div.dropdown a:hover { background:#e7e7e7; }
div.dropdown a:last-child { border-bottom:0; border-top:1px solid #e7e7e7; }
div.dropdown a:first-child { border-top:0; }

#nav ul li:hover div.dropdown { display:block; }

/* body - mainpage */
div.box { width: 245px; float:left; padding: 20px 30px; border-right: 1px solid #e6e6e6; }
div.box.last { border-right:0; }
div.box h2 { font-family:MyriadProSemibold; color:#1981d7; margin-bottom:0.5em; display:block; padding-left: 40px; }
div.box h2.enterprise { background: url(../../../images/mvc/main/receptionist.png) no-repeat top left; }
div.box h2.cellphone { background: url(../../../images/mvc/main/mobile-phone.png) no-repeat top left; }
div.box h2.support { background: url(../../../images/mvc/main/voip.png) no-repeat top left; }
div.box p { margin-bottom:1em; }

/* left navigation */

#leftnav { width:170px; float:left; }

#leftnav a:link, #leftnav a:visited { display:block; padding: 8px 10px 0; height:25px; background: url(../../../images/mvc/main/subnavbg.png) repeat-x bottom left; text-decoration:none; color:#4b4b4d; border-right: 1px solid #ededed;  }
#leftnav a:hover { color:#47a8f8; }

#leftnav li.selected a:link, #leftnav li.selected a:visited { background-position: top left; font-weight:bold;  text-shadow:1px 1px #fff;  border-right: 1px solid #dcdcdc;  }
#leftnav li.selected a:hover { color:#343434; }

/* Content */

#content { width:436px; margin:5% auto 9%; height:250px; }
#content div.inner { padding:2em 3em; }

#content h1 { font-size:24px; font-family:MyriadProSemibold; margin-bottom:0.4em; }
#content h2 { font-size:18px; font-family:MyriadProSemibold; margin-bottom:0.4em; }
#content p { margin-bottom:1.5em; }
#content ul { list-style: disc; margin-left:1.2em; }
#content p.introtext { font-size:18px; font-family: MyriadProRegular; color:#2b94ec; margin-bottom:0.5em; line-height:1em;  }

/* footer */

#footer * { text-align:center; font-size:11px;  }
#footer ul { margin-bottom: 0.4em; }
#footer ul li { display:inline; }
#footer p { color:#a2aeb5; }

/* Sign in */

#signin { float:right; margin-top:6px; width:531px; }
#signin input[type="text"], #signin input[type="password"] { width: 120px; padding:0.4em; font-size:11px; color:#9e9e9e; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #dadada; margin-right:5px; float:left;  }
#signin input[type="text"]:focus { border-color:#47a8f8; }
#signin input[type="password"]:focus { border-color:#47a8f8; }

#signin input[type="submit"] { display:block; width: 58px; height:22px; background: url(../../../images/mvc/main/signin.png) no-repeat bottom left; border:0; cursor:pointer; text-indent:-10000em; }
#signin input[type="submit"]:hover { background-position: top left; }
#signinmsg {color:red;font-weight:bold;padding-left: 16px;background-image:url(../../../images/mvc/main/warn.gif);background-repeat:no-repeat;background-position:top left; position:absolute; margin-top:25px; display:inline;}