/* Reset browser defaults */
@import url('reset.css');
body { background: #000 url("../images/body-background.jpg") center top; color: #AFAFAF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 1.65em }
#wrapper { background: transparent url("../images/light-source-trans.png") no-repeat center top; height: auto; min-height: 300px }
a { color: white; text-decoration: none; }
a:hover { color: #ddd }
h1,h2,h3 { color: white }
h2 { font-size: 1.5em; margin-bottom: 0.7em }
#content ol,#content ul { margin-bottom: 1em }
.single #content li { line-height: 1.4em }
.single #content ul { border-top: 1px solid #101010; border-bottom: 1px solid #282828; }
.single #content li { padding: 10px 0 10px 24px; list-style: none; position: relative; border-top: 1px solid #282828; border-bottom: 1px solid #101010 }
#header { margin: 0 auto; padding-top: 20px; position:relative; }
#branding,#access { margin: 0 auto; overflow: visible; width: 940px; }
#branding { padding: 10px 0 }
#logo-top { text-align: left; display: inline; float: left; }
#logo-top a { display: block; width: 500px; height: 50px; background: url("../images/logo.png") no-repeat left top; text-indent: -9000px; }
.msie #logo-top a { position: relative; margin-bottom: -10px }
#access { width: 940px; height: 260px; clear: both; background: url("../images/border.png") no-repeat top left; position:relative; padding-top:10px; }
#social-menu { position: absolute; top:-40px; right: 10px; margin: 0; width: 390px; font-size: .8em; color: #888; z-index: 100; height:50px; background:transparent url(../images/share-bg.png) no-repeat scroll right top; }
/* Start Main */
.main { min-height:400px; clear:none; margin: 0 auto 10px auto; overflow:hidden; position:relative; width:940px; }
/* All */
.col2-set,.col3-set,.col4-set,.col5-set { clear:both; }
.col1-set { width:100%; }
/* Col2 */
.col2-set.separator-bg { background:url(../images/col2_separator_bg.gif) repeat-y 50% 0; }
.col2-set .col-1,.col2-set .col-2 { width:48%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }
.home-main { padding:15px 20px 10px 20px; background:transparent url(../images/main-bg.png) no-repeat scroll center top }
.home-main .kalipp-mission { width:68.5% !important; }
.home-main .kalipp-mission .col-1,.home-main .kalipp-mission .col-2 { width:300px; margin-bottom:5px; }
.home-main .kalipp-mission h3,.teaser h3,.intro-text h3, .testimonialbox h3 { color:#FFF; font-weight:bold; font-size:16px; line-height:1.7em; }
.home-main .kalipp-mission img { float:right; border:1px solid #bababa; margin:0 0 5px 15px; padding:2px; }
.home-main .testimonials { width:29%; }
.home-main .testimonials blockquote { margin:0; padding:10px 0; background:none; border:none; color:#FFFFFF; font:12px/1.7em Georgia, Times New Roman, serif; font-style:italic }
.home-main .intro-text { margin-bottom:25px; position:relative; }
.intro-text img { float:left; border:1px solid #bababa; margin:0; padding:2px; width:256px; height:140px; position:absolute; right:0; }
.intro-text p { width:620px; text-align: justify; }
.testimonialbox { background:transparent url(../images/test-bg.png) no-repeat scroll center center; padding:5px 15px; }
.teaser { margin-bottom:5px; padding:0 20px 20px 20px; background:transparent url(../images/footer-bg.png) no-repeat scroll center top; height:120px; }
/* End Home */
/* Alignment */
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.v-bottom { vertical-align:bottom; }
.a-left { text-align:left; }
.a-center { text-align:center; }
.a-right { text-align:right; }
.f-left,.left { float:left; }
.f-right,.right { float:right; }
/* Form
*****************************************************/
input,textarea { background:#FFFFFF none repeat scroll 0%; border:1px solid #aaaaaa; color:#999999; font-family:Arial, Helvetica, sans-serif; padding:3px; }
select { height:40px; background:#191919 none repeat scroll 0%; border:1px solid #303030; color:#999999; font-family:Arial, Helvetica, sans-serif; padding:9px; }
option { padding:0 10px; }
.form-buttons { /* Container for form buttons*/ clear:both; margin-top:3em; border-top:1px solid #e4e4e4; padding-top:8px; text-align:right; }
.form-buttons .f-left { text-align:left; }
.form-btn,.form-btn-alt { overflow:visible; width:auto; background:url(../images/btn_bg.gif) repeat-x 0 100% #f1f1f1; border:1px solid #b5b5b5; padding:5px 10px; color:#444; font:bold 11px arial, sans-serif !important; cursor:pointer; text-transform:uppercase; text-align:center; vertical-align:middle; }
textarea.details { width:574px; height:50px; margin-bottom:2px; }
/*************************** Footer */
.footer { height:185px; background:transparent url(../images/border.png) no-repeat center top; text-align:left; color:#FFF; line-height:16px; margin-bottom:0; padding:15px 20px 20px 20px; }
.footer dl dd { float:left; }
.contact-form { width:605px; }
.contact-form h3,.footer .contact-info h3 { font:bold 14px Arial; margin:0; padding:0; color:#FFFFFF; border:0; }
.contact-form span,.footer .contact-info span { display:block; margin:7px 0 7px 0; }
.contact-form b { margin-left:10px; color:#FFCC00; }
.contact-form input.input-topbg { width:184px; }
.footer .contact-info { width:255px; float:right !important; }
.copy { background:transparent url(../images/copy-bg.png) no-repeat center top; line-height:1.35em; color:#FFF; text-align:center; margin:5px 0 0 0; padding-top:15px; }
/*********** Clears ************/
.main:after,#top:after,.footer:after,.col2-set:after,.col3-set:after,.col4-set:after,
.col2-alt-set:after,.clear:after,.header:after,.top:after,.clear:after,
.clear { content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden; }
.clear_img { background:none; }
.no-font { font-size:0; line-height:0; }
/*********** Clears ************/
/*********** Contact Form ************/
p#success { padding: 3px 10px; background: #92FFA5; border: 1px solid #009218; color: #009218; font-weight: bold; margin:5px 5px 10px 0; }
p#bademail,p#badserver,p#invalidvalues { padding: 3px 10px; background: #FFA3A1; border: 1px solid #D00D00; color: #D00D00; font-weight: bold; margin:5px 5px 10px 0; }
/*********** Contact Form ************/

/*********** Kalipp Slideshow ************/
.slideshow { height: 240px; width: 920px; margin:0 auto 20px auto; }
.slideshow-captions { height:30px; top:0; color: #FFFFFF; line-height:24px; }
.slideshow-thumbnails { bottom: -15px; height: 45px; overflow:auto; width:920px;}
.slideshow-loader {height:200px;position:absolute;left:0pt;top:0pt;width:920px;background-position:center center; background-color:#000000; background-repeat:no-repeat;}
.slideshow-captions-visible { height:25px; opacity:0.9; }
.slideshow-thumbnails a { background-color:#000; }
.slideshow-thumbnails a:hover { background-color:#333 }
.slideshow-thumbnails-active { background-color:#111111; border:1px solid #000; }
.slideshow-thumbnails-inactive { background-color:#272727;  border:1px solid #000; }
.slideshow-thumbnails .overlay {bottom:-15px;height:55px;position:absolute;width:30px;z-index:10000;}
.slideshow-thumbnails .overlay.a {background:transparent url(../images/thumbnails-a.png) repeat scroll 0%;left:0pt;}
.slideshow-thumbnails .overlay.b {background:transparent url(../images/thumbnails-b.png) repeat scroll 0%;right:0pt;}
dd { margin-bottom: 0.5em; }
.slideshow-captions dl dd { float:left; }
.no-border { width:208px; }
.bordered { width:500px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
.no-border b,.bordered b { margin: 0.2em 0; font-size:13px; }
.no-border span,
.bordered span { display:block; line-height: 1.2em; }
/*********** Kalipp Slideshow ************/

/*********** Bookmarking styles ************/
ul.socials { padding-top:21px; }
ul.socials li { display:inline-block; float:left; list-style-type:none; margin:0 2px 0 0; height:19px; width:34px; cursor:pointer; }
ul.socials a { display:block; width:34px; height:19px; font-size:0; color:transparent; }
.furl,.furl:hover,.digg,.digg:hover,.reddit,.reddit:hover,.stumble,.stumble:hover,.delicious,.delicious:hover,
.yahoo,.yahoo:hover,.blinklist,.blinklist:hover,.technorati,.technorati:hover,.facebook,.facebook:hover,.twitter,
.twitter:hover,.myspace,.myspace:hover,.mixx,.mixx:hover,.script-style,.script-style:hover,.designfloat,.designfloat:hover,.rss,
.rss:hover { background:url('../images/sprite-trans.png') no-repeat; }
.furl { background-position:-200px top; }
.furl:hover { background-position:-200px bottom; }
.digg { background-position:-333px top; }
.digg:hover { background-position:-333px bottom; }
.reddit { background-position:-66px top; }
.reddit:hover { background-position:-66px bottom; }
.stumble { background-position:-33px top; }
.stumble:hover { background-position:-33px bottom; }
.delicious { background-position:left top; }
.delicious:hover { background-position:left bottom; }
.yahoo { background-position:-433px top; }
.yahoo:hover { background-position:-433px bottom; }
.blinklist { background-position:-400px top; }
.blinklist:hover { background-position:-400px bottom; }
.technorati { background-position:-467px top; }
.technorati:hover { background-position:-467px bottom; }
.myspace { background-position:-133px top; }
.myspace:hover { background-position:-133px bottom; }
.twitter { background-position:-233px top; }
.twitter:hover { background-position:-233px bottom; }
.facebook { background-position:-300px top; }
.facebook:hover { background-position:-300px bottom; }
.mixx { background-position:-166px top; }
.mixx:hover { background-position:-166px bottom; }
.rss { background-position:-99px top; }
.rss:hover { background-position:-99px bottom; }
.script-style { background-position:-266px top; }
.script-style:hover { background-position:-266px bottom; }
.designfloat { background-position:-367px top; }
.designfloat:hover { background-position:-367px bottom; }
/*********** Bookmarking styles ************/

.none { display:none; }
.showimg {display:inline; }
.contact { background:transparent url(../images/contact.png) no-repeat left 10px; font-size:14px; font-weight:bold; padding-top:10px;}
.contact li { padding:0 0 20px 50px; }