/* ------------------------------------------------------------- 
   GLOBAL 
--------------------------------------------------------------  */
body{width:960px;background-color:#FFF;color:#555; background-image:url("../images/designer_pattern.jpg");margin:0 auto}
div,span,td{font-family:Myriad Pro, Myriad, Calibri, DejaVu Sans Condensed, Liberation Sans, Nimbus Sans L, Tahoma, Geneva, Helvetica, Arial, sans-serif; font-size:11pt; line-height:130%}

img{border:none}

/* Tables
--------------------------------------------------------------  */
table{width:100%}
td{vertical-align:top}
caption{background:#eee}

/* Lists
--------------------------------------------------------------  */
li ul,li ol{margin:0 5px}
ul,ol{margin:0 0 5px 0}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 5px 0}
dl dt{font-weight:700}
dd{margin-left:5px}

/* Structure
--------------------------------------------------------------  */
.contentall{background-color:#FFF;position:absolute;top:370px;width:960px;z-index:2}

/* Navigation
--------------------------------------------------------------  */
.nav, .subnav{display:block}

.nav {font-size:13pt; line-height:130%; margin:0; letter-spacing:1%; font-weight:700; color:#584090}
.subnav {font-size:9pt; line-height:110%; margin-left:20px; letter-spacing:1%; font-weight:400; 
color:#6348A2}

a.nav {text-decoration:none; outline:none}
a.nav:link{color:#584090}
a.nav:hover{color:#584090}
a.nav:active{color:#584090}
a.nav:visited{color:#584090}

a.subnav {text-decoration:none; outline:none}
a.subnav:link{color:#6348A2}
a.subnav:hover{color:#6348A2}
a.subnav:active{color:#6348A2}
a.subnav:visited{color:#6348A2}

/* Footer
--------------------------------------------------------------  */
.footerwrapper{background-color:#FFF;border-top:1px solid #DDD;margin:20px 0 5px;padding:10px 0 0}
.footertext{vertical-align:bottom;font-size:8pt;color:#4E4E71}
img.butterfly{text-align:left;float:left;margin-right:10px}

/* Memberships
--------------------------------------------------------------  */
.memberships{vertical-align:middle;text-align:right;width:580px}
img.imagestyle6{margin-left:5px;vertical-align:middle;border:0}
/* ------------------------------------------------------------- 
   TYPOGRAPHY  
-------------------------------------------------------------- */ 
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,.nav,.subnav,.step {font-family:'Gillius No 2', Myriad Pro, Myriad, Calibri, DejaVu Sans Condensed, Liberation Sans, Nimbus Sans L, Tahoma, Geneva, Helvetica, Arial, sans-serif}

h1{font-size:17pt;line-height:200%; margin:0 0 5px; letter-spacing:2%; color:#584090; clear:both}
h2,h3,h4,h5,h6{letter-spacing:1%;font-weight:300; margin:10px 0 0 0; color:#584090; clear:both}

h2{font-size:16pt; line-height:150%; margin:15px 0 5px}
h3{font-size:15pt; line-height:120%}
h4{font-size:14pt; line-height:120%}
h5{font-size:13pt; line-height:120%}
h6{font-size:12pt; line-height:120%}

h6#contact {margin:0 0 10px 0}

/* Text elements -------------------------------------------------------------- */
p{margin:20px 0}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em}
blockquote{font-size:13pt; font-weight:700;line-height:150%;color:#666;border-left:10px solid #C4B6E6;margin:20px 5px 20px 40px; padding:5px 5px 5px 10px}

/* Fonts
--------------------------------------------------------------  */
.subnormal{color:#777;font-size:9pt}
.caption{color:#999;text-align:center}
.references{color:#999;font-size:6pt;vertical-align:super}

/* Hyperlinks
--------------------------------------------------------------  */
a{text-decoration:none;outline:none}
a:link{color:#93F}
a:hover{color:#A9CD5B}
a:active{color:#81C8B5}
a:visited{color:#666}
/*------------------------------------------------------------- 
SITE SPECIFIC 
--------------------------------------------------------------*/ 
/* Portfolio -------------------------------------------------------------- */
.type {letter-spacing:1%; font-weight:900; text-transform:titlecase; font-size:9pt; color:#BBB; line-height:200%}
.portfoliowrapper{text-align:left;float:left;margin:10px 5px}
img.portfolio{border:1px solid #EBEBEB;text-align:left;padding:0}
.description{line-height:200%;float:right;width:270px;padding:10px 5px 5px}

/* Process -------------------------------------------------------------- */
td.step1,td.step2,td.step3,td.step4 {width:220px;vertical-align:middle;text-align:center}
td.step1 {background-color:#f3eb87}
td.step2 {background-color:#d4e982}
td.step3 {background-color:#90d8e6}
td.step4 {background-color:#b1adde}
.step {font-size:20pt; text-transform:capitalize; letter-spacing:2px}

td.development1, td.development2, td.development2b, td.development3, td.development3b, td.development3c, td.development3d, td.development3e, td.development4, td.development4b 
{width:220px; text-align:center; font-size:13pt; vertical-align:middle; padding:5px}

td.development1 {background-color:#f3efb9}
td.development2 {background-color:#e1eeac}
td.development2b {background-color:#d4e982}
td.development3 {background-color:#c8ebf1}
td.development3b {background-color:#bde7ee}
td.development3c {background-color:#aae0eb}
td.development3d {background-color:#96dae7}
td.development3e {background-color:#90d8e6}
td.development4 {background-color:#cbc8ea}
td.development4b {background-color:#b1adde}

.process1, .process2, .process3, .process4 {padding:5px}
.process1 {background-color:#f5f4e2}
.process2 {background-color:#edf1dc}
.process3 {background-color:#e8f3f5}
.process4 {background-color:#f0f0f6}

/* Internet marketing -------------------------------------------------------------- */
table.searchengine{margin:10px 0}
td.searchengine{text-align:center;width:33%;border-right:1px solid #999}
td.searchengine2{text-align:center;width:33%}

/* ------------------------------------------------------------- 
   BOXES AND BORDERS
--------------------------------------------------------------  */
.boxstyle{clear:both;border-top:solid 1px #999;margin:20px 0;padding:0; 
background-image:url("../images/gradient_grey.jpg"); background-repeat:repeat-x}

.enclose,.enclose2,.enclose3,.enclose4{border:solid 1px #999;display:block;background-color:#EBEDF7;background-image:url("../images/gradient_small.jpg");background-repeat:repeat-x;margin:10px 0;padding:5px}
.enclose2{background-image:url("../images/gradient_full.jpg");min-height:250px}
.enclose3{text-align:center; min-height:70px}
.enclose4{background-image:url("../images/gradient_half.jpg")}
.grid_5 .boxes {border:solid 1px #999;margin:0 0 10px;padding:5px}
.boxes{border:solid 1px #999;margin:0 0 10px;padding:5px; vertical-align:bottom}
/* ------------------------------------------------------------- 
   FORMS 
-------------------------------------------------------------- 
 Form fields
--------------------------------------------------------------  */
table.formstyle {width:100%; margin:10px 0; background-color:#EBEDF7; padding:10px; background-image:url("../images/gradient_full.jpg"); background-repeat:repeat-x}
td.form {width:50%; padding:5px}
fieldset {margin-bottom:2px; border:0}
label {margin-bottom:2px; line-height:140%; vertical-align:top}


input, input.submit, textarea {font-size:12px; border:0; padding:5px}
input, input.submit {line-height:200%}
input {margin:2px 0; background-color:#FFF; width:100%}
textarea {margin:2px 0; background-color:#FFF; width:98%}
input.submit {font-weight:700; text-transform:uppercase; letter-spacing:3%; padding:5px; margin:20px 0 10px 0; width:25%}

/* ------------------------------------------------------------- 
   IMAGES  
--------------------------------------------------------------  */
img.style {border:1px solid #999}
img.design{margin:20px 0 0}
img.imagestyle{float:right;margin:0 0 5px 5px}
img.imagestyle2{vertical-align:baseline}
.inset{border:1px dashed #999;margin:10px 0}
img.inline{clear:both;border:1px solid #999;margin:20px 0 5px}