/* css by kraaft                              ----------------*/
/* matt williams MA                           ----------------*/
/* september 2008                             ----------------*/
/* http://www.kraaft.com                      ----------------*/
/* version 1.0                                ----------------*/

/* Colours 

#000 - background colour 
#FF338A - pink
#01AFEE - blau

*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	padding: 0;
}
/* remember to define focus styles! */
:focus {
       outline: 0;
}
body {
       line-height: 1em;
       background-image: url(../images/texture2.jpg);
	   background-attachment: fixed;
      
}
body #footer{
 height:500px;
}
ol, ul {
       list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */ 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: "" "";
}



body {
margin: 0, 0, 0, 0;
padding: 0, 0, 0, 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:100%;
color: #FFFFFF;
font-weight:normal;
}

#wrapper{
margin: 0 auto;
position: relative;
width:751px;
}
#leftColumn {
float:left;
width:180px;
}

#leftColumn a:{
color:#ff338a;
}
#mainColumn{
float:right;
width:751px;
}
#header{
position: relative;
width: 751px;
height:121px;
border-bottom:#cccccc 1px solid;

}
#header #logo {
	position: absolute;
	top: 41px;
	left: 0px;
}

#header #email{
text-align: right;
margin: 86px 0 0 0;
float:right;
width:110px;
}

a:link, a:visited{
text-decoration: none;
color: #01afee;


}

a:hover{
color:#fff;
}



#mainMenu a:link,#mainMenu a:visited{
color: #909090;
} 
a#imagelink {
text-decoration: none;
border: none;
background-image:none;}
a:hover#imagelink {
text-decoration: none;
border: none;
background-image:none;
background-color:#eaeaea;}

.personal a:link,.personal a:visited{
text-decoration: line-through;
color: #cccccc;
}

.personal a:hover{
text-decoration: line-through;
background: none;
}


.clear{
clear: both;
}

#navWrapper{
font-size: 0.75em;
/* background: #fcfcfc; */
height: 150px;
border-bottom: #cccccc solid 1px;
padding-top: 30px;
}
#navWrapper2{
font-size: 0.75em;
/* background: #fcfcfc; */
height: 500px;
border-bottom: #cccccc solid 1px;
padding-top: 30px;
}

.fullpost #navWrapper{

height:120px;
}

#topcolumn1{
width:120px;
margin-right:30px;
float:left;
}
#topcolumn2{
width:120px;
margin-right:30px;
float:left;
}
#topcolumn3{
width:400px;
margin-right:0px;
float:right;
text-align:justify;
}
#topcolumn4{
width:750px;
float:left;
}

#topcolumnText{

width:570px;
margin-right:30px;
float:left;
}
#topcolumn5{
margin-left: 10px;
float:left;
}
ul{

}
ul#mainMenu li{
font-weight: 200;
color: #909090;
}

li{
margin: 4px 0;
}

.post{
padding-top: 25px;
font-size: 0.75em;

border-bottom: #cccccc solid 1px;
}
.post .leftColumn{
float:left;
width:600px;
}
.post .rightColumn{
margin-left:0px;
float:left;
}

#contactcolumn1{
width:750px;
float:left;
}
#contactcolumn2{
width:320px;
padding-top: 10px;
line-height: 20px;
float:right;
}

#footer{
clear:both;
height:100px;
}
.previousnext_wrapper{
margin-left:300px;
display: inline;


}
#previous{
font-weight: lighter;

float:left;
}
#next{
float:left;
font-weight: lighter;
margin-left:10px;

}
.fullpost #navWrapper #topcolumnText .whitetitle{

}
img{
margin-bottom:3px;
}

/* typography
-----------------------------------------------------------*/

/* browser default text size = 16px */

p {
       font-size: 1em; /* 14px (16 x 0.875 = 14) */
       margin:0;
       }

p.size13px {
       font-size: 0.8125em; /* 13px (16 x 0.8125 = 13) */
       margin: 1.3846em 0; /* 18px (13 x 1.3846 = 18) */ }

p.size12px {
       font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
       margin: 1.5em 0; /* 18px (12 x 1.5 = 18) */ }

p.size11px {
       font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
       margin: 0;
}
       p.size10px {
       font-size: 0.625em; /* 10px (16 x 0.625 = 10) */
       margin: 0;
}
 p.paginate {
 float:right;
       font-size: 0.6875em; 
       margin:12px 0;
}



       p.size9px {
       font-size: 0.625em; /* 9px (16 x 0.5625 = 9) */
       margin: 0;
}
       p.whitelabel {
       margin: 2px 0;
       font-weight: bold;
       color:#FFF;
       font-size: 0.625em; 
       }
       
       ul#serviceslist{
       
       }
       
       ul#serviceslist li{
       padding-bottom: 15px;
       padding-right: 120px;
       border-bottom: #cccccc solid 1px;
       }
       h3{
	margin: 0;
	margin-top: 0px;
	color:#FFF;
	font-weight: normal;
       }
       em{
       font-style: normal;
       color: #666;
       }
       
       p.services_text{
       font-size: 0.6875em;
       margin:3px 0;
       line-height: 1.3em;
       
       }
       .whitetitle{
       color: #FFF;
       margin: 5px 0;
       font-weight: normal;
       }
 .posttitle{
	color: #ff338a;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
       }
.posttitle a{
	color: #ff338a; 
	}    
.posttitle a:hover{
	color: #fff; 
	}  
 
       
.contact-left{
    width: 400px;
	float: left;
	}    
	
.contact-right{
    width: 400px;
	float: right;
	}    
       
       
       .date{
       font-size: 1em;
       color: #c1c1c1;
       margin: 5px 0;
	   text-align:right;
       }
       
        .listedin{
       font-size: 1em;
       color: #c1c1c1;
       margin: 5px 0;
       }
       #listedcategories li
{
display: inline;
list-style-type: none;
padding-right: 4px;
}
       
       .postText{
       font-size: 1em; /* 10px (16 x 0.625 = 10) */
       margin: 16px 40px 30px 0;
       line-height:1.3em;
       }
       .postTextArchive{
       font-size: 1em; /* 10px (16 x 0.625 = 10) */
       margin: 2px 260px 15px 0;
       line-height:1.3em;
       }
       
       .categoryListing{
       margin:20px 0 40px 0;
       }
       
       .post .categoryListing .leftColumn{
float:left;
width:300px;
}
.post .categoryListing .rightColumn{
	width:500px;
	float:left;
	height: 200px;
}
.post .categoryListing .totopColumn{
	width:75px;
	float:right;
	text-align: right;
	margin-right: 60px;
}
.post .categoryListing .totopColumn .whitetitle{
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.fullpost .post img{
margin:8px 0 3px 0;
}
.archivepost .postText{

min-height: 10px;
margin-bottom: 20px;
margin-right: none;


}
 p.paginate a{
 color: #909090;
 }
 
 #previous .postTitle{
 padding-right:0px;
 background:url("../images/leftarrow.gif") no-repeat right 1px;
 }
  #next .postTitle{
 padding-left:8px;
 background:url("../images/rightarrow.gif") no-repeat left 1px;
 }
 
.labelling{
height:30px;
padding-top: 5px;
 }
 
 /* ToolTipps*/
 
 .tool-tip {
	color: #fff;
	width: 189px;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ff338a;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) bottom right;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) top left;
}

 
 /* Feature*/


#feature_wrap{
	display:			block;
	float:				center;
	height:				540px;
	width:				751px;
	padding:			0 0 0 0;
	position:			relative
}
#contact_wrap{
display:			block;
float:				center;
height:				280px;
width:				751px;
padding:			0 0 0 0;
position:			relative;
}

ul#feature_buttons, ul#feature_buttons2, ul#feature_buttons3, ul#feature_buttons4{
	width:				750px;
	height:				25px;
	margin: auto;
	padding-top: 5px;
}

ul#feature_buttons li, ul#feature_buttons2 li, ul#feature_buttons3 li, ul#feature_buttons4 li{
	display: 			block;
	float:				left;
	text-align: 		center;
	color:				#fff;
	padding:			0 0 0 0px;
	font-size:			10px;
	font-weight:		bold;
	cursor: 			pointer;
	margin:				0 2px 0 0;
	width:				17px;
	height:				15px;
	overflow:			hidden;
}



ul#feature_buttons li:hover, ul#feature_buttons2 li:hover, ul#feature_buttons3 li:hover, ul#feature_buttons4 li:hover {
color:				#01afee;	
}

ul#feature_buttons li.active, ul#feature_buttons2 li.active, ul#feature_buttons3 li.active, ul#feature_buttons4 li.active {
color:				#FF338A;
}

a#previous, a#next, a#previous2, a#next2, a#previous3, a#next3, a#previous4, a#next4 { 
cursor: 			pointer; 
display:			block;
width:				48px;
height:				48px;
text-indent:		-9999px;
z-index:			999;
position:			absolute;
border:				none;
overflow:			hidden;
}

a#previous, a#previous:visited, a#previous2, a#previous2:visited, a#previous3, a#previous3:visited, a#previous4, a#previous4:visited{
	float: 				left;
	margin:				200px 0 0 0px;
	background:			transparent url("../images/b07V12_left_slide.png") no-repeat top left;
}

a#next, a#next:visited, a#next2, a#next2:visited, a#next3, a#next3:visited, a#next4, a#next4:visited { 
float: 				right; 
margin:				200px 0 0 703px;
background:			transparent url("../images/b07V12_right_slide.png") no-repeat top left;
}

a#previous:hover, a#next:hover, a#previous2:hover, a#next2:hover, a#previous3:hover, a#next3:hover, a#previous4:hover, a#next4:hover{
background-position: top right;
border:				none;
}

#slider_wrap, #slider_wrap2, #slider_wrap3, #slider_wrap4 {
	width: 				751px;
	margin: 			auto;
	align:              center;
	z-index:			-1200;
	height:				500px;
	overflow:			hidden;
}

#slider_wrap div div, #slider_wrap2 div div, #slider_wrap3 div div, #slider_wrap4 div div { 
overflow: 			hidden;
height:				500px;
z-index:			-1200; 
}

#slider_wrap div div a, #slider_wrap2 div div a, #slider_wrap3 div div a, #slider_wrap4 div div a{
border:				none;
}




/* SLIDER CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.panel ul li {
	float:left;
}

div.dotted-border-top {
	position: absolute;
	z-index: 999999;
	top: -7px;
	left: 26px;
}

div.dotted-border-bottom {
	position: absolute;
	z-index: 999999;
	top: 359px;
	left: 26px;
}


body.photo div.dotted-border-bottom {
	position: absolute;
	z-index: 999999;
	top: 470px;
	left: 26px;
}

div#slider-wrapper {
	position: relative;
	float: left;
	height: 300px;
}

body.photo div#slider-wrapper {

	position: relative;
	left: 52px;
	float: left;
	height: 481px;
}

div#slider {
	width: 747px;
}

div#slider .frame {
	padding: 1px;
}

div.panel ul li {
	margin: 0;
	padding-right: 5px;
	padding-bottom: 1px;
}

div.panel ul li a {
	border: 0;
	padding: 0;
	margin: 0;
}


/* SLIDER CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#slider-previous_button,  #slider-previous_button {
	position:absolute;
	left: 12px;
	top: 173px;
}

#slider-next_button, #slider-next_button {
	position:absolute;
	left: 811px;
	top: 173px;
}

body.photo #slider-previous_button, body.photo #slider-previous_button {
	position:absolute;
	left: 12px;
	top: 223px;
}

body.photo #slider-next_button, body.photo #slider-next_button {
	position:absolute;
	left: 811px;
	top: 223px;
}




.thumb-container {
	display: block;
	height:89px;
	width: 144px;
/* 	padding: 1px; */
/* 	border: 1px solid #dcdcdc; */
 	border: 1px solid #E6E7E6;
	cursor: pointer;
	margin: 0 0 5px 0;
}

.thumb-type {
	padding: 5px;
	position: absolute;
	z-index: 50;
	width: 144px;
}

.thumb-type h3{
	color: #ff338a;
}

.thumb-type p{
	color: #777c7b;
}

a .thumbheading, a:hover .thumbheading {
	color: #777c7b;
	padding: 0 10px 0 0;
}

.thumb-bg {
	display: block;
	height:89px;
	width: 144px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;

}