/* ---- 

########### tillwilly and co. CSS Document ###########

Author: tillwilly
Created: 16 July 2008 

---- */



/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {
margin: 0px;
padding:0px;
width:100%;
background:url(../images/backgrounds/body_bg.gif) 0 58px #4c4c4c repeat-x;
}


/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#announcement{background:#f88800; border-bottom:1px solid #ffffff; padding:15px 0;}
#announcement_c{ width:820px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; line-height:30px; text-align:center;}

#announcement_c a{color:#000000;}


#top_body{
margin: 0px;
padding:0px;
width:100%;
height:260px;
background-image:url(../images/backgrounds/top_bg.gif);
background-repeat:no-repeat;
background-position:center;
}

#top_container{
width: 820px;
margin-left: auto;
margin-right: auto;
height:260px;
}

#top_col1{
width:315px;
float:left;
display:inline;
}

#top_col2{
width:505px;
float:left;
display:inline;
padding-top:50px;
}

/*------------------------------------------------------------------------------*/
/*	--> MIDDLE DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#middle_body{
margin: 0px;
padding:0px;
width:100%;
background-image:url(../images/backgrounds/middle_bg.gif);
background-repeat:no-repeat;
height:320px;
background-position:center top;
}

#middle_container{
	margin-left: auto;
	margin-right: auto;
	width: 820px;
height:320px;
}

#middle_body2{
margin: 0px;
padding:0px;
width:100%;
background-image:url(../images/backgrounds/middle_bg2.gif);
background-repeat:no-repeat;
background-position:center top;
height:30px;
}

#middle_container2{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
height:30px;
background-image:url(../images/backgrounds/middle_container_bg2.gif);

}


/*------------------------------------------------------------------------------*/
/*	--> MAIN DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#main_body{
margin: 0px;
padding:0px;
width:100%;
background-color:#ffffff;
}

#main_container{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#blog_area{
width:800px;
margin-left: auto;
margin-right:auto;
background-image:url(../images/backgrounds/port_bg.gif);
background-repeat:repeat-y;
}


h1{margin:0px; padding:0px 0px 20px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#bacf30; font-weight:normal;}

.h1_color{color:#ff9c01; font-weight:normal;}

.entry{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4c4c4c; line-height:24px;}

.entry a{color:#01baff;}

h2{margin:0px; padding:0px 0px 10px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#01baff; font-weight:normal;}

h2 a{color:#01baff; text-decoration:none;}

h2 em{ color:#57d1ff;}

h2.pagetitle {margin-top: 30px; text-align: center;}

#sidebar h2 {margin: 5px 0 0; padding: 0; color:#ff9c01;}

h3, h3 a{margin:0px; padding:0px 0px 7px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#ff9c01; font-weight:normal;}

.search_button{background-image:url(../images/search.gif); width:78px; height:30px; background-repeat:no-repeat; padding:0px; margin:0px 0px 0px 0px; border:0px; cursor:pointer;}

.line_dot{border-bottom: dotted 1px #4c4c4c; width:520px; margin-left:3px; margin-bottom:15px;}

.line_dot2{border-bottom: dotted 1px #4c4c4c; width:210px;margin-bottom:15px;}


/*------------------------------------------------------------------------------*/
/*	--> PORTFOLIO DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/




.work{
width:527px;
background-color:#ffffff;
margin-bottom:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#4c4c4c;
line-height:18px;
}

.work1{
float:left;
display:inline;
width:377px;
padding-left:5px;
}

.work2{
float:left;
display:inline;
width:140px;
text-align:right;
padding-right:5px;
}


.work p{
padding-bottom:5px;
}

.work a{
color:#4c4c4c;
}



.services{
width:370px;
height: 109px;
background-image:url(../images/backgrounds/services_bg.gif);
background-repeat:no-repeat;
float:left;
padding:15px 0px 0px 15px;
margin-bottom:15px;

}

.services_text, .services_text p{
margin:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#01baff;
line-height:20px;
padding-right:15px;
font-weight:bold;
}

.services_text a{
color:#01baff;
text-decoration:none;
}

.services_text a:hover{
color:#01baff;
text-decoration:underline;
}

.left_padding{
margin-left:15px;

}

.screen_shot_padder{
margin-right:15px;
margin-bottom:5px;

}




.resources_text{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#4c4c4c;
line-height:24px;
margin:0px;
padding:0px;
}

.resources_text a{

color:#01baff;

}

/*

#portfolio_col1 ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#portfolio_col1 li{
margin:0px;
padding:0px;

}


#portfolio_col1 a{
padding:12px 0px 12px 18px;
border-top: 1px solid #ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
display:block;
text-decoration:none;
}

#portfolio_col1 a:hover{
padding:12px 0px 12px 18px;
border-top: 1px solid #ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
display:block;
}

*/



/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_body{
background-image:url(../images/backgrounds/footer_bg.gif);
background-repeat:repeat-x;
width:100%;
background-color:#4c4c4c;
}

#footer_container{
padding-top:25px;
width:800px;
margin-left: auto;
margin-right: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding-bottom:25px;
}

#footer_col1{
float:left;
display:inline;
width:300px;

}

#footer_col2{
float:left;
display:inline;
width:500px;
text-align:right;
}

#footer_container ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}

#footer_container li{
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
}

#footer_container a{
color:#ffffff;
text-decoration:none;
}

#footer_container a:hover{
color:#ffffff;
text-decoration:underline;
}

.division{
font-size:9px;
font-style:italic;
}

.division a{
color:#FFFFFF;
text-decoration:none;

}

/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

p{
margin-top: 0px; 
padding-top: 0px;}

.clearcols{clear:both; height:1px;}

#no_display{display:none;}