/* -------- MAIN PAGE STYLES ---------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td
{margin:0; padding:0; font-family:sans-serif,arial,tahoma;}

ul,ol
{list-style:none;}

a:link, a:visited
{color:#000; text-decoration:none; font-weight:bold;}

a:hover, a:focus
{color:#5765C9; outline:none;}

a.image:link, a.image:visited, a.image:hover
{border:0;}

a.image img
{border:0;}

img
{border:0;}

p
{font-size:14px; line-height:19px; margin-bottom:19px;}

p.end
{margin:0;}

html, body
{height:100%;}

body
{background: url(/i2/BG_body.jpg);}

body  > #wrapper
{height:auto; min-height:100%;}

h1{font-size:48px;}
h2{font-size:36px;}
h3{font-size:24px;}
h4{font-size:21px;}  
h5{font-size:18px;}
h6{font-size:14px;}

.clear{clear:both;}

.floatright{float:right;}

.floatleft{float:left;}

.alignright{text-align:right;}

.alignleft{text-align:left;}





/* -------- CLEAR FIX ---------- */

.clearfix:after
{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix
{display:inline-block;}

/* HIDES FROM IE-MAC */
* html .clearfix
{height: 1%;}

.clearfix
{display: block;}
/* END HIDE FROM IE-MAC */





/* -------- MAIN PAGE ELEMENTS ---------- */

#wrapper{
width:980px;
margin:0 auto;
background: url(/i2/BG_wrapper.png) top center repeat-y;
height:100%;
}

#main{
padding:5px 11px 250px 11px; /* bottom padding must be same height as the footer */
}

.BG_grad-top{
height:40px;
background: url(/i2/BG_grad-top.png) repeat-x;
}

.nosubnav{
border-top:15px solid #434C98;
}

.BG_grad-bottom{
height:40px;
background: url(/i2/BG_grad-bottom.png) bottom repeat-x;
}

a.highlight h6{
text-transform:uppercase;
margin:10px 0 0 0;
}

a.highlight p{
margin:10px 0 0 0;
text-align:left;
font-size:12px;
line-height:17px;
}

a.highlight,
a.highlight:visited{
display:block;
width:240px;
padding:8px;
border:1px solid #4b494a;
background-color:#434C98;
font-weight:normal;
text-decoration:none;
color:#FFF;
}

a.highlight:hover,
a.highlight:focus{
background-color: #5765c9;
}





/* -------- HEADER ---------- */

#header{
background:url(/i2/BG_grad-bottom.png) bottom repeat-x;
text-align:center;
height:80px;
}

#header img{
padding:0 7px;
}

#header a.logo,
#header a.logo:visited,
#header a.logo:hover,
#header a.logo:focus{
background:none;
}

#header a.nav_button img{
width:115px;
}

#header a.nav_button img:hover,
#header a.nav_button img:focus{
background:none;
}

#header a.what img,
#header a.what img:visited{
background:url(/i2/nav_what_bg.png) center no-repeat;
}

#header a.how img,
#header a.how img:visited{
background:url(/i2/nav_how_bg.png) center no-repeat;
}

#header a.who img,
#header a.who img:visited{
background:url(/i2/nav_who_bg.png) center no-repeat;
}

#header a.news img,
#header a.news img:visited{
background:url(/i2/nav_news_bg.png) center no-repeat;
}

#header a.for img,
#header a.for img:visited{
background:url(/i2/nav_for_bg.png) center no-repeat;
}





/* -------- FOOTER ---------- */

#footer{
clear:both;
position:relative;
width:958px;
height:250px;
margin:-265px auto 0 auto; /* top margin negative value of footer height */
font-size:11px;
line-height:19px;
text-align:center;
border-top:15px solid #434C98;
}

#sitemap h6{
font-size:12px;
text-transform:uppercase;
}	

#sitemap a{
font-weight:normal;
}

#sitemap table{
margin:0 auto;
width:900px;
}

#sitemap td{
vertical-align:top;
width:150px;
}

#copyright{
padding:11px 0 0 0;
background:url(/i2/BG_grad-top.png) repeat-x;
border-top:15px solid #434C98;
text-align:center;
font-size:10px;
}





/* -------- HOME PAGE ELEMENTS (HP)---------- */

#HP_banner{
height:480px;
margin:0 auto;
border-top:15px solid #434C98;
border-bottom:15px solid #434C98;
text-align:center;
}

#HP_content{
overflow:hidden;
margin:0 auto;	
text-align:justify;
background:url(/i2/BG_grad-top.png) repeat-x;
}

.HP_column_1,
.HP_column_2,
.HP_column_3{
height:383px;
width:260px;
background:url(/i2/BG_grad-bottom.png) bottom repeat-x;
}

.HP_column_1,
.HP_column_3{
padding:30px 29.5px;
}

.HP_column_2{
margin:0 0 0 319px;
padding:30px;
}

.HP_column_1{
float:left;
border-right:1px solid #4B494A;
}

.HP_column_3{
float:right;
border-left:1px solid #4B494A;
}

#HP_content h5{
margin-bottom:21px;
color: #434C98;
}

#HP_content h6 a{
line-height:17px;
}

#HP_content p{

font-size:12px;
line-height:17px;
}

#HP_content div.HP_column_2 a p{
margin:10px 0 4px 0;
}

.HP_column_3 p.HP_excerpt_date{
font-size:10px !important;
text-transform:uppercase;
}

.HP_column_3 p.HP_read_more{
width:260px;
text-align:right;
}

.HP_column_3 p.HP_read_more a{
margin-top:-17px;
font-size:10px;
}





/* -------- SUB NAV ---------- */

#subnav{
height:50px;
background:#434C98;
padding:12.5px 45px;
font-size:14px;
line-height:23px;
color:#FFF;
text-transform:uppercase;
}

#subnav table{
/*width:600px;*/
}

#subnav td{
vertical-align:top;
width:250px;
}

#subnav a{
margin:0 25px 0 15px;
color:#FFF;
font-weight:normal;
}

#subnav a:hover{
color:#CCC;
}





/* -------- LEVEL 2 ELEMENTS (L2) ---------- */

#L2_content{
overflow:hidden;
margin:10px 0;
}

#L2_content_inlay{
float:right;
width:325px;
margin:0 50px 0 0;
text-align:justify;
}

#L2_content_inlay img{
margin:0 0 17px 0;
}

#L2_content_inlay p{
margin:0 0 20px 0;
font-size:14px;
line-height:19px;
}

#L2_content_inlay h6{
margin:0 0 8px 0;
text-align:right;
text-transform:uppercase;
}

#L2_content_inlay a,
#L2_content_inlay a:visited{
height:80px;
width:305px;
display:block;
border:1px solid #4B494A;
background-color: #434C98;
padding:9px;
margin:25px 0 0 0;
text-align:justify;
font-size:12px;
line-height: 16px;
color:#FFF;
font-weight:normal;
}

#L2_content_inlay a:hover,
#L2_content_inlay a:focus{
background-color: #5765C9;
outline:0;
}

#L2_content.what{
background: url(/i2/L2_content-bg_what.jpg) top left no-repeat;
}

#L2_content.how{
background: url(/i2/L2_content-bg_how.jpg) bottom left no-repeat;
margin-bottom:0;
padding-bottom:50px;
}

#L2_content.who{
background: url(/i2/L2_content-bg_who.jpg) top left no-repeat;
}

#L2_content.news{
background: url(/i2/L2_content-bg_news.jpg) top left no-repeat;
}

#L2_content.for{
background: url(/i2/L2_content-bg_for.jpg) top left no-repeat;
}





/* -------- LEVEL 3 ELEMENTS (L3) ---------- */

#L3_wrapper{
margin:0 50px;
}

#L3_content{
float:left;
width:545px;
margin:0 0 10px 0;
text-align:justify;
min-height:300px;
}

#L3_headline{
margin:10px 0 40px 0;
}

#L3_headline h6{
text-transform:uppercase;
}

#L3_content h4,
#L3_content h5,
#L3_content h6{
margin:0 0 19px 0;
}

#L3_content li{
list-style:disc;
margin:0 0 19px 25px;
font-size:14px;
line-height:19px;
}

#L3_sidebar.nolink a.highlight:hover,
#L3_sidebar.nolink a.highlight:focus{
background-color:#434C98;
}

#L3_sidebar img{
margin-right:10px;
vertical-align:middle;
}

#L3_sidebar h5{
margin:19px 0 0 0;
text-align:center;
}

#L3_content div.JobDescription ul{
margin:0 0 19px 0;
}

#L3_content div.JobDescription li{
margin:0 0 0 22px;
font-size:16px;
line-height:21px;
}

#L3_wrappper div.toAction{
width:256px;
text-align:center;
}

#L3_sidebar div.social{
border:1px solid #4b494a;
background-color: #dcddde;
text-align:center;
padding:8px;
}

#L3_sidebar div.subscribe2{
border:1px solid #4b494a;
background-color: #dcddde;
width:240px;
padding:8px;
text-align:center;
}

#L3_sidebar div.subscribe2 h6{
margin:0 0 8px 0;
}

#L3_sidebar div.subscribe2 input.email{
width:234px;
padding:2px;
border:1px solid #000;
margin:0 0 8px 0;
font-family:sans-serif;
font-size:14px;
overflow: visible;
}

#L3_sidebar div.subscribe2 input.submit{
width:240px;
}

#twitter{
border:1px solid #4B494A;
background-color: #DCDDDE;
width:240px;
padding:8px;
}

#twitter h6{
margin:0 0 8px 0;
text-align:center;
}

#twitter ul{
background-color:#FFF;
border:1px solid #4B494A;
padding:8px 8px 0 8px;
}

#twitter li{
font-size:12px;
margin:0 0 8px 0;
}

#twitter li span{
display:block;
}


/*
#twitter{
width:240px;
padding:8px;
border:1px solid #4b494a;
background-color:#434C98;
}

#twitter ul{
background-color: #dcddde;
border:1px solid #4b494a;
padding:8px 8px 0 8px;
}

#twitter li{
font-size:12px;
margin:0 0 8px 0;
}

#twitter li span{
display:block;
}

#twitter p{
margin:10px 0 0 0;
text-align:left;
font-size:12px;
line-height:17px;
color:#FFF;
}

#twitter h6{
text-transform:uppercase;
margin:10px 0 0 0;
color:#FFF;
text-align:center;
}
*/




/* -------- SERVICES/PORTFOLIO PAGE ---------- */

#L3_content.services ,
#L3_content.portfolio{
width:858px;
}

#L3_content.services table,
#L3_content.portfolio table{
overflow:hidden;
width:900px;
margin:0 auto 42px auto;
border-width:0px;
border-spacing:0px;
border-style:none;
border-collapse:collapse;
}

#L3_content.services h6,
#L3_content.portfolio h6{
margin:10px 0 0 0;
}

#L3_content.services table.end,
#L3_content.portfolio table.end{
margin:0;
}

#L3_content.portfolio a.highlight{
height:430px;
}





/* -------- CLIENTS/COMMUNITY PAGE ---------- */

#L3_content.clients,
#L3_content.community{
width:858px;
}

#L3_content.clients a.highlight,
#L3_content.community a.highlight{
margin:0 25px 0 0;
}

#L3_content.clients a.highlight{
width:150px;
}

#L3_content.community a.highlight{
width:200px;
}

#L3_content.clients span,
#L3_content.community span{
font-size:14px;
line-height:19px;
}

#L3_content.clients span.curl{
width:615px;
}

#L3_content.community span.curl{
width:565px;
}

#L3_content.clients span.curl,
#L3_content.community span.curl{
min-height:150px;
margin:0 0 25px 0;
padding:0 50px 50px 0;
background:url(/i2/curl.png) bottom right no-repeat;
}

#L3_content.clients span.end{
margin:0;
}





/* -------- TEAM PAGE ---------- */

.team_profile{
margin-bottom:40px;
overflow:hidden;
}

.team_images{
float:left;
width:175px;
}

.team_description{
float:right;
width:350px;
}





/* -------- INDIVIDUAL SERVICES ---------- */

#L3_content.ind_services{
min-height:390px;
}

#L3_content.ind_services h6{
margin:0 50px 50px 0;
}

#L3_content.ind_services table{
width:575px;
font-size: 14px;
line-height:19px;
margin:0 0 20px 0;
padding: 0;
}

#L3_content.ind_services strong{
text-transform:uppercase;
}

#L3_content.ind_services th{
font-weight:normal;
text-transform:uppercase;
text-align:left;
}

#L3_content.ind_services th,
#L3_content.ind_services td{
padding-bottom:8px;
}

#L3_content.ind_services td.bottom_cell{
padding:0 50px 30px 0;
background:url(/i2/curl.png) bottom right no-repeat;
}

#L3_content.ind_services table ul{
margin:0 0 19px 0;
}

#L3_content.ind_services table ul li{
list-style:disc;
margin:0 0 0 20px;
}

#L3_content.ind_services table.end{
margin:0;
}





/* -------- INDIVIDUAL PORTFOLIO ---------- */

#L3_content.ind_portfolio{
min-height:390px;
}

#L3_sidebar a.highlight h6{
text-align:center;
}





/* -------- TECH TALENT PAGE ---------- */

#L3_content.tech-talent ul.bullet{
list-style-type:disc;
}

#L3_content.tech-talent li{
margin: 17px 40px;
font-size:14px;
line-height:17px;
}

#L3_content.tech-talent{
float:left;
width: 545px;
text-align:justify;
color:#000;
}

#L3_content.tech-talent p{
font-size:14px;
line-height:19px;
margin-bottom:28px;
}

#L3_content.tech-talent table.top tr td{
border:0;
}

#L3_content.tech-talent table.else{
border-right:1px solid #000;
border-bottom:1px solid #000;
}

#L3_content.tech-talent table.else tr td{
padding: 4px;
border-top:1px solid #000;
border-left:1px solid #000;
}

#L3_content.tech-talent table tr td table tr td{
padding: 10px;
}

#L3_content.tech-talent h5{
margin-bottom:40px;
}





/*BLOG*/

.more-link{
font-size:14px;
text-transform:uppercase;
margin-top:19px;
display:block;
}

#L3_content.blog div.entry{
background:#fff;
line-height:19px;
text-align:justify;
overflow:hidden;
float:left;
}

#L3_content.blog div.entry h2{
display:inline;
font-family:sans-serif;
font-size:18px;
font-weight:700;
} 

#L3_content.blog div.entry h3{
text-align:center;
font-size:21px;
margin:0 0 30px 0;
}

#L3_content.blog div.entry h4{
margin:19px 0;
}

#L3_content.blog div.entry li{
font-size:14px;
line-height:19px;
}

#L3_content.blog div.post{
margin-bottom:40px;
clear:both;
}

#L3_content.blog div.meta{
font-size:10px;
}

#L3_content.blog div.meta small a:link,
#L3_content.blog div.meta small a:active,
#L3_content.blog div.meta small a:visited{
text-transform:uppercase;
}

#L3_content.blog div.top{
margin-bottom:19px;
}

#L3_content.blog div.bottom{
height:19px;
border-bottom:1px solid #CCC;
}

#L3_content.blog div.post p{
margin-bottom:19px;
}

#L3_content.blog div.post_title h5{
margin:0;
}

#L3_content.blog div.separator span{
top:-9px;
height:18px;
background:#FFF;
}

#L3_content.blog div.navigation{
font-size:10px;
text-transform:uppercase;
line-height:14px;
}

#L3_content.blog strong{
font-size:14px;
line-height:14px;
}

#recent_img{
height:300px;
width:240px;
overflow:hidden;
text-align:center;
background:#FFF;
}

#recent_img img.recent_img{
margin-left:0px;
}

#L3_content.blog div.comments h3{
padding-top:10px;
font-family:sans-serif;
font-size:14px;
font-weight:700;
}

#L3_content.blog form small{
text-transform:uppercase;
}

#L3_content.blog ol.commentlist{
margin:0 0 1px;
padding:0; 
list-style:none;
border-bottom:1px solid #ccc;
}

#L3_content.blog ol.commentlist li{
margin:0;
padding:13px 13px 1px;
list-style:none;
border:1px solid #ccc;
border-bottom:0;} 

#L3_content.blog ol.commentlist div.comment_meta{
font-size:10px;
margin-bottom:19px;
}

#L3_content.blog ol.commentlist li p{
margin-bottom:19px;
}

#L3_content.blog textarea{
width:99%;
border:1px solid #CBCBCB;
margin:2px 0;
background:#FFF;
color:#666;
}

#submit{
float:right;
}

#L3_content.blog li.alt{
background:#f1efe7;
}

#L3_content.blog input#url,
#L3_content.blog input#author,
#L3_content.blog input#email{
width:50%;
margin-bottom:2px 0 10px 0;
padding:3px;
background:#FCFCFC;
color:#666;
border:1px solid #CBCBCB;
}

#L3_content.blog div.subscribe{
margin-bottom:38px;
font-size:18px;
}

#L3_content.blog  select#ITSC-comm{
float:right;
border:1px solid #000;
width:50%;
font-size:11px;
padding:2px;
}

#L3_content.blog  input#ITSC-email{
float:left;
width:40%;
padding:2px;
border:1px solid #000;
margin:0 0 8px 0;
font-family:sans-serif;
font-size:14px;
overflow: visible;
}



/* -------- RSS PAGE ---------- */

#L3_content.rss img{
margin-right:10px;
}


/* FORMS */

#L3_content.contact-us label{
font-size:14px;
display:block;
}

#L3_content.contact-us input#full_name,
#L3_content.contact-us input#email,
#L3_content.contact-us input#phone,
#L3_content.contact-us input#subject,
#L3_content.contact-us input#quiz{
border:1px solid #000;
width:300px;
padding:2px;
margin:2px 0 6px 0;
font-family:sans-serif,arial,tahoma;
font-size:12px;
}

#L3_content.contact-us textarea{
border:1px solid #000;
padding:2px;
margin:2px 0 6px 0;
width:300px;
overflow:auto;
font-family:sans-serif,arial,tahoma;
font-size:12px;
}

#L3_content.contact-us input#submit{
float:left;
width:306px;
margin: 19px 0 0 0;
}

#L3_content.contact-us table input{
width:148px;
}

#L3_content.contact-us img{
}







#L3_content.smackdown input#team_name,
#L3_content.smackdown input#phone,
#L3_content.smackdown input#contestant_1,
#L3_content.smackdown input#contestant_2,
#L3_content.smackdown input#contestant_3,
#L3_content.smackdown input#contestant_1_email,
#L3_content.smackdown input#contestant_2_email,
#L3_content.smackdown input#contestant_3_email{
width:250px;
border:1px solid #000;
padding:2px 0;
}

#L3_content.smackdown input#submit{
width:545px;
}
#L3_content.smackdown div.wpcf7-response-output{
width:520px;
}

#L3_content.smackdown span.wpcf7-list-item{
margin:0 !important;
padding:0;
}

#L3_content.smackdown span.wpcf7-list-item input{
margin:0 10px 0 0;
}

#L3_content.smackdown input.wpcf7-acceptance{
margin:0 10px 0 0;
}

#L3_content.smackdown p.NL{
font-size:12px;
width:545px;
margin:0 0 19px 0;
}

#L3_content.smackdown p.nomargin{
margin:0 0 5px 0;
}

#L3_content.smackdown select{
float:right;
border:1px solid #000;
width:252px;
font-size:11px;
padding:2px;
}

#L3_content.smackdown input#ITSC-name,
#L3_content.smackdown input#ITSC-email,
#L3_content.smackdown input#ITSC-comm{
width:250px;
border:1px solid #000;
padding:2px 0;
}

.wpcf7-list-item label{
display:block;
}