/* Website: Permilia ----------------- */
/* Website Built by: Newleaders.com ---- */
/* Authored by: Patrick Alcisto -------- */
/* Created on: Apr 26, 2008 ------------ */
/* Modified on: Apr 26, 2008 ----------- */


/*=== CSS Reset ===*/html { height: 100%; margin-bottom: 1px;  padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }


body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}


/* remember to define focus styles! */
:focus { outline: 0; }
body   { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
caption, th   { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q     {	quotes: "" ""; }

/*********************************
*     Generic Element Styles      *
**********************************/
body    { background: #72828b url(../images/marketing/nav_headerBar.png) 0 8px repeat-x; color: #555; font: 62.5% Helvetica, Arial; text-align: center; }

a.white:link,
a.white:visited { color: #ffffff; }
/* a:visited{ color: #2B0080; }*/
a.white:hover   { color: #cccccc; text-decoration: underline; }
a:link,
a:visited { color: #1c417a; }
/* a:visited{ color: #2B0080; }*/
a:hover   { color: #00335A; text-decoration: underline; }
h1, h2, h3, h4, h5, h6, strong { font-family: Helvetica, Arial; font-weight: bold; }
h2        { color: #4c595b; font: bold 3.15em/1em Helvetica, Arial; }
h3  { font: bold 2em/1em Helvetica, Arial; }
h3#sidebarHeader  { color: #fff; font: 2.2em/1em Helvetica; }
h3 span   { color: #c3d32f; font: bold 1.3em/.8em Helvetica; padding-left: 9px; }
h4        { color: #4c595b; font: 1.6em/1em Helvetica; padding-bottom: 9px;}
h4 span   { color: #c3d32f; font: bold 1.3em/.8em Helvetica; padding-left: 9px; }
h5        { color: #1c417a; font: bold 1.6em/1.2em Helvetica; }
p         { color: #000000; font: 1.2em/1.6em arial; margin: 0 0 15px; }
#home #secondaryContent h4 { color: #4c595b;}
#container ul li { background: url(../images/square_bullet.jpg) 0 4px no-repeat; font-size: 13px; padding-left: 22px; color:#000000;}
ul li.telifi { background: url(../images/arrow_green.jpg) 0 4px no-repeat; font-size: 13px; padding-left: 22px; color:#000000; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
ul li.telifi2 { background: url(../images/square_bullet.jpg) 0 4px no-repeat; font-size: 13px; padding-left: 12px; color:#000000; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
#container ul li a { color: #7c8587; text-decoration: none; }
#container ul li a:hover { color: #7c8587; text-decoration: underline; }

#nospace {margin: 0px; padding: 0px; border: 0; float:left;}
/* General Class Styles
*********************************/
.clear     { clear: both; display: block; height: 0 !important; height: 1%; }
.floatLeft { display: inline; float: left; margin: 0 10px 15px 0; }
.last      { margin-right: 0 !important; }
.boxes .last { border: 0 none; }
.boxes     { margin: 0 0 12px; }
.boxes div { border: 1px solid #e1e1e1; border-width: 1px 0 0; padding: 12px 22px 0px 16px; }
.boxes h4  { color: #4c595b; margin: 0 0 4px; }
.boxes ul  { margin: 0 0 25px; }

/* Global Layout Styles
**********************************/
#wrapper   { background: url(../images/marketing/containerBg.png) 50% 0 repeat-x; padding: 8px 0 0; }
#container { margin: 0 auto; padding: 0 0 0 0px; text-align: left; width: 981px; }
#header    { height: 75px; margin: 0 auto 21px; padding: 0px; width: 981px; }
#masthead  { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 979px; border: 1px solid #000000; border-width: 0 1px 0 1px; background:#FFFFFF;}
#masthead2  { margin: 0 0 0px 0; padding: 0px 0 0 0; width: 979px; background-color:#FFFFFF; border: 0px solid #000000; border-width: 0 1px 1px 1px; visibility:none;}
#masthead3  { height: 475px; margin: 0 0 0px 0; padding: 0px 0 0 0; width: 981px; background-color:#FFFFFF; border: 1px solid #000000; border-width: 0 1px 0 1px;}
#masthead4  { margin: 0 0 0px; padding: 0px 0 0; width: 981px; background-color:#FFFFFF; border: 1px solid #000000; border-width: 0 1px 0 1px;}
#masthead2_who  { margin: 0 0 0px 0; padding: 0px 0px 10px 0px; width: 979px; background-color:#FFFFFF; border: 1px solid #000000; border-width: 0 1px 1px 1px;}
#masthead2_work  { margin: 0 0 0px; padding: 0px 0 0; width: 979px; background-color:#FFFFFF; border: 1px solid #000000; border-width: 0 1px 0 1px;}
#masthead_construction  { background: url(../images/marketing/masthead_construction.jpg) 0 0 no-repeat; height: 216px; margin: 0 0 13px; padding: 1px 0 0; width: 981px; }
#main { float: left; width: 980px; left bottom no-repeat; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-color:#999999; border-style:solid; border-width:0px; background-color:#FFFFFF;}

#home #main { background: url(../images/marketing/homeContentBoxBot.png) left bottom no-repeat; padding: 1px0 1px; }
#main #contentWrapper .innerWrapper { background: #fff url(../images/marketing/contentBoxTop.png) left top no-repeat; margin: 0px 0 0 0px; padding: 5px 0 30px ; width: 980px; }
#contentWrapper      { background: url(../images/marketing/contentBoxBot.png) left bottom no-repeat; padding: 0px 0 0 0; width: 980px; }
#home #main #contentWrapper { background: #fff url(../images/marketing/homeContentBoxTop.png) left top no-repeat; margin-bottom: 0px; }

#sidebar   { float: right; width: 218px; }
#footer    { clear: both; }
#new_footer	{margin: 0 0 0px 0; padding: 0px 0 0 0; width:980px; text-align:right;  border: 1px solid #000000; border-width: 0 0 0 0; color: #ffffff;}

/* Header Styles
**********************************/
#branding  { height: 63px; }
#header h1 { float: left; margin: 9px 0 0 5px; }
#header p  { background: url(../images/marketing/mediaMarketingStrategy.png) 0 0 no-repeat; height: 11px; float: right; margin: 25px 25px 0; text-indent: -9999px; width: 305px; }


/* Navigation Styles
**********************************/
#nav { clear: both; height: 32px; margin: auto; width: 983px; }
#nav ul { background: #a3afb5; }
#nav ul li { display: inline-block; float: left; font: bold 1.5em/1em Helvetica; }
#nav ul li a { border-left: 1px solid #bfc7cb; border-right: 1px solid #596772; color: #fff; display: block; height: 24px; padding: 9px 21px 0; text-decoration: none; }
#nav ul li a:hover, #home #homeNav a, #services #servicesNav a, #whoWeAre #whoWeAreNav a, #work #workNav a, #contact #contactNav a, #login #loginNav a  { background: url(../images/marketing/navItemHover.png) 0 0 repeat-x; border-left: 0 none; border-right: 1px solid #3c474d; padding-left: 22px; }

#nav ul li#homeNav  { border-left: 1px solid #596772; }
li#loginNav { border-right: 1px solid #bfc7cb; }
#nav ul li#empty { border-left: 1px solid #bfc7cb; border-right: 1px solid #596772; height: 32px; width: 332px; }

/* Masthead Styles
**********************************/
#masthead h2 { color: #4c595b; font: bold 6.35em/1.1em Helvetica; margin: 55px 0 6px 37px; }
#masthead p { color: #4c595b; font: 1.6em/1.2em Helvetica; margin: 0 0 0 33px; width: 473px; }

/* Main Column Styles
**********************************/
#pageHeading { background: url(../images/marketing/pageHeadingBg.png) 0 0 no-repeat; height: 74px; margin: 0 0 10px; width: 747px; }
#pageHeading h2 { height: 36px; padding: 8px 0 0 13px; }
span#breadCrumb { color: #1c417a; display: block; font: 1.2em/1em Helvetica; height: 20px; padding: 10px 0 0 13px; }
span#breadCrumb a { text-decoration: none; }
span#breadCrumb a:hover { text-decoration: underline; }
#mainContent { background: url(../images/marketing/mainContentBg.png) 0 0 no-repeat; width: 715px;  margin:20px 0px 0px 22px; padding:0px 0px 0px 0px; border-color:#999999; border-style:solid; border-width:0px;}
#home #mainContent { background: url(../images/marketing/homeMainContentBg.png) 0 0 no-repeat; float: left; padding: 0px 0px; 0px; 0px; width: 700px; border-color:#999999; border-style:solid; border-width:0px;}
#mainContent h2 { color: #4c595b; font: 2.5em/1.1em Helvetica; margin: 10px 10px 0 15px; padding: 10px 0px 0px 0px; border-color:#999999; border-style:solid; border-width:0px;}
#mainContent p { margin: 11px 10px 10px 10px; border-style:solid; border-color:#999999; border-width:0px; width:678px; text-align:justify;}
#whoWeAre #main .boxes { background: none; }
#whoWeAre #main .boxes div { border-width: 0 0 1px !important; padding: 33px 55px 18px 27px; }
#whoWeAre #main .boxes img { float: left; }
#whoWeAre #main .boxes h3, #whoWeAre #main .boxes p { margin-left: 153px; }
#whoWeAre #main .boxes h3 { font: 2.2em/1em Helvetica, Arial; margin-bottom: 15px; }


	/* Secondary Content Styles */
	#secondaryContent { background: url(../images/marketing/secondaryContentBgBot.png) left bottom no-repeat; margin: 0px 0px 0px 40px; padding: 10px 0 1px 0px; width: 700px; border-color:#999999; border-width:0px; width:678px;}
	#secondaryContent .outterWrapper { background: url(../images/marketing/secondaryContentBgTop.png) left top no-repeat; padding: 5px 0px 0px; border-color:#999999; border-width:0px; width:678px;}
	#main #secondaryContent .innerWrapper { background: #e8f3f4 none; margin:0px 0px 4px 0px; padding: 0px 0px 0px 0px; width: 670px; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
	#home #secondaryContent { background: #e8f3f4; border-left: 1px solid #e1e1e1; float: right; min-height: 585px; width: 200px;}
	#secondaryContent h4 { color: #4c595b; margin: 0 22px 0 16px; height: 25px; }

	/* Services Page Secondary Content Styles */
	#services div.service { float: left; width: 219px; margin:3px 0px 10px 1px; padding:0px 0px 10px 3px;}
	#services .service h3 { margin: 0 0 11px; }
	#services .service h3 a { color: #404d55; text-decoration: none; }


.news h4 { font: 1.6em/1.15em Helvetica, Arial; margin: 0 0 13px; }
.news p  { margin: 0 0 16px; }


/* Sidebar Styles
**********************************/
.miscBox { background: url(../images/marketing/darkGreyBoxBot.png) left bottom no-repeat; margin: 0 0 13px; padding: 0 0 1px; width: 218px; }
.miscBox .innerWrapper { background: #455259 url(../images/marketing/darkGreyBoxTop.png) left top no-repeat !important;  min-height: 97px; margin: 0 0 4px; padding: 5px 12px 1px 15px; }
.miscBox h3 { color: #cfe876; font-size: 1.95em; letter-spacing: -1px; margin: 21px 0 8px; }
.miscBox h3 a, .miscBox h3 a:visited { color: #cfe876; text-decoration: none; }
.miscBox h3 a:hover { color: #cfe876; text-decoration: underline; }
.miscBox p  { color: #fff; }
#sidebarHeader { background: #4c595b url(../images/marketing/sidebarHeader.png) 0 0 no-repeat; height: 29px; padding: 14px 0 0 10px; }
#sidebar .outterWrapper { background: #fff url(../images/marketing/sidebarBot.png) 0 100% no-repeat; min-height: 40px; padding: 0 0 5px; }
h4#sidebarHeader { color: #fff; margin-bottom: 0; }
#contactInfo { padding-left: 10px; padding-right: 10px; }
#contactInfo p { color: #7c8587; font: 1.2em/1.1em Helvetica, Arial; margin-bottom: 12px; }
#contactInfo p a { color: #7c8587; }

/* Form Styles
**********************************/
.half { width:49%; float:left; margin:1em 0; }
.full { width:100%; margin:1em 0; float:left; }
.first { margin-right:2%; }
.half input { width:98%; }
.short input { width:40%; }
.half label, .full label { display:block; font: 1.2em/1em Helvetica, Arial; color:#7c8587; margin-bottom:.3em; }
.full textarea { width:99%; height:100px; }
.full input { width:99%; }
.half input, .full textarea, .full input { background: #fff; border:1px solid #b9b9b9; color:#4c595b; font-weight:bold; font-size:1.3em; line-height:1.5; }
.submit { clear:left; }
.submit input { width:100px; }


/* Clearing
*********************/
.cB:after, #container:after, #main .boxes:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.cB, #container, #main .boxes { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .cB, * html #container, * html #main .boxes { height: 1%; }
.cB, #container, #main .boxes { display: block; }
/* End Holly Hack */


/* Text
*******************/
.text  { color: #999999; text-align:justify;}

/* Tables
*******************/

table.contacts
{ width: 700px;
background-color: #ffffff;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
text-align: justify;
 }

td.contactDept
{ background-color: #ffffff;
border: 0px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }

td.bullet
{ background-color: #ffffff;
border: 0px #000000 solid;
font-family: Verdana;
font-size: 12px;
color:#000000; }


td.contact_top
{ border-bottom: 0px #666666 dotted;
border-top: 0px #666666 dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
vertical-align:top;
color: #4c595b;
font-weight: normal;
font-family: Verdana;
font-size: 1.2em;
line-height:19px;
background-color: #ffffff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
border-spacing: 0px;

 }
 td.contact
{ border-bottom: 0px #666666 dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
vertical-align:top;
font-weight: normal;
font-size: 1.2em;
color: #404040;
background-color: #ffffff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
border-spacing: 0px;
 }

.checklist {
    margin: 0px auto;
	padding-left: 0px;
	padding-bottom: 1px;
    list-style-image:url(images/checkbox.jpg); 
    }
	
.squarelist {
    margin: 0px auto;
	padding-left: 0px;
	padding-bottom: 0px;
    list-style-image:url(images/square_bullet.jpg); 
    }
.font_dr{font:12px "Lucida Grande", Geneva, Arial, Verdana; padding:0px; color: #000000;}
.font_drln{font:12px "Lucida Grande", Geneva, Arial, Verdana; padding:0px; color: #000000; line-height:18px;}


.bottom_content {width:885px; float:left;}
.copy {width:540px; float:left;}
.form_perm {width:320px; float:right;}

/* the overlayed element */ 
.apple_overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	
}
.apple_overlay {          /* initially overlay is hidden */
	display:none;          /* growing background image */
	background: url(../images/overlay/apple.png);				 /*          width after the growing animation finishes         height is automatically calculated     */
	width:800px;/* some padding to layout nested elements nicely  */
	padding:20px;      /* a little styling */
}
	#triggers {
	cursor:pointer;
		
	
}

#triggers img {
	float:left;
	background: #fff;
	cursor:pointer;
	
}