/* CSS Document */
/*headings*/
/* --------------------- reset all elements ---------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abr, acronym, adress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, d, 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;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a, a:link, a:visited, a:hover, a:active {color:#000;/*hotwatermelon*/ text-decoration:none;}

.hr {height: 13px;margin: 3px auto;width: 300px;}
.imgRight {float: right;margin: 20px 0 20px 20px;}
.imgLeft {float: left;margin: 20px 20px 20px 0;}
.navigation {display: block;clear: both;margin: 20px 0;}
.alignleft {float: left;text-align: left;}
.alignright {float: right;text-align: right;}
/*end reset elements*/

#whiteboxbody  p a, #whiteboxbody h4 a{color:#000222/*navygray*/;color:#fc4853;/*hotwatermelon*/text-decoration: none;  padding:1px 3px;}
#whiteboxbody  p a:hover,  #whiteboxbody h4 a:hover{background-color:#fc4853/*hotwatermelon*/; color:#fff;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{background:url(../i/bgtile.gif) repeat;margin:0;padding:0;color:#6f685e/*inkgray*/;}
#container{width:900px;height:1200px;margin:0 auto;}
#whiteboxtop{background:url(../i/bgtop-250h.gif) no-repeat 0 0 ;width:900px;height:170px;padding:30px 0 0 0;margin:0;}
#whiteboxbody{background: url(../i/bgbody.gif) repeat-y 0 0;width:900px;margin:0;padding:0;}
#whiteboxinner{width:830px; padding:0 0 20px;margin:0 35px;}
#whiteboxbottom{background:url(../i/bgbottom.gif) no-repeat 0 0 ;width:900px;height:50px;margin:0;font: normal normal bold 11px/18px 'Myriad Pro', Corbel, Tahoma, 'Lucida Grande', 'Bitstream Vera Sans', Arial, Helvetica, sans-serif; margin:0;padding:0; text-align:right; }



a img{border:0;padding:0;margin:0;}
a{border:0;padding:0;margin:0;background-color:none;}
a#logolink,a#logolink:hover{border:0;float:left;margin:0 0 0 20px; background-color:none;}
img#logoimg {border:0;float:left;margin:0 0 0 30px ;}

h1, .h1{color:#321e1e;/*redbrown*/font-size:16px;line-height:1.5;font-family: 'American Typewriter', Georgia, sans-serif;background-color:#d8dcce;font-weight:400;text-shadow:#f8fcee 0 1px 1px; border:1px solid #fff;-moz-border-radius:6px;-webkit-border-radius:6px;padding:9px; text-indent:10px; margin-bottom:30px;}
h1 a{color:#000;background-color:#d8dcce; padding:1px 2px;}
h1 a:hover{color:#000;background-color:#fff;}
h2, .h2{font-size:20px;font-family:Arial Narrow, Arial, Sans-Serif;font-weight:bold;text-transform:uppercase;margin-bottom:4px;color:#000/*black*/;}
h3, .h3{color:#6db23a/*green*/;font-size:24px;font-style:italic;line-height:28px;letter-spacing:-1px;margin:0 0 0 0;font-weight:100;font-family: 'American Typewriter', Georgia, sans-serif;}
h4, .h4{color:#808080/*battleshipgray*/;font:italic 1.1em/1.5em  'American Typewriter',Georgia, "Times New Roman", Times, serif;}
h5, .h5{color:#000/*black*/;margin:10px 0;border-top:1px dotted #cecece;border-bottom:1px dotted #cecece;padding:10px  0;font:normal 12px/15px  Verdana, Arial, Helvetica, sans-serif; font-style:italic; background-image: url(../i/texture.jpg);}
h6, .h6{color:#6db23a/*green*/;margin:10px 0;padding:10px  0;font:normal 10px/15px  Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

blockquote{color:#321e1e/*redbrown*/;font-size:16px;line-height:1.5;font-family: 'American Typewriter', Georgia, sans-serif;background-color:#d8dcce;font-weight:400;text-shadow:#f8fcee 0 1px 1px; border:1px solid #fff;-moz-border-radius:6px;-webkit-border-radius:6px;padding:40px;}

p {color:#808080/*battleshipgray*/;	font: normal 16px/22px Georgia; margin:10px auto; }
p b{color:#321e1e/*redbrown*/; font-weight:450;}
strong{font-weight:bold;}
em{font-style:italic;}

.work{font:normal normal bold 13px/18px 'Myriad Pro', Corbel, Tahoma, 'Lucida Grande', 'Bitstream Vera Sans', Arial, Helvetica, sans-serif; margin:0;padding:0 0 10px 0;}
.feature{height:200px; width:260px;margin:10px 8px;float:left;}
.feature img{border:1px solid #f6f6f1/*paleshadow*/; height:120px; width:260px;margin: 0 0 0 0;}
.feature strong{ margin:0 3px 0 0; padding:2px 0;}
div.clear{clear:both;width:100%;height:1px;}

/*colors*/
.magenta{color:#dc1fed;} .magentabg{background-color:#dc1fed;}
.navy{color:#02042a;} .navybg{background-color:#02042a; color:#fff;}
.normal{color:#222000;} .normalbg{background-color:#222000;}
.green{color:#059657;} .greenbg{background-color:#059657;}
.green2{color:#0eea8a;} .greenbg{background-color:#0eea8a;} 
.yellow{color:#f3f606;} .yellowbg{background-color:#f3f606;}
.gray{color:#222000;} .graybg{background-color:#222000;}
.yellow2{color:#f0ed06;} .yellow2bg{background-color:#f0ed06;}
.cream{color:#fcf5db;}
.inkgray{color:#6f685e;color:#7b6551/*tan*/;color:#7b6551/*saddlebrown*/;color:#663333/*rustbrown*/;background-color: #F2F4F7;color:#321e1e/*darkbrown*/;}


.sliderwrapper{position:relative;/*leave*/overflow:hidden;/*leave*/
border:0;padding:0;margin:0 0px;background-image:url(../i/whitebg.png);width:800px;height:344px;/*width of featured content slider*/}
.sliderwrapper .contentdiv{visibility:hidden;/*leave*/position:absolute;/*leave*/left:0;/*leave*/ top:0;/*leave*/
padding:0;margin:0;background:none;width:800;/* */height:100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1; border:0;}
div.contentdiv a img, div.contentdiv a{border:0; padding:0;margin:0;background:none;}
.pagination{width:750px;/*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:right;background-color:none;padding:0;}
.pagination a{font-size:12px;line-height:1.5;font-family:helvetica;color:#321e1e;opacity:0.4;padding:1px 3px; margin:10px 0;font:normal 8px/15px  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;background-color: #FFFFFF;}
.pagination a:hover,.pagination a.selected{color:#000;border:0;background-color:#d8dcce;}

/*-- nav styles --*/
ul#nav{list-style:none;/* removed from li onto the ul it */padding:0;margin:10px 40px 0 20px;float:right;display:block;width:225px;height:60px;position:relative;left:0;}
ul#nav li{float:left;display:block;padding:0;margin:0;position:absolute;top:0;height:60px;display:block;border:none;}
ul#nav li a,ul#nav li a:hover{padding:0;margin:0;display:block;/* width:55px */overflow:hidden;text-align:center;line-height:50px;height:60px;border:none;color:#000;text-decoration:none; font-weight:bold;font:10px/50px normal normal normal tahoma, geneva, Arial;text-align:center;background-color:none; } 
#nav-a{left:0px;width:55px;}
#nav-b{left:55px;width:55px;}
#nav-c{left:110px;width:55px;}
#nav-d{left:165px;width:55px;}
#nav-a a:hover,#nav-a a.current{left:0px;width:55px;background:url(../i/aboutbg.gif) no-repeat scroll top center;}
#nav-b a:hover,#nav-b a.current{left:55px;width:55px;background:url(../i/aboutbg.gif) no-repeat scroll top center;}
#nav-c a:hover,#nav-c a.current{left:110px;width:55px;background:url(../i/aboutbg.gif) no-repeat scroll top center;}
#nav-d a:hover,#nav-d a.current{left:165px;width:55px;background:url(../i/aboutbg.gif) no-repeat scroll top center;}

div.showcase{width:830px; height:500px;margin:10px auto;padding:0;}
.showcase img{float:left;border:1px solid #ccc; margin:10px 10px 10px 10px;}
div.showcase p.work{margin:10px;}
#casestudypic{margin:0 0 10px 0;}