/* ---- 

########### 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 91px #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;}
#announcement_c a:hover{color:#00b9ff;}


#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;
}

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

.index_text a{

color:#01baff;

}

div.latest_project{
width:810px;
height:236px;
background-image:url(../images/backgrounds/latest_project_bg.gif);
}

div.latest1{
float:left;
display:inline;
width:263px;
margin-left:52px;
padding-top:29px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		font-size:11px;
		line-height:18px;
}

div.latest2{
float:left;
display:inline;
width:415px;
margin-left:38px;
padding-top:29px;
}

		.launch_site{
		margin-top:15px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		font-size:16px;
		background-color:#ff9c01;
		width:140px;
		border:2px #ffffff solid;
		font-weight:bold;
		}
		
		.launch_site a{
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		height:24px;
		padding-top:4px;	
		text-align:center;	
		}
		
		.launch_site a:hover{
		background-color:#9db217;
		
		}

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

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

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

.line{
background-image:url(../images/backgrounds/line_bg.gif);
background-repeat:repeat-x;
height:1px;
width:800px;
margin-top:20px;
padding-bottom:15px;
}


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


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

#portfolio_col1{
float:left;
display:inline;
width:210px;
}

#portfolio_col2{
float:left;
display:inline;
width:527px;
margin-left:63px;
}

.portfolio_border{
padding-bottom:15px;
}

.portfolio_border2{
padding-bottom:15px;
padding-left:22px;
padding-right:22px;
}

.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;
margin-top:15px;
}

.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;
}

.contact_form{
width:457px;
background-image:url(../images/backgrounds/contact_form.gif);
background-repeat:no-repeat;
height:680px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#ffffff;
line-height:18px;
padding-left:70px;
padding-top:40px;
}

.enq_form{
width:360px;
padding:3px;
margin:0px;
background-color:#FFFFFF;
border: 1px dotted #ff9c01;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}

.enq_form_area{
width:360px;
height:105px;
padding:3px;
margin:0px;
background-color:#FFFFFF;
border: 1px dotted #ff9c01;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}

.send_button{
background-image:url(../images/backgrounds/send_button.gif);
width:360px;
height:84px;
background-repeat:no-repeat;
padding:0px;
margin:14px 0px 0px 0px;
border:0px;
cursor:pointer;

}


.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;

}

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


.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;
}

#footer_container .division{
font-size:9px; color:#9d9d9d;
font-style:italic;
}

#footer_container .division a{
color:#9d9d9d;
text-decoration:none;

}

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

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

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

#no_display{display:none;}