* { margin:0; padding:0; list-style-type:none; }

html, body
{
	width:100%;
	height:100%;
	font-size:1em;
}
body, select, input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: none;
	font-size:1em;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
}

body
{
	background-color:#f26624;
	margin:0;
	padding:0;
	font-size:.8em;
	color:#323232;
	line-height:1.35em;
}

a
{
	color:#f26624;
	padding-bottom:0px;
	border-width:0;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#f7cbb6;
	text-decoration:none;
	outline:none;
}
a:hover { border-color:#f1a580; }

img { border:none; }

/* titles */
h1, h2, h3, h4, h5
{
	font-weight:normal;
	text-decoration:none;
	color:#333;
	line-height:1em;
}
h1 { font-size:3em }
h2 { font-size:2em }
h3 { font-size:1.5em }
h4 { font-size:1.2em }
h5 { font-size:1.1em }


.hide, .hidden { display:none; }
.show, .block { display:block; }
.bold { font-weight:bold; }
.caption { font-size:0.8em; }

.clearall
{
	background-color:transparent;
	border:none;
	height:0;
	margin:0;
	padding:0;
	font-size:1px;
	clear:both;
	float:none;
	display:block;
	overflow:hidden;
}
.clearleft { clear:left }
.clearright { clear:right }
.clearboth { clear:both }


/* form elements */
input { font-family:inherit; font-size:inherit; }
input.checkbox
{
	width:13px;
	height:13px;
	margin:0;
	padding:0;
}


/* core ui styles */
body
{
	background-position:50% 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	text-align:center;
}

/* sections */
body.home, body.index, body.demo-reel { background-image:url(/_images/background/photos/home-cropped.jpg) }
body.about-us { background-image:url(/_images/background/photos/about-us.jpg) }
body.current-openings, body.benefits, body.careers { background-image:url(/_images/background/photos/careers-openings.jpg) }
body.college-recruiting { background-image:url(/_images/background/photos/careers-college.jpg) }
body.client-list { background-image:url(/_images/background/photos/client-list.jpg) }
body.contact-us { background-image:url(/_images/background/photos/contact.jpg) }
body.home { background-image:url(/_images/background/photos/home.jpg) }
body.life-at-modea { background-image:url(/_images/background/photos/life-at-modea.jpg) }
body.our-process { background-image:url(/_images/background/photos/our-process.jpg) }
body.portfolio { background-image:url(/_images/background/photos/portfolio.jpg) }
body.services { background-image:url(/_images/background/photos/services.jpg) }
body.blackberry { background-image:url(/_images/background/photos/blackberry.jpg) }
body.htc { background-image:url(/_images/background/photos/htc.jpg) }
body.microsoft { background-image:url(/_images/background/photos/microsoft.jpg) }
body.motorola { background-image:url(/_images/background/photos/motorola.jpg) }
body.nokia { background-image:url(/_images/background/photos/nokia.jpg) }
body.samsung { background-image:url(/_images/background/photos/samsung.jpg) }


/* main ui */
#ui
{
	background-repeat:repeat-y;
	background-position:50% 0;
	background-image:url(/_images/background/white-overlay.png);
	width:860px;
	padding:0 50px 0 50px;
	margin:auto;
	text-align:left;
	min-height:100%;
}
#ui div.uiborder { display:none }


/* nav */
#nav
{
	width:860px;
	height:114px;
	overflow:hidden;
}
#nav div.logo
{
	position:absolute;
	top:66px;
}
#nav div.logo a
{
	border:none;
	text-decoration:none;
}
#nav ul.primary
{
	background:url(/_images/nav/border-orange.gif) repeat-x 0 9px;
	margin-left:207px;
	width:653px;
	position:relative;
	top:83px;
	min-height:16px;
}
#nav ul li
{
	position:absolute;
	padding-right:32px;
}
#nav ul li#what-we-do { margin-left:120px }
#nav ul li#our-work { margin-left:240px }
#nav ul li#careers { margin-left:350px }
#nav ul li#contact { margin-left:460px }
#nav ul li:hover p { background:url(/_images/nav/border-gray.gif) repeat-y 0 0 }
#nav ul li ul
{
	background:url(/_images/nav/border-gray.gif) repeat-y 0 0;
	position:relative;
	padding-bottom:12px;
	visibility:hidden;
}
#nav ul li ul li
{
	background-image:none;
	position:static;
	display:block;
	padding-right:0;
}
#nav ul li p
{
	padding-left:1px;
	height:16px;
}
#nav ul li ul li p
{
	padding-left:7px;
	height:17px;
}
#nav ul li p a
{
	background-position:0 0;
	background-repeat:no-repeat;
	border:none;
	padding:0;
	text-decoration:none;
	text-indent:-1000em;
	height:16px;
	display:block;
	float:left;
	overflow:hidden;
}
#nav ul li ul li p a { height:14px }
#nav ul li:hover p a { background-position:0 -15px }
#nav ul li:hover ul { visibility:visible }
#nav ul li:hover ul li p a { background-position:0 0 }
#nav ul li ul li:hover p a { background-position:0 -14px }

#nav ul li.active p
{
	background:url(/_images/nav/border-gray.gif) repeat-y 0 0;
}
#nav ul li.active p a
{
	background-position:0 -15px;
	cursor:default;
}
#nav ul li.active ul
{
	visibility:visible;
}
#nav ul li.active ul li p a
{
	background-position:0 0;
	cursor:hand;
	cursor:pointer;
}
#nav ul li.active ul li.active p a
{
	background-position:0 -14px;
	cursor:default;
}
#nav ul li.active ul li:hover p a
{
	background-position:0 -14px;
}



#nav ul li p.who-we-are a { background-image:url(/_images/nav/primary/who-we-are.gif); width:84px; }
#nav ul li p.what-we-do a { background-image:url(/_images/nav/primary/what-we-do.gif); width:85px; }
#nav ul li p.our-work a { background-image:url(/_images/nav/primary/our-work.gif); width:68px; }
#nav ul li p.careers a { background-image:url(/_images/nav/primary/careers.gif); width:61px; }
#nav ul li p.contact a { background-image:url(/_images/nav/primary/contact.gif); width:63px; }

#nav ul li p.about-us a { background-image:url(/_images/nav/secondary/about-us.gif); width:48px; }
#nav ul li p.life-at-modea a { background-image:url(/_images/nav/secondary/life-at-modea.gif); width:73px; }
#nav ul li p.services a { background-image:url(/_images/nav/secondary/services.gif); width:45px; }
#nav ul li p.our-process a { background-image:url(/_images/nav/secondary/our-process.gif); width:64px; }
#nav ul li p.demo-reel a { background-image:url(/_images/nav/secondary/demo-reel.gif); width:53px; }
#nav ul li p.client-list a { background-image:url(/_images/nav/secondary/client-list.gif); width:51px; }
#nav ul li p.portfolio a { background-image:url(/_images/nav/secondary/portfolio.gif); width:46px; }
#nav ul li p.current-openings a { background-image:url(/_images/nav/secondary/current-openings.gif); width:93px; }
#nav ul li p.college-recruiting a { background-image:url(/_images/nav/secondary/college-recruiting.gif); width:95px; }
#nav ul li p.benefits a { background-image:url(/_images/nav/secondary/benefits.gif); width:45px; }
#nav ul li p.contact-us a { background-image:url(/_images/nav/secondary/contact-us.gif); width:58px; }


/* main body content */
#body
{
	width:810px;
	padding:0 25px 0 25px;
}
#accents
{
	position:absolute;
	z-index:200;
}
#content
{
	border-top:1px solid #f4e9e4;
	margin-top:38px;
	padding-top:10px;
}
#telecomcontent
{
	margin-top:38px;
	padding-top:10px;
}
#footer
{
	width:810px;
	margin:auto;
	padding-top:60px;s
}
#footer p
{
	border-top:1px solid #f9d6c5;
	height:30px;
	color:#bababa;
	font-size:0.7em;
	text-align:center;
	padding-top:3px;
	display:block;
}


/* main elements */
p.button
{
	float:left;
	margin-right:12px;
	height:34px;
}
p.button a
{
	background-position:0 0;
	background-repeat:no-repeat;
	border:none;
	text-decoration:none;
	float:left;
	display:block;
	height:34px;
	overflow:hidden;
	text-indent:-1000em;
}
p.button a:hover { background-position:0 -34px }
p.button a.press { background-position:0 -68px }


p.link
{
	background:url(/_images/bullets/link-arrow.gif) no-repeat 100% 50%;
	padding-right:14px;
	font-weight:bold;
	float:left;
	margin-top:10px;
}
p.link a
{
	white-space:nowrap;
}
p.goback
{
	background:url(/_images/bullets/arrow-back.gif) no-repeat 0 6px;
	padding-left:12px;
	position:absolute;
	top:134px;
}
p.goback a
{
	font-size:0.8em;
	text-decoration:none;
	border:none;
	color:#909090;
	white-space:nowrap;
}
p.goback a:hover
{
	color:#f26624;
}


/* sIFR wrappers */
div.h3wrapper
{
	width:560px;
}


/* sIFR styles */
@media screen
{
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print
{
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

@media screen
{
	.sIFR-active object { outline:none }	/* remove ugly outline in Firefox when flash is clicked on */
	.sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4, .sIFR-active h5, .sIFR-active h6
	{
		visibility:hidden;
		font-family:Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		outline:none;
	}
	.sIFR-active h1
	{  
		min-height:46px;
		font-size:46px;
	}
	.sIFR-active h2
	{
		min-height:28px;
		font-size:28px;
	}
	.sIFR-active h3
	{
		min-height:20px;
		font-size:20px;
	}
	.sIFR-active h4
	{
		min-height:20px;
		font-size:20px;
	}
	.sIFR-active h5
	{
		min-height:16px;
		font-size:16px;
	}
	.sIFR-active h6
	{
		min-height:12px;
		font-size:12px;
	}
	.sIFR-active p.location
	{
		min-height:12px;
		font-size:12px;
	}
}