/* CSS Document */
/* ckladesign.com */

body {background: #fff url(http://ckladesign.com/assets/site_grfx/cklalogo2.gif) top left no-repeat; margin-top: 40px;}

dl {margin: 6px 0; padding: 0;}
dd {margin: 2px 0 12px 8px;}
dt {font-weight:bold;}
p {padding-left: 6px; text-align:justify;}
h1 {font: 20pt Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color:#900;  margin: 6px 0 0 0;}
h2 {font-size: 130%; font-weight:normal; color:#333;  margin: 3px 0 0 3px;}
h3 {font-size: 110%; font-weight:normal; color:#333;  margin: 3px 0 0 3px;}
ul {list-style-image: url(../site_grfx/bullet.gif);}
li {line-height:2;}

.break {position:relative; display:block; clear:both; height: 1px; margin: 14px 0 10px 0; border-bottom: 1px dotted grey;}
.border {border: 1px solid #ccc;}

/* portfolio template container */
#container3 {margin: 50px 50px 20px 170px; padding-bottom: 70px; background:  url(http://ckladesign.com/assets/site_grfx/cklalogo3.gif) no-repeat bottom right; line-height: 150%; font: 10pt Helvetica, Arial, sans-serif; font-weight: normal; color: #555;  text-align:left;}

#content{margin-bottom:10px;}
#content a:link, #content a:visited {color:#444;  text-decoration:underline;  margin:0;}
#content a:hover, #content a:active {color:#222;  text-decoration:none; margin:0; }
#content blockquote {margin: 0 30px 0 30px; border-left: 10px solid #F5F5F5; background-color:#F9F9F9; padding: 2px 10px 4px 10px;}
#content hr {margin: 6px 0;}
#content img {margin:15px;}

#gototop {position: absolute; top: 0; left: 0; width: 170px; height: 100px;}
#gototop, #gototop img {border: none;}

.bottomlink, #content {display: block;clear:both;}

/* Table style containers for images and text */
#imgtext {border-top: 1px dotted grey;}
#imgtext img {margin: 0; padding: 0;}
#imgcont, #imgcontsm {height 280px; position: relative; display: table; float:left; clear:right;}
#imgcont {width: 400px;}
#imgcontsm {width: 230px;}
#text {display: table; height: 250px; overflow:visible; padding-top: 12px;}

/* Classes */
.bottomlink, .toplink {text-align:right; font-size:9px; margin: 0; }
.bottomlink {border-top: 1px dotted gray;}
.toplink {border-bottom: 1px dotted gray; padding-bottom: 4px;}
.bottomlink a:link, .bottomlink a:visited, .toplink a:link, .toplink a:visited{margin: 0 0 0 10px;}
.bottomlink a:hover, .bottomlink a:active, .toplink a:hover, .toplink a:active {margin: 0 0 0 10px; text-decoration:none;}

.caption {text-align: center; font-style:italic; font-size: 9px; color:#666666; line-height:100%; margin:0;}

.hide {display:none;}

.rule {text-align:center; margin-left: auto; margin-right: auto; margin-top: 3px; margin-bottom: 12px;}

.soft {color: #999999; }

.softer {color: #CCCCCC; }