
/*GENERAL*/

html {margin: 0; padding: 0;}

body {font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #CB96CB; color: #555555;}

h1 {font-size: 245%; text-transform: normal; letter-spacing: 3px; margin: 0; padding: 0.66em 0 0.33em 150px; color:white; z-index: 1;}

h2 {position:relative; font-size: 130%; margin: 0; padding: 2px 0 4px 15px; color:white; font-weight:normal; z-index: 1;}

h3 {font-size: 120%; margin: 0; padding: 0 0 0.5em 0; letter-spacing:0.15em; font-weight:bold; font-variant: small-caps; text-decoration:underline;}

h4 {font-size: 12px; background: #AC4996; color: white; text-align: left; border-top: solid 2px #B7B7B7; border-bottom: solid 2px #B7B7B7; margin:0 0 15px 0; padding: 7px 0 5px 15px;}

h1,h2 {background: #8B8BB4;}

h1, h2, h3, h4 {line-height: 1em;}

p {font-size:110%; line-height: 1.8; margin: 0 0 1.8em 0; text-align:justify;}

em {font-size:110%; font-weight:bold; font-style:normal;}

div#bodypanel {position:relative; margin: 0 20% 1em 200px; background-color: white; background-image: url(img/backg.jpg); background-repeat: repeat-x; padding-bottom: 0px; z-index: 2;}

div#bodytext {position:relative; text-align: left; top:0px; left:0px; padding:30px 70px 0px 70px;}

div#subhead {margin: 0 20% 0 200px; padding: 0px;}

div#copyright {position:relative; clear:both; bottom:0px; margin:20px 0px 0px 0px; padding:7px 0 10px 0; background: #7575A6; font: 10px Arial, Helvetica, 
	sans-serif; color:white; text-align:center; letter-spacing:0.15em; font-weight:bold; font-variant: small-caps;}

p#contactbox {clear:both; background: ; border-bottom:solid 2px #B7B7B7; border-top:solid 2px #B7B7B7;  color:#585858; font:11px ariel, verdana, sans-serif; text-align:justify; line-height:11px; margin: 40px 0px 0px 0px; padding: 15px 0px 25px 0px;}

/*div#leftMarginTop {position:absolute; top:54px; left:0px; width: 200px; height: 20px; background-color: #BA74BA;}

div#leftMarginSide {display:block; position:absolute; top:54px; left:0px; width: 20px; height:163px; background-color: #BA74BA; border-bottom:28px solid #C285C2}*/



/*NAVIGATION*/

div#sitenav {position:absolute; top:91px; left:36px; width: 179px; background-color: white; border-top: 0px solid #B7B7B7; border-right: 1px solid #8B8BB4; border-bottom: 4px solid #6D6DA0; z-index: 4;}

div#sitenav a {display: block; font: 12px Arial, Helvetica, sans-serif; color: white; padding: 8px 10px; text-decoration: none; text-align: left; background: #8B8BB4; border-left: solid 4px #B7B7B7;}

div#sitenav a:hover {background: #6D6DA0; color:white; border-left: solid 4px #B7B7B7;}

div#sitenav #active {border-left: solid 4px #E73494;}


/*CASE STUDY NAVIGAVTION*/

div#sidebar {position: absolute; top: 54px; right: 0; width: 20%; border-bottom: 4px solid #6D6DA0; border-left: 1px solid #B7B7B7; font-size:12px;}

div#sidebar h4 {font-size:110%; border-bottom: 0px; border-top: 0px; background:#AC4996; padding: 7px 0 7px 10px; margin:0;}

div#sidebar a {display: block; text-decoration: none; color:white; background: #8B8BB4; padding: 6px 0 8px 10px; border-left: solid 4px #B7B7B7; margin:0;}

div#sidebar a:hover {background: #6D6DA0; color:white; border-left: solid 4px #B7B7B7; margin:0;}

div#sidebar #active {border-left: solid 4px #E73494;}



/*HOME PAGE*/

p#fp {font-size:110%; line-height: 1.8; margin: 0 0 1.8em 0; padding: 0 15px 0 15px; text-align:justify;}

p.quoteboxright {position:relative;  border-top: solid 2px #B7B7B7; border-bottom: solid 2px #B7B7B7; float: right; background:#AC4996; width: 200px; color:white; font:11px ariel, verdana, sans-serif; text-align:justify; line-height:14px; margin: 0 10px 20px 25px; padding: 11px;}

p.quoteboxleft {position:relative;  border-top: solid 2px #B7B7B7; border-bottom: solid 2px #B7B7B7; float: left; background:#AC4996; width: 200px; color:white; font:11px ariel, verdana, sans-serif; text-align:justify; line-height:14px; margin: 0 25px 20px 10px; padding: 11px;}



/*ABOUT CASPIA*/

.cv p {font-size:103%; margin: 0 25px 0 0; padding: 0 0 10px 0}

.imgl {position:relative; float:left; border:solid 1px #A5A5C5; margin: 6px 25px 15px 25px;}



/*SERVICES*/

div#rprojects {position:relative; float:right; border:solid 1px #585858; font-size:120%; padding:25px 35px 20px 5px; margin: 20px 0 20px 45px; width:35%;}

div#rprojects li {margin-bottom:20px}



/*DIGITAL BROCHURES*/

div#dbL1 {position:relative; float:left;  padding: 10px;}

div#dbL2 {position:relative; float:left;  padding: 10px;}

.imgdb {border: solid 1px #9A9A9A; margin:0 0 15px 0; }



/*TESTIMONIALS*/

div#quotes h4 {font-size:120%; color:#555555; background: white; border-top: 0px; border-bottom: solid 1px #8B8BB4; margin: 0 0 25px 0; padding: 0 0 25px 0;}



/*CLIENT CASE STUDIES*/

.bodytextC p {padding-top:7px;}

.imgcslog {position: relative; margin:12px 35px 15px 0; padding:2px; float:left;  z-index: 4;}

.imgcs {margin:10px 0 30px 0; text-align: center;}

.bodytextA p {clear:both;}