@charset "UTF-8";
/* CSS Document */

html, body {font-family:'Open Sans',Arial, sans-serif; color:#616264; line-height:1.3; background-color:#f6eecd; background-image:url(graphics/bg_littlemarcdesign.png)}

p {font-size:90%; line-height:1.4; padding:0px 15px}
h1 {color:#616264;  padding:0px 15px}

h2, h3, h4, h5, h6 { padding:0px 15px; color:#18617d; font-family:'open sans', arial; font-weight:600}

a:link {color:#616264;text-decoration:none; border-bottom:1px dotted #616264;
 transition: color 2s, border-bottom 2s;
-moz-transition: color 2s, border-bottom 2s;
-webkit-transition: color 2s, border-bottom 2s;
-o-transition: color 2s, border-bottom 2s}
a:hover {color:#ba3a0d; border-bottom:1px dotted #ba3a0d}
a:visited {color:#616264; border-bottom:1px dotted #616264}
a:visited:hover {color:#ba3a0d; border-bottom:1px dotted #ba3a0d}

ul {padding-left:20px;}
ul li {padding-bottom:0px; margin-bottom:0; font-size:90%; margin-left:15px}

#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	min-height:450px;
	top:10px;}
#head {clear:both;margin-top:25px;}
#content {clear:both; min-height:300px}
#footer {clear:both; min-height:15px; font-size:75%; text-align:center; margin-top:10px; padding:10px 15px 10px 15px; font-style:normal}
.single_column {width:560px; margin:0 auto; min-height:300px}
 .column2 {width:480px;float:left; min-height:300px}
 .column3 {width:320px;float:left;; min-height:300px}
 .column32 {width:640px;float:left;; min-height:300px} 
 .column4 {width:240px;float:left;; min-height:300p} 

#navi {clear:both; min-height:110px}
#navi ul {display:inline; float:left; margin:0px; padding:0px; }
#navi ul li {display:inline; float:left; margin:0px; padding:0px; list-style:none; border:none; }
#navi ul li a {display:inline; float:left; margin:5px 12px; padding:0px; 
 width:162px; 
 height:65px; padding-top:45px; 
 border:none; border-radius:5px;
 color:#18617d; font-size:110%;
 text-align:center; text-decoration:none; border:none;
 background-image:url(graphics/bg_link_01.png);
 background-color:none; background-repeat:no-repeat; 
 transition: background-color 2s, color 2s;
-moz-transition: background-color 2s, color 2s;
-webkit-transition: background-color 2s, color 2s;
-o-transition: background-color 2s, color 2s}

#navi ul li a:hover {color:#666;background-color:#e2dcdc;}
#navi ul li a:visited {color:#18617d;background-color:transparent;}
#navi ul li a.visited.hover {color:#ccc;background-color:#e2dcdc;}

#navi a.home {background-image:url(graphics/lmd_logo.png); width:170px; margin-left:22px}
#navi a.link02 {background-image:url(graphics/bg_link_02.png)}
#navi a.link03 {background-image:url(graphics/bg_link_03.png)}
#navi a.link04 {background-image:url(graphics/bg_link_04.png)}
#navi a.link05 {background-image:url(graphics/bg_link_05.png)}
#content {clear:both; min-height:300px; margin-bottom:10px;}

 .bold {font-weight:bold;}
 .italic {font-style:italic}
 .small {font-size:50%; font-style:normal}
 .medium {font-size:75%; font-style:normal}
.xs {font-size:1%; color:#CCC;margin:0; padding:0; display:none;}
.quote {font-style:italic;  padding:0px 10px;}

.floatleft {float:left}
.floatright {float:right}

.head_quote {height:26px; padding-top:6px; width:266px; background-image: url(graphics/bracket_right.png); background-repeat:no-repeat; text-align:center; font-size:90%; margin:0 auto;}

.contact {width:280px; min-height:100px; padding:10px; border-left:1px dotted #e2dcdc; float:right; margin-left:10px}

.project1 {width:170px; min-height:200px; margin:0 0px 0px 20px; float:left;} 
.project2 {width:280px; min-height:200px; margin:0 0px 0px 20px; float:left;} 
.heading {padding:0px 0px 10px 69px; /*border-left:3px solid #18617d;*/ margin-left:15px; font-weight:bold; background-image:url(graphics/bg_heading.png); background-repeat:no-repeat}
.heading_blue {padding:0px 0px 10px 69px; /*border-left:3px solid #18617d;*/ margin-left:15px; font-weight:bold; background-image:url(graphics/bg_heading_blue.png); background-repeat:no-repeat}
.heading_yellow {padding:0px 0px 10px 69px; /*border-left:3px solid #18617d;*/ margin-left:15px; font-weight:bold; background-image:url(graphics/bg_heading_yellow.png); background-repeat:no-repeat}
.question {min-height:46px; padding:10px 0px 0px 70px; background-image:url(graphics/bg_question.png); background-repeat:no-repeat;}
.stepbystep {min-height:46px; padding:10px 0px 0px 70px; background-image:url(graphics/bg_stepbystep.png); background-repeat:no-repeat;}

a.visitwebsite {display:inline; float:left; 
Height:15px; width:170px; padding:30px 0;
text-align:center; font-size:90%; 
background-image:url(graphics/bg_visitwebsite.png); background-repeat:no-repeat; 
background-color:none;
border:none;
transition: background-color 2s;
-moz-transition: background-color 2s
-webkit-transition: background-color 2s;
-o-transition: background-color 2s}
a.visitwebsite:hover { background-color:#e2dcdc;}
a.visitwebsite:visited { background-color:none;}
.divider {width:480px; min-height:15px; float:left;
background-image:url(graphics/bg_divider.png); background-repeat:no-repeat}
.thumb {float:left; margin:0px 5px 5px 0; }