/*-------------------------------------------------------------- 

 Custom Aphex Styles 

-------------------------------------------------------------- */

img, div, a, a:hover, a:active, input { behavior: url(htc/iepngfix.htc); }

body { behavior: url("csshover3.htc"); } 



/* ================================== */
/* ===== HEADER + NAVIGATION ===== */
/* ================================== */

.header {
	background-color: #000;
	color: #fff;
	font-weight:lighter;
	font-size:10px;
	height:49px;
	letter-spacing:.25em;
	display: block;
	width:100%;float:left;
}

.contactInfo {margin:18px 0 0 0;padding:0;}

a.nav, a.nav:link, a.nav:visited {
    display:block; 
    width:103px; 
    height:45px;  
    margin-top:0;
    padding-top:4px; 
    text-align:center; 
    text-decoration:none; font-family:verdana, arial, sans-serif; 
    font-size:10px; 
    color:#fff; 
    line-height:47px; 
    overflow:hidden; 
    float:left;}
a.nav:hover {color:#fff; background: url("/media/interface/nav_bg.gif") repeat-x;}
a.nav:active {color:#fff; background: url("/media/interface/nav_bg_active_.gif") repeat-x;}
#selected {color:#fff; background: url("/media/interface/nav_bg.gif") repeat-x;}


.divider {
	color:#8018ac;  
	display:block; 
    width:15px; 
    height:25px;  
    margin-top:14px; 
    text-align:center; 
    font-size:9px; 
    color:#8018ac; 
    line-height:25px; 
    overflow:hidden; 
    float:left;}

.navBar {float:right;}


/* -------------------------------------------------------------- 
  Body Style
-------------------------------------------------------------- */

.secondary {background: url("/media/interface/body_secondary_bg.gif") repeat-x;}



/* ================================== */
/* ===== TYPOGRAPHY ===== */
/* ================================== */

.normal {font-weight: normal;}
.lighter {font-weight: lighter;}

.grey {color:#666;}
.purple {color: #8018ac;}

blockquote {float:right;width:50%;font-size:1.65em;text-align:center;padding:15px;margin:5px;text-decoration:underline;}

h3 {font-weight:normal;font-size:2em;color:#666;margin:0 0 .5em 0;padding:.25em 0 .25em 0;border-bottom:2px solid #666;}


/* =========================================== */
/* ===== INTRO - Home & Secondary Pages ===== */
/* =========================================== */

.intro_home, .intro_sec { width: 960px;}
.intro_home {background: url("/media/interface/home_headerGraphic.jpg") no-repeat;height: 236px;}
.intro_sec {height: 170px;}
	
.intro_home p, .intro_sec p {font-size: 28px;  line-height: 29px; font-weight:lighter;}
.intro_home p {padding:70px 0 0 0;color: #fff;}
.intro_sec p {padding:15px 0 0 0;color: #a8a8a8;}

.intro_home a, .intro_sec a {text-decoration:underline;}
.intro_home a {color:#fff}
.intro_sec a {color: #a8a8a8;}
.intro_home a:hover {color:#cfcfcf;}
.intro_sec a:hover {color:#333;}

.intro_home img {padding:70px 0 0 0;}
.intro_sec img {padding:55px 0 0 0;}

.sm {font-size:.5em;}



/* ============================================== */
/* ===== Secondary Page - Side Navigation ===== */
/* ========================================== */

.sidenav {background: url("/media/interface/sideNav_bg.gif");width:200px;min-height:400px;border:1px solid #eee;}
.sidenav h2 {border-bottom:1px dotted #666; padding:7px 0 0px 12px;margin:0;}
.sidenav h2:hover {background-color:#ccc;}
.sidenav p {margin:10px;line-height: 2em;}
.sidenav ul {list-style-type: none;width: 200px;margin:0;padding:0;} 
.sidenav li {border-bottom: 1px dotted #999;}
.sidenav li a { color: purple;display: block;padding: 15px 0 15px 10px;text-decoration: none;background-color: #eee;}
* html .sidenav li a {  /* make hover effect work in IE */
	width: 200px;}
.sidenav li a:hover {background: purple; color:#fff;}

.textIndent {padding-left:12px;}



/* ================================== */
/* ===== NEWS ===== */
/* ================================== */


#blogroll h2 {
	color:#8018ac;
	line-height:1.15em;
	font-weight: normal;
	font-size: 2em;
	text-align:center;
	border-bottom:1px dotted #666;
	padding:.5em 0 1em 0;
	letter-spacing:-.01em;
	margin:0 auto;
}

#blogroll {border-bottom:1px dotted #666;}


#blogroll img {padding:5px;border:1px solid #ccc;background-color:#fff;margin:10px 10px 10px 25px;}

.blogPost {text-align:justify;margin-bottom:60px;}
.blogPost p {margin:0 20px;padding:.5em;line-height:1.8em;}

.blogDate {letter-spacing:.15em;padding:5px 0 15px 0;height:10px;text-align:right;font-family:georgia, serif;color:#666;font-size:14px;text-align:center;width:100%;border-bottom:3px solid #666;}

.current {font-size: .9em;font-family:georgia, serif; }
.archives {font-family:georgia, serif; font-weight: bold;font-size: 1.2em;padding:0;text-transform: uppercase;color:#666;margin:0;}


/* ================================== */
/* ===== ABOUT ===== */
/* ================================== */

h2.about {padding-bottom:2px;margin-bottom:15px;width: 700px;height:167px; display: block;text-indent: -9999px;}
h2.creativity {background: url("/media/interface/h2_creativity.jpg") no-repeat;}
h2.technology {background: url("/media/interface/h2_technology.jpg") no-repeat;}
h2.ebusiness {background: url("/media/interface/h2_e-business.jpg") no-repeat;}
h2.aboutUs {background: url("/media/interface/h2_aboutUs.jpg") no-repeat;}




/* ================================== */
/* ===== PROJECTS ===== */
/* ================================== */


.projectList, .detail {margin:0 0 0 15px;}
.projectList span {border:1px solid red;display:block;width:700px;height:110px;border:1px solid #ccc; margin:0 0 15px 0;background: url("/media/interface/bg_diagonalLines.gif"); }
.projectList span img {float:left;opacity:1;filter:alpha(opacity=100);}
.projectList span p {float:left;margin:0 0 0 20px;font-style:italic;font-size:1.5em;color: #666;font-family:georgia, serif;border-bottom:1px dotted #666;color:#666;font-size:1.2em;}
.projectList a strong {font-weight:bold;color:#333;font-size:1.4em;width:380px;margin:10px 0 0 10px;}
.projectList a strong, .projectList a em {display:block;float:left;}
.projectList a em {font-style:italic;font-size:1.2em;color: #666;font-family:georgia, serif;border-bottom:1px dotted #666;color:#666;margin-left:10px;}

.projectList span:hover {background: #ccc;cursor:pointer;}

.projectList span:hover img {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;}


.projectList, .detail {margin:0 0 0 15px;}

.projectList h2, .detail h2 {color: #666; font-size: 2.5em; letter-spacing:-.03em;font-weight:lighter;border-bottom:3px solid #666;padding:0 0 5px 0;margin: 0 0 20px 0;width: 700px;}




/* Detail Page */

.projectImages {float:left;margin-right:20px;width:460px;}
.projectImages img {border: 1px solid #ccc;margin-top: 15px;width:460px;height:auto;}
.projectContent {}
.projectContent .title {font-weight:bold;font-size:1.7em;color:#333;line-height:1em;}
.projectContent .summary {font-style:italic;font-size:1.5em;color: #666;font-family:georgia, serif;border-bottom:1px dotted #666;
}

img.featuredimage {margin-top:0;}

p.caption {font-size:.9em;color:#666;margin:0;padding:0;font-style:italic;}


hr.thickLine {border:0;height:3px;background-color:#666;}



/* ================================== */
/* ===== LISTS ===== */
/* ================================== */


.content dl {margin-bottom:50px;width:325px;}
.content dt {color:#8018ac;font-size:1.9em;border-bottom:1px dotted #666;padding:5px 0;font-weight:normal;line-height:1.1em;}
.content dd {padding:.5em 0;margin:0 0 1em 0;line-height: 1.5em;}

.colA, .colB {width:47%;}
.colA {float:left;}
.colB {float:right;}
/*
.content ol {font-weight:bold;font-style:italic;font-size:1.5em;color:#666;font-family:times;margin:0 10px;}
.content ol li p {margin:0;padding:0;font-style: normal;font-weight:normal;font-size:.85em;color:#000;}
.content ol li {padding:.6em 0;line-height:1.3em;}
.content ol li strong {font-size:1.3em;font-style:italic;font-family:times;color:#8018ac;border-bottom:1px dotted #666;padding:2px 0;}
*/

ul.coreValues {list-style-type:none;font-weight:bold;font-style:italic;font-size:1.5em;color:#666;margin:0 auto;width:100%;padding:10px 0 0 0;}
ul.coreValues li {padding:.75em 0;line-height:1.3em;margin:0;border-bottom:1px solid #ccc;float:left;}
ul.coreValues li p {margin:0;padding:10px 0 0 0;font-style: normal;font-weight:normal;font-size:.85em;color:#000;}

ul.coreValues  li strong {font-size:1.2em;font-style:italic;color:#8018ac;border-bottom:1px dotted #666;padding:2px 0;}
ul.coreValues img {float:left;margin:0 10px 0 0;}

.legal ol {}
.legal ol li {margin:2em 0 0 0;padding:0;}
.legal ol h4, .legal h4 {font-weight:bold;color:#333;font-size:1.2em;margin:2em 0 .5em 0;}





/* ================================== */
/* ===== CONTACT PAGE ===== */
/* ================================== */

form#contact {width:325px;float:right;}
form#contact div {margin:0 0 1em;}
form#contact div label {display:block;}
form#contact .inputText input, form#contact div textarea {margin:0;padding:5px;width:93%;border:1px dotted #666;}
form#contact div textarea {height: 100px;}
form#contact .submit {}

form#contact .submit {
	background: url("/media/interface/btn_send.png") no-repeat;
	width:98px;
	height:30px; 
	border:none;
	display: block;
	margin:10px 0 0 0;
	cursor:pointer;
	text-indent:-999px;
}
 
form#contact .submit:hover {background: url("/media/interface/btn_send.png") 0 -30px no-repeat;}


#captchaDiv {border:1px dotted #666;width:280px;padding:5px;background-color:#eee;font-size:.9em;}
#captchaDiv  input[type="text"] {padding:3px;margin:5px 0 0 0;width:100px;}
#captchaDiv img {float:left;margin:7px 10px 0 0;}



/* ================================== */
/* ===== FOOTER ===== */
/* ================================== */

.footer {
	background-color: #000;
	width:100%;
	float:left;
	color:#8d8d8d;
	min-height: 300px;
	padding-top:40px; 
	font-weight: lighter; 
	font-size: .9em;
}

.footer h3 {
	letter-spacing: .1em;
	font-weight: lighter; 
	text-transform: uppercase; 
	border-bottom: 1px solid #414040; 
	width: 200px;
	color:#ccc;
	padding-bottom:1em;
	margin:0 0 1em 0;
	font-size: 1.1em;
}

.footer a, .footer a:link, .footer a:visited {color:#86738c;}
.footer a:hover {color:#eee;}
.footer ul {list-style-type:none;margin:0;padding:0;}
.footer ul li {padding:.3em 0;}


/*------- BUTTONS  ---------*/

#btn{display: block;width: 19px;height: 19px;float:left;margin-right:5px;}
a#btn {opacity:.5;filter:alpha(opacity=50);}
a#btn:hover {opacity:1;filter:alpha(opacity=100);}
#btn span {display:none;}

.rss {background: url("/media/interface/btn_rss.png") no-repeat 0 0;}
.fb {background: url("/media/interface/btn_fb.png") no-repeat 0 0;}
.li {background: url("/media/interface/btn_li.png") no-repeat 0 0;}
.dig {background: url("/media/interface/btn_dig.png") no-repeat 0 0;}

.footer .copyright {margin-left:10px;float:left;letter-spacing:.1em;}


#btn .rss, #btn .fb, #btn .li, #btn .dig {display: block;width: 19px;height: 19px;float:left;margin-right:5px;}
#btn .rss a, #btn .fb a, #btn .li a, #btn .dig a {opacity:.5;filter:alpha(opacity=50);}
#btn a.rss:hover, #btn .fb a:hover, #btn .li a:hover, #btn .dig a:hover {opacity:1;filter:alpha(opacity=100);}





/*------- SUBSCRIBE  ---------*/

.subscribe {background: url("/media/interface/subscribe_bg.jpg") right no-repeat;color:#fff;}

.subscribe input[type="text"] {padding:5px;width:175px;border:1px dotted #eee; background-color: #eee;color:#333;margin:5px 0 10px 0;padding:5px;}
.subscribe .submit {
	background: url("/media/interface/btn_subscribe.png") no-repeat;
	width:98px;
	height:30px; 
	border:none;
	display: block;
	margin:10px 0 0 0;
	cursor:pointer;
}
 
.subscribe .submit:hover {background: url("/media/interface/btn_subscribe.png") 0 -30px no-repeat;}

.subscribe label {font-weight:normal;letter-spacing:.1em;}

/* ================================== */
/* ===== MISC ===== */
/* ================================== */


.spacer {margin:20px 0 20px 0;}
.row {margin:40px 0 0 0;padding:0 0 60px 0;}
.border-bottom {border-bottom: 1px solid #bbb;}