html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
/*Basics*/
html { background:#071d30; }
html.main { background:#051626; }
body { background:#051626; font-family: "myriad-pro-1","myriad-pro-2",sans-serif; }
/*h1*/
#wrapper.home h1 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:20px; font-style:normal; line-height:normal; text-align:left; }
#wrapper.blog h1 { color:#fff; font-size:30px; font-weight:bold; margin-bottom:13px; font-style:italic; line-height:normal; text-align:left; }
h1 { color:#fff; font-size:46px; padding:2px 0 10px 0; line-height:44px; font-weight:bold; font-style:italic; text-align:right; }
h1.purple { border-bottom:2px solid #c92a91; padding-bottom:5px; }
/*h2*/
#wrapper.home h2 { color:#b1c9e0; font-size:24px; font-weight:600; margin-bottom:5px; }
#wrapper.web h2 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:13px; border-bottom:2px solid #009ede; padding-bottom:5px; }
#wrapper.services h2 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:13px; border-bottom:none; padding-bottom:5px; }
#wrapper.portfolio h2 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:13px; border-bottom:2px solid #e24b25; padding-bottom:5px; }
#wrapper.blog h2 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:13px; border-bottom:none; padding-bottom:5px; }
#wrapper.about h2 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:13px; border-bottom:none; padding-bottom:5px; }
#wrapper.contact h2 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:13px; border-bottom:2px solid #eb2a2e; padding-bottom:5px; }
/*h3*/
#wrapper.web .column h3 { color:#009ede; }
#wrapper.about .column.right h3 { color:#d3369c; font-size:18px; font-weight:bold; margin:0; }
#wrapper.about .column.right h3.font { color:#b2d4e1; border-bottom:1px solid #b2d4e1; padding-bottom:4px; font-size:19px; }
#wrapper.services .column.right h3 { color:#96bd6a; }
#wrapper.portfolio h3 { color:#fff; font-size:13px; font-weight:normal; margin:0; }
/*h3, h4, h5*/
h3 { color:#fff; font-size:18px; font-weight:bold; margin:0; }
h3 a { color:#fff; font-size:18px; font-weight:bold; margin:0; text-decoration:none; }
h3 a:hover { text-decoration:underline; }
h4 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:10px; }
h5 { color:#fff; font-size:22px; font-weight:normal; margin-bottom:20px; }
h5.blue { border-bottom:2px solid #009ede; padding-bottom:5px; }
h5.green { border-bottom:2px solid #a1cb72; padding-bottom:5px; }
p { color:#fff; font-size:13px; line-height:20px; margin-bottom:15px; }
a { color:#fff; font-size:13px; cursor:pointer; }
a:hover { text-decoration:none; }
em { font-style:italic; }
strong { font-weight:bold; }
/*ul { list-style:none; margin-bottom:15px; }
li { line-height:18px; padding-left:15px; }*/
/*Misc*/
p.quote { font-style:italic; margin:0 0 5px 0; padding:0; line-height:18px; text-align:justify; }
p.name { font-weight:bold; font-size:14px; margin:0; padding:0; text-align:right; }
p.rank { margin:0 0 10px 0; padding:0; text-align:right; }
img.left { float:left; margin:0 20px 0px 0; }
img.right { float:right; margin:0 0 30px 20px; }
.hidden { display:none; }
.icon-set { float:right; width:175px; height:175px; margin:0 0 30px 20px; padding-top:20px; }
img.about-timeline { margin:10px 0 25px 0; }
/*BG*/
#wrapper { position:relative; width:100%; }
#header-wrapper { position:relative; width:100%; height:122px; background:#080808; }
#promo-wrapper { position:relative; width:100%; background:#080808; }
#content-wrapper { position:relative; width:100%; min-height:350px; background:#081e31; }
#footer-wrapper { position:relative; width:100%; height:50px; background:#051626; border-top:1px solid #0d2942; }
/*Header*/
#header { position:relative; margin:0 auto; width:960px; height:85px; z-index:100; }
#wrapper.home #header { background:url(/images/structure/header-home.jpg) no-repeat; }
#wrapper.web #header { background:url(/images/structure/header-web.jpg) no-repeat; }
#wrapper.services #header { background:url(/images/structure/header-services.jpg) no-repeat; }
#wrapper.portfolio #header { background:url(/images/structure/header-portfolio.jpg) no-repeat; }
#wrapper.blog #header { background:url(/images/structure/header-blog.jpg) no-repeat; }
#wrapper.about #header { background:url(/images/structure/header-about.jpg) no-repeat; }
#wrapper.contact #header { background:url(/images/structure/header-contact.jpg) no-repeat; }
#header .logo { position:absolute; left:20px; top:15px; width:175px; height:90px; z-index:101; }
#header .info { position:absolute; right:111px; top:14px; width:125px; height:15px; }
#header .info p { height:16px; line-height:16px; color:#ececec; font-size:16px; text-align:right; margin:0; padding:0 8px 0 0; background:url(/images/structure/line.png) no-repeat right center; }
#header .social { position:absolute; right:20px; top:11px; width:90px; height:21px; }
#header .social p a { float:left; margin-left:9px; }
#header .social p a.facebook { display:block; width:21px; height:21px; background:url(/images/structure/facebook-btn.png) no-repeat; }
#header .social p a.facebook:hover { background-position:0% bottom; }
#header .social p a.twitter { display:block; width:21px; height:21px; background:url(/images/structure/twitter-btn.png) no-repeat; }
#header .social p a.twitter:hover { background-position:0% bottom; }
#header .social p a.linkedin { display:block; width:21px; height:21px; background:url(/images/structure/linkedin-btn.png) no-repeat; }
#header .social p a.linkedin:hover { background-position:0% bottom; }
#header .pay { position:absolute; right:20px; top:41px; width:82px; height:24px; }
#header .pay a { display:block; width:82px; height:24px; background:url(/images/structure/pay-invoice-btn.png) no-repeat; }
#header .pay a:hover { background-position:0% bottom; }
/*Nav*/
#nav { position:relative; margin:0 auto; width:960px; height:37px; z-index:99; }
#wrapper.home #nav { background:url(/images/structure/nav-bar-home.jpg) no-repeat; }
#wrapper.web #nav { background:url(/images/structure/nav-bar-web.jpg) no-repeat; }
#wrapper.services #nav { background:url(/images/structure/nav-bar-services.jpg) no-repeat; }
#wrapper.portfolio #nav { background:url(/images/structure/nav-bar-portfolio.jpg) no-repeat; }
#wrapper.blog #nav { background:url(/images/structure/nav-bar-blog.jpg) no-repeat; }
#wrapper.about #nav { background:url(/images/structure/nav-bar-about.jpg) no-repeat; }
#wrapper.contact #nav { background:url(/images/structure/nav-bar-contact.jpg) no-repeat; }
#nav ul { position:absolute; display:table; left:225px; top:0px; width:735px; height:37px; overflow:hidden; list-style:none; }
#nav ul li { float:left; display:block; height:37px; width:122px; margin:0; padding:0; }
#nav ul li a { display:block; height:37px; width:122px; margin:0; padding:0; text-align:center; text-decoration:none; color:#fff; font-weight:normal; font-size:16px; line-height:37px; }
#nav ul li a:hover { color:#b2d4e1; }
/*Nav Selected State*/
#nav ul li.selected a { border-left:1px solid #7796ad; border-right:1px solid #7796ad; width:120px; }
#wrapper.home #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-home.jpg); background-repeat:no-repeat; }
#wrapper.web #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-web.jpg); background-repeat:no-repeat; }
#wrapper.services #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-services.jpg); background-repeat:no-repeat; }
#wrapper.portfolio #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-portfolio.jpg); background-repeat:no-repeat; }
#wrapper.blog #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-blog.jpg); background-repeat:no-repeat; }
#wrapper.about #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-about.jpg); background-repeat:no-repeat; }
#wrapper.contact #nav ul li.selected a { background-image:url(/images/structure/nav-active-bar-contact.jpg); background-repeat:no-repeat; }
#nav ul li.selected a.web { background-position:-226px 0px; }
#nav ul li.selected a.services { background-position:-348px 0px; }
#nav ul li.selected a.portfolio { background-position:-470px 0px; }
#nav ul li.selected a.blog { background-position:-592px 0px; }
#nav ul li.selected a.about { background-position:-714px 0px; }
#nav ul li.selected a.contact { background-position:-836px 0px; }
#nav ul li.last { float:left; display:block; height:37px; width:115px; margin:0; padding:0; }
#nav ul li.last a { display:block; height:37px; width:115px; margin:0; padding:0; text-align:center; text-decoration:none; color:#fff; font-weight:normal; font-size:16px; line-height:37px; }
#nav ul li.last.selected a { border-left:1px solid #7796ad; border-right:1px solid #7796ad; width:113px; }
/*Sub Menu*/
body .anylinkcss .menu { display:block; width:122px; min-height:69px; padding-bottom:1px; background:url(/images/structure/submenu-top.png) no-repeat; }
body .anylinkcss .menu .frame { display:block; width:122px; background-position:0px 69px; background-image:url(/images/structure/submenu.png); background-repeat:no-repeat; }
body .anylinkcss .menu .frame .list { display:block; width:122px; background:url(/images/structure/submenu-base.png) no-repeat left bottom; }
/*Side Nav*/
#sidenav { }
#sidenav h3 { font-size:22px; color:#fff; font-weight:normal; margin:0 0 15px 5px; }
#sidenav ul { margin:0; padding:0; list-style:none; }
#sidenav li { display:block; width:200px; height:26px; margin:0 0 0px 0; padding:0; line-height:0px; }
#wrapper.about #sidenav li.selected a {background:url(/images/structure/subnav-selected-about.png) no-repeat 100% 50%; font-weight:bold; font-size:15px; color:#b2d4e1; }
#wrapper.services #sidenav li.selected a {background:url(/images/structure/subnav-selected-services.png) no-repeat 100% 50%; font-weight:bold; font-size:15px; color:#b2d4e1; }
#sidenav li a { display:block; width:195px; height:26px; font-size:14px; color:#fff; font-weight:normal; line-height:26px; margin:0; padding:0 0 0 5px; text-decoration:none; }
#sidenav li a:hover { color:#b2d4e1; }
#sidenav li.selected a:hover { color:#fff; }
/*Blog Side Nav*/
#wrapper.blog #blognav { }
#wrapper.blog #blognav h3 { font-size:22px; color:#fff; font-weight:normal; width:261px; margin:0px 20px 5px 0; padding:0 15px 0 0; text-align:right; background:#d3369c; }
#wrapper.blog #blognav ul { margin:0 0 20px 0; padding:0; list-style:none; }
#wrapper.blog #blognav li { width:256px; margin:0; padding:0; }
#wrapper.blog #blognav li.current-cat a { color:#b2d4e1; }
#wrapper.blog #blognav li a { display:block; width:256px; font-size:13px; color:#fff; text-align:right; font-weight:normal; line-height:17px; margin:0; padding:0 5px 0 0; text-decoration:none; }
#wrapper.blog #blognav li a:hover { color:#b2d4e1; }
/*Blog Search*/
form#searchform { width:200px; height:60px; display:table; }
form#searchform label { display:block; float:left; width:180px; margin:0 0 6px 10px; height:20px; font-size:18px; color:#fff; }
form#searchform input { display:block; float:left; width:180px; margin:0 0 5px 10px; height:20px; }
form#searchform input#searchsubmit { display:block; float:left; width:187px; margin:0 0 5px 9px; height:30px; font-size:14px; color:#080808; font-weight:normal; line-height:0px; }
/*Blog Content*/
.nav-previous { float:left; }
.nav-previous a { font-size:14px; }
.nav-next { float:right; }
.nav-next a { font-size:14px; }
#wrapper.blog h2 a { color:#fff; font-size:24px; font-weight:normal; margin-bottom:5px; margin-top:20px; font-style:normal; line-height:normal; text-align:left; text-decoration:none; }
#nav-above { position:relative; display:table; width:603px; height:40px; }
#nav-below { position:relative; display:table; width:603px; height:20px; margin-top:15px; }
.entry-title { position:relative; display:table; width:669px; }
.entry-meta { position:relative; display:table; width:669px; color:#fff; font-size:13px; line-height:18px; margin-bottom:15px; font-weight:bold; }
.entry-meta a { color:#fff; font-size:13px; line-height:18px; margin-bottom:15px; font-weight:bold; }
.entry-content { position:relative; display:table; color:#fff; font-size:13px; line-height:18px; margin-bottom:15px; }
.entry-content p { color:#fff; font-size:13px; line-height:18px; margin-bottom:15px; }
.entry-content a { color:#b1c9e0; }
.entry-content a img { float:right; }
.entry-content ul { margin-bottom:30px; }
.entry-content ul li { margin-left:30px; color:#fff; font-size:13px; }
.entry-content ol li { margin-left:30px; color:#fff; font-size:13px; }
li.recentcomments { color:#fff; font-size:13px; line-height:18px; margin-bottom:15px; text-align:right; }
.entry-utility { color:#fff; font-size:13px; line-height:18px; margin-bottom:15px; font-weight:bold; margin-bottom:50px; }
/*Promo*/
#promo { position:relative; margin:0 auto; width:960px; }
#wrapper.home #promo { background:url(/images/structure/promo-home.jpg) no-repeat; height:408px; }
#wrapper.web #promo { background:url(/images/structure/promo-web.jpg) no-repeat; height:178px; }
#wrapper.services #promo { background:url(/images/structure/promo-services.jpg) no-repeat; height:178px; }
#wrapper.portfolio #promo { background:url(/images/structure/promo-portfolio.jpg) no-repeat; height:178px; }
#wrapper.blog #promo { background:url(/images/structure/promo-blog.jpg) no-repeat; height:178px; }
#wrapper.about #promo { background:url(/images/structure/promo-about.jpg) no-repeat; height:178px; }
#wrapper.contact #promo { background:url(/images/structure/promo-contact.jpg) no-repeat; height:178px; }
/*Promo Message*/
#wrapper.home #promo .message { position:absolute; left:660px; top:75px; width:300px; height:178px; }
#wrapper.home #promo .message h4 { color:#b2d4e1; line-height:40px; padding-top:30px; font-weight:bold; }
#wrapper.home #promo .message h4 .large { font-size:66px; font-style:italic; }
#wrapper.home #promo .message h4 .med { color:#f1f1f1; font-size:31px; }
#wrapper.blog #promo .message { position:absolute; left:40px; top:50px; width:505px; height:60px; }
#wrapper.blog #promo .message p.blog-message { color:#fff; font-size:46px; line-height:40px; font-weight:bold; font-style:italic; text-align:left; }
#promo .message { position:absolute; left:185px; top:43px; width:705px; height:60px; }
#promo .message h1 { width:525px; }
#promo .message.two h1 { width:715px; }
/*Conversion Btns*/
#wrapper.home #promo .conversion-btn { position:absolute; width:153px; height:48px; right:20px; top:160px; display:block; }
#promo .conversion-btn { position:absolute; width:153px; height:48px; right:0px; top:4px; display:block; }
#promo .conversion-btn a { width:146px; height:42px; display:block; }
#wrapper.home #promo .conversion-btn a { background:url(/images/structure/home-btn.png) no-repeat; }
#wrapper.web #promo .conversion-btn a { background:url(/images/structure/web-btn.png) no-repeat; }
#wrapper.services #promo .conversion-btn a { background:url(/images/structure/services-btn.png) no-repeat; }
#wrapper.portfolio #promo .conversion-btn a { background:url(/images/structure/portfolio-btn.png) no-repeat; }
#wrapper.blog #promo .conversion-btn a { background:url(/images/structure/blog-btn.png) no-repeat; }
#wrapper.about #promo .conversion-btn a { background:url(/images/structure/about-btn.png) no-repeat; }
#wrapper.contact #promo .conversion-btn a { background:url(/images/structure/contact-btn.png) no-repeat; }
#wrapper.home #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.web #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.services #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.portfolio #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.blog #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.about #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.contact #promo .conversion-btn a:hover { background-position:0% bottom; }
#wrapper.about .contact-us-btn a { display:block; width:146px; height:42px; background:url(/images/structure/contact-us-btn.png) no-repeat; }
#wrapper.about .contact-us-btn a:hover { background-position:0% bottom; }
/*Promo Philosophy*/
#promo .philosophy { position:absolute; display:table; top:304px; left:0px; width:960px; height:104px; }
#promo .philosophy .column { float:left; width:280px; margin:0 20px; padding:15px 0 0 0; }
#promo .philosophy .column p { font-size:13px; line-height:15px; }
/*Cycles*/
#wrapper.home #cycles-container { position:absolute; left:0px; top:13px; width:529px; height:260px; overflow:hidden; z-index:199; }
#wrapper.home #cycles .cycle { display:none; }
#wrapper.home #cycles .cycle-first { display:block; }
#wrapper.portfolio #cycles-container { position:relative; width:578px; height:320px; margin-top:0px; margin-bottom:35px; padding:5px; border:1px solid #1a3f60; overflow:hidden; z-index:199; }
#wrapper.portfolio #cycles .cycle { display:none; }
#wrapper.portfolio #cycles .cycle-first { display:block; }
/*Cycles Pager*/
#wrapper.home .cycles-pager { position:absolute; display:table; left:0px; top:171px; z-index:100; }
#wrapper.home .cycles-pager a { float:left; width:13px; height:13px; margin-right:10px; display:block; background:url(/images/structure/cycles-tab.png) no-repeat; }
#wrapper.home .cycles-pager a.activeSlide { background-position:0% bottom; }
#wrapper.portfolio .cycles-pager { position:absolute; display:table; left:265px; top:10px; z-index:100; }
#wrapper.portfolio .cycles-pager a { float:left; width:13px; height:13px; margin-right:10px; display:block; background:url(/images/structure/portfolio-cycles-tab.png) no-repeat; }
#wrapper.portfolio .cycles-pager a.activeSlide { background-position:0% bottom; }
/*Content*/
#content { position:relative; display:table; margin:0 auto; padding-bottom:15px; width:960px; }
#wrapper.home #content { background:url(/images/structure/content-home.jpg) no-repeat; }
#content { background:url(/images/structure/content-inner.jpg) no-repeat; }
#wrapper.portfolio #content { background:none; }
#content .column.wide { float:left; width:960px; margin:0; padding:0; }
#content .column { position:relative; float:left; width:280px; margin:0 20px; padding:20px 0 0 0; }
#content .column.left { float:left; width:200px; margin:20px 0 0 20px; padding:0; }
#content .column.right { float:left; width:669px; margin:20px 20px 0 0; padding:0 0 0 30px; }
#wrapper.blog #content .column.left { float:left; width:603px; margin:20px 0; padding:0 40px 0 30px; }
#wrapper.blog #content .column.right { float:left; width:246px; margin:20px 0; padding:0 40px 0 0; border-left:1px solid #d3369c; }
#wrapper.about #content .column.right { border-left:1px solid #d3369c; }
#wrapper.services #content .column.right { border-left:1px solid #96bd6a; }
#content .column .padding { padding:0 30px 20px 0; }
#wrapper.portfolio #content .column.left { float:left; width:270px; margin:10px 40px 0 0; padding:20px 0 0 20px; }
#wrapper.portfolio #content .column.left label {color:#fff; font-weight:bold; font-size:13px;}
#wrapper.portfolio #content .column.left span {font-size:13px; color:#fff;}
#wrapper.portfolio #content .column .padding { padding:0 30px 0 0; }
#wrapper.portfolio #content .column.right { float:left; width:600px; margin:10px 0 0 20px; padding:40px 0 0 0; }
#wrapper.contact #content .column { float:left; width:320px; margin:0 20px; padding:20px 0 0 0; }
#content .column .padding ul { list-style:none; margin-bottom:20px; }
#content .column .padding ul li { color:#fff; font-size:12px; line-height:20px; margin-left:15px; padding-left:15px; background:url(/images/structure/bullet.png) no-repeat; }
/*Footer*/
#footer { position:relative; margin:0 auto; width:960px; height:50px; }
#footer p { color:#536a80; font-size:12px; }
#footer a { color:#536a80; font-size:12px; }
#footer .left { position:absolute; width:380px; top:10px; left:0px; }
#footer .right { position:absolute; width:580px; top:10px; right:0px; text-align:right; }
/*Contact*/
p.message-padding { padding:15px 5px 5px 5px; }
/*Grid*/
.grid { display:table; width:280px; margin:0px 0; }
.grid .cube { display:block; float:left; width:120px; height:90px; padding-right:20px; }
.grid .cube.last { width:120px; padding-left:20px; padding-right:0px; }
.grid .cube p { line-height:16px; padding:0; }
.grid.two { width:320px; margin:10px 0; }
.grid.two .cube { width:150px; height:300px; padding-right:35px; }
.grid.two .cube.last { width:135px; padding:0; }
.grid.two .cube h3 { font-size:17px; }
.grid.three { width:960px; margin:15px 0; }
.grid.three .cube { display:none; width:190px; height:130px; padding:10px; margin:15px; background:#080808; }
.grid.three .cube.last { }
.grid.three .cube h3 { font-size:13px; color:#fff; height:30px; line-height:30px; font-weight:normal; border:none; }
/*Holder*/
.holder { display:table; }
.holder .block { float:left; }
.holder.one { width:630px; }
.holder.one .block { width:195px; height:99px; margin:0 15px 15px 0; }
.holder.two { width:630px; }
.holder.two .block { width:50%; }
/*Tabs*/
#tabs img { border:1px solid #b0a594; padding:3px; margin:0 4px 5px 4px; }
/*ColorBox*/
#colorbox { font-size:12px; overflow:hidden; }
#cboxWrapper { font-size:12px; overflow:hidden; }
#cboxContent { font-size:12px; overflow:hidden; }
#cboxCurrent,#cboxTitle,#cboxSlideshow { padding-bottom:2px; }
/*Portfolio*/
#filter-box { position:relative; width:960px; height:47px; background:url(/images/structure/portfolio-filter-bar.png) no-repeat; }
#filter-box .dropdown { position:relative; float:left; display:block; margin:9px 225px 0 11px; }
#filter-box .radio { position:relative; float:left; width:150px; height:26px; margin:9px 10px 0 0; }
#filter-box .checkbox { position:relative; float:left; width:125px; height:26px; margin:9px 10px 0 0; }
#filter-box .search-btn { position:relative; float:left; width:136px; height:26px; margin:9px 10px 0 0; }
#filter-box .search-btn a { width:136px; height:26px; display:block; background:url(/images/structure/portfolio-search.png) no-repeat; }
#filter-box .search-btn a:hover { background-position:0% bottom; }
/*Portfolio Inner*/
#filter-box .prev-next-holder { position:absolute; left:0px; top:0px; width:900px; height:47px; }
#filter-box .home-btn { position:relative; float:left; width:31px; height:31px; margin:7px 315px 0 8px; }
#filter-box .home-btn a { width:31px; height:31px; display:block; background:url(/images/structure/home-icon.png) no-repeat; }
#filter-box .home-btn a:hover { background-position:0% bottom; }
#filter-box .prev-btn { position:relative; float:left; width:26px; height:26px; margin:9px 40px 0 0; }
#filter-box .prev-btn a { font-size:15px; color:#d3d9e8; line-height:26px; text-decoration:none; width:20px; height:26px; display:block; padding-left:35px; background:url(/images/structure/portfolio-prev-next-btn.png) no-repeat left -52px; }
#filter-box .prev-btn a:hover { background-position:0% -78px; }
#filter-box .next-btn { position:relative; float:left; width:26px; height:26px; margin:9px 10px 0 0; }
#filter-box .next-btn a { font-size:15px; color:#d3d9e8; line-height:26px; text-decoration:none; width:20px; height:26px; display:block; padding-right:45px; background:url(/images/structure/portfolio-prev-next-btn.png) no-repeat right 0px; }
#filter-box .next-btn a:hover { background-position:right -26px; }
#filter-box .site-counter { position:relative; float:left; width:46px; height:26px; margin:9px 40px 0 30px; }
#filter-box .site-counter p { margin:0; padding:0; text-align:center; font-size:15px; color:#d3d9e8; font-weight:bold; line-height:22px; width:53px; height:24px; display:block; background:#051626; border:1px solid #1d3c57; }
/*#portfolio-prev-btn { position:absolute; left:0px; top:150px; width:40px; height:70px; margin:0; }
#portfolio-prev-btn a { width:40px; height:70px; display:block; background:url(/images/structure/portfolio-prev-btn.png) no-repeat; }
#portfolio-prev-btn a:hover { background-position:0% bottom; }
#portfolio-next-btn { position:absolute; left:600px; top:150px; width:40px; height:70px; margin:0; }
#portfolio-next-btn a { width:40px; height:70px; display:block; background:url(/images/structure/portfolio-next-btn.png) no-repeat; }
#portfolio-next-btn a:hover { background-position:0% bottom; }
.portfolio-side { position:absolute; top:0px; left:640px; width:255px; height:400px; display:block; background:url(/images/structure/portfolio-right-side.png) repeat-y; }
.portfolio-side.left { left:-255px; background:url(/images/structure/portfolio-left-side.png) repeat-y; }
.portfolio-side.right { left:640px; background:url(/images/structure/portfolio-right-side.png) repeat-y; }*/
/*Modal*/
body.modal { background:url(/images/structure/modal.png) repeat-x; }
#modal-wrapper { position:relative; display:table; width:420px; overflow:hidden; height:530px; }
#modal-content { margin:0 auto; width:295px; height:530px; }
#modal-content h2 { padding-top:25px; color:#fff; font-size:22px; font-weight:normal; margin-bottom:10px; }
/*Custom Drop Down*/
.dropdown { }
.dropdown-selection { cursor:pointer; position:relative; float:left; width:296px; height:26px; background:url(/images/structure/portfolio-dropdown.png) no-repeat; z-index:300; }
.dropdown-selection p { font-size:15px; color:#919ab3; margin:0; padding:0 0 0 10px; line-height:26px; }
.dropdown-options { position:absolute; display:none; top:26px; left:0px; width:294px; z-index:300; border:1px solid #1d3c57; border-top:none; padding:0; margin:0; }
.dropdown-options p { font-size:15px; color:#919ab3; margin:0; padding:0; line-height:26px; }
.dropdown-options p a { text-decoration:none; font-size:15px; color:#919ab3; display:block; width:284px; height:26px; background:#051626; padding:0 0 0 10px; margin:0; line-height:26px; }
.dropdown-options p a:hover { background:#183046; color:#fff; }
/*Custom Drop Down Contact*/
.dropdown.contact { position:relative; }
.dropdown.contact .dropdown-selection { height:30px; background:url(/images/structure/select.png) no-repeat; }
.dropdown.contact .dropdown-selection p { font-size:15px; color:#919ab3; margin:0; padding:0 0 0 10px; line-height:30px; }
.dropdown.contact .dropdown-options { position:absolute; display:none; top:63px; left:0px; width:292px; z-index:300; border:2px solid #a2acb6; border-top:none; padding:0; margin:0; }
.dropdown.contact .dropdown-options p { font-size:15px; color:#919ab3; margin:0; padding:0; line-height:30px; }
.dropdown.contact .dropdown-options p a { font-size:14px; color:#919ab3; display:block; width:282px; height:30px; background:#d3dee8; padding:0 0 0 10px; margin:0; line-height:30px; }
.dropdown.contact .dropdown-options p a:hover { background:#c8d7e5; color:#fff; }
/*Contact Form*/
#form-holder { width:295px; }
#form-holder .block { margin-bottom:15px; }
#form-holder input.size1 { width:275px; height:16px; line-height:16px; padding:6px 10px; background:url(/images/structure/input-295x28.png) no-repeat; border:none; }
#form-holder textarea.size1 { width:275px; height:60px; padding:10px; background:url(/images/structure/textarea-295x80.png) no-repeat; border:none; }
#form-holder .checkbox-holder { display:table; width:295px; }
#form-holder .checkbox-holder .block { position:relative; float:left; width:140px; height:38px; margin-bottom:10px; margin-right:15px; }
#form-holder .checkbox-holder .block.last { margin-right:0; }
#form-holder .checkbox-holder .block img { position:absolute; left:0px; top:0px; }
#form-holder .checkbox-holder .block input { position:absolute; left:43px; top:10px; width:13px; height:13px; cursor:pointer; }
#form-holder .checkbox-holder .block label { position:absolute; left:0px; top:0px; width:44px; height:38px; line-height:38px; padding-left:64px; color:#fff; font-size:14px; cursor:pointer; }
#form-holder .checkbox-holder .block label.design-icon { display:block; background:url(/images/design-icon.png) no-repeat; }
#form-holder .checkbox-holder .block label.hosting-icon { display:block; background:url(/images/hosting-icon.png) no-repeat; }
#form-holder .checkbox-holder .block label.code-icon { display:block; background:url(/images/code-icon.png) no-repeat; }
#form-holder .checkbox-holder .block label.css-icon { display:block; background:url(/images/css-icon.png) no-repeat; }
#form-holder .checkbox-holder .block label.seo-icon { display:block; background:url(/images/seo-icon.png) no-repeat; }
#form-holder .checkbox-holder .block label.metrics-icon { display:block; background:url(/images/metrics-icon.png) no-repeat; }
/*Watermark*/
.watermarkCSS { color:#777; font-style:italic; }
/*Giving Back*/
#content .column.gathering { float:left; width:639px; margin:0; padding:20px 0 40px 30px; }
#content .column.side { float:left; width:240px; margin:0; padding:20px 0 50px 20px; border-left:1px solid #d3369c; }
#content .giving-back-timeline { width:933px; height:122px; padding:50px 0 30px 20px; }
#content .column.side .padding { padding:0 15px 0 0; }
/*Get Launched*/
#content .column.wide.get-launched .padding { padding:30px 20px; }
#content .column.wide.get-launched img.right { margin:0 70px 10px 65px; }
#content .column.wide.get-launched h2 { width:630px; border-bottom:2px solid #c52d91; }
#content .column.wide.get-launched h2.none { width:920px; margin:0 0 0 20px; border-bottom:none; }
#content .column.wide.get-launched h3 { font-size:32px; font-weight:700; }
#content .column.wide.get-launched ul li { margin-bottom:5px; }
.launched-idea { display:table; width:920px; margin:0 0 0 20px; padding:25px 0; border-top:1px solid #a0abb4; }
.launched-idea .pics { float:left; width:363px; }
.launched-idea .info { float:left; width:557px; }
.launched-idea .info a.link { color:#dedede; font-size:14px; text-decoration:none; border-bottom:1px solid #7b7b7b; }
.launched-idea .info a.link:hover { border:none; }
.launched-idea.last { margin-bottom:30px; }
#content .column.wide.get-launched .launched-idea .padding { padding:0 0 10px 30px; }
/*Our Team*/
.team-player { border-bottom:1px solid #2f465a; margin-bottom:30px; padding-bottom:20px; }
.team-player.last { border-bottom:none; margin-bottom:30px; }
.team-player a.link { color:#c7c7c7; }
.team-player img { float:right; margin:3px 0 20px 30px; border:1px solid #2f465a; padding:1px; }
/*WP Image Align*/
img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; padding-left:5px; }
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 12px; }