@charset "utf-8";
/*** Red Apple Design Ltd: CSS Styles for the Screen ***/

*{
margin: 0 auto;
padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	color: #333;
	background: #FFFFFF;
	padding: 40px;
}

/**************** GENERAL PAGE LAYOUT *******************/


#wrapper_all {
	width: 850px;
	background-color: #FFFFFF;
}

#container {
	width: 850px;
	min-width: 850px;
	max-width: 850px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d91219;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background: #fff url(IMAGES/apple_homepage.gif) no-repeat 0px 120px;
}

#border {
	width: 850px;
	min-width: 850px;
	max-width: 850px;
	background-image: url(IMAGES/red_border.gif);
	background-repeat: repeat-y;
	background-position: 804px 0px;

}


/* General link behaviour */

a:link, a:visited {
	color: #086939;
}
a:hover {
	color: #999;
} 


/* extra  */


#content-side a:link, #content-side a:visited{
	color: #3333FF;
	font-size: 100%;
	text-decoration: none;
	list-style: none;
}

#content-side a:active, #content-side a:hover{

	color: #0000FF;
	font-size: 100%;
	text-decoration: none;
	list-style: none;
}





/* Floated images - general */


img { border: none; } 

img.floatleft {
	float: left;	
}
img.floatright {
	float: right;	
}
img.paragraphleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;	
}
img.paragraphright {
	float: right;	
	margin-left: 5px;
	margin-bottom: 5px;	
}

/* Floated images: The red apple on the home page */

img.floatlefthome {
	float: left;
	padding-top: 0px;	
}

/* Floated images: The smaller red apple in the header of all the non-home pages */
img.floatleftheader {
	float: left;	
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

/* Paragraphs and headings - general */
p {	
	padding: 0 0 15px 0;}
	
	
p.content {
	padding: 0;
}


ul#content {
	margin-top:0;
	padding-top:0;
}
ul#content li {
	padding-left: 25px;
	list-style:none;
	background: url(IMAGES/bullet1.gif) no-repeat 0px 4px;
}
				



h1,h2,h3 {
	padding: 25px 0 15px;
}
h1 {
	font-size: 22px;
	line-height: 25px;
}
h2 {
	font-size: 20px;
	color: #666666;
}
h3 {
	font-size: 18px;
	color: #666666;
}
h4 {
	font-size: 16px;
}

h5 {
	font-size: 13px;
		color: #FF0000;

}

/**************** DIVISIONS DEFINING THE PAGE LAYOUT *******************/

/* The header division */

#header {
	height: 160px;
}
#header div {
	padding: 30px;
}
#header h1 {
	color: #ef1c21;
	text-transform: uppercase;
	font: bold 180% Verdana, Arial, Helvetica, sans-serif;
	text-indent: 30px;
	padding-top: 35px;
	padding-bottom: 5px;
}
#header h2 {
	color: #6b6d6b;
	text-indent: 190px;
	padding-top: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 140%;
	letter-spacing:-0.01em;
}


/* The navbar division */

#nav_container {
	padding-left: 200px;

}

#navbar {
	text-align: left;
	background-color: #eee;
	width: 650px;

}
#navbar div {
	padding: 7px 0px;
	width: 650px;
	background-image: url(IMAGES/shadow.gif);
	background-repeat: repeat-x;
	background-position: 20px 30px;
	
}
#navbar ul, #navbar ul li {
	display: inline;
	text-align: center;
}
#navbar ul li {
	border-right: 1px solid #000;
	padding-right: 15px;
	padding-left: 20px;
}
#navbar ul li.contact {
	border-right: none;
}
#navbar ul li a:link, #navbar ul li a:visited {
	color: #5a5c5a;
	font: bold 95% Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#navbar ul li a:hover {
	color: #ef1c21;
}
#navbar ul li.here a:link, #navbar ul li.here a:visited, #navbar ul li.here a:hover {
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}


/* The wrap division that forms the background of the content and sidebar divs */




#shadow {
	width: 890px;
	height:900px;
	background-image: url(IMAGES/shadow.gif);
	background-repeat: repeat-x;
	background-position: -5px 737px;
}





#wrap {
	background-color: #FFFFFF;

}



/* columns */




#leftdiv{
	float: left;
	position: relative;
	width: 188px;
	min-width: 188px;
	max-width: 188px;


}

#middlediv{
	float: left;
	position: relative;
	width: 410px;
	min-width: 410px;
	max-width: 410px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF0000;
}

#rightdiv{
	float: left;
	position: relative;
	width: 205px;
	min-width: 205px;
	max-width: 205px;
	

}



#middlediv_portfolio{
	float: left;
	position: relative;
	width: 600px;
	min-width: 600px;
	max-width: 600px;
	background-color: #fff;


}



/* The content division */


#content {
	margin: 0% 15px 15px;
	background-color: #FFF;
}
#content div {
	padding: 5px 25px 5px 5px;
	text-align: left;

}

#content div h1 {
	font-size: 36px;
	line-height: 26px;	
}
p.content {
	padding-bottom: 40px;}
	
		
		
	
	
	/* The content division */


#content2 {
	margin: 0% 15px 15px;
	background-color: #FFF;
}
#content2 div {
	padding: 5px 5px 5px 5px;
	text-align: left;

}

#content2 div h1 {
	font-size: 36px;
	line-height: 26px;	
}
p.content2 {
	padding-bottom: 40px;}
	
			
			
			
	/* The content division */


	
			
		
/* portfolio - 3 columns */




#content_pic1{
	text-align: center;
	margin: 2px 2px 0px 2px;
	float: left;
	position: relative;
	width: 250px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;	
}

#content_pic2{
	text-align: center;
	margin: 2px 2px 0px 2px;
	float: left;
	position: relative;
	position: relative;
	width: 250px;	
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;	

	
}

#content_pic3{
	text-align: center;
	margin: 2px 2px 10px 2px;
	float: left;
	position: relative;
	width: 520px;
	background-color: #FFFFFF;


}



#content_text1{
	text-align: center;
	margin: 2px;
	float: left;
	position: relative;
	width: 250px;
	
}

#content_text2{
	text-align: center;
	margin: 2px;
	float: left;
	position: relative;
	position: relative;
	width: 250px;	
	
	
}

#content_text_heading{
	text-align: center;
	margin: 2px;
	float: left;
	position: relative;
	position: relative;
	width: 500px;	
	
	
}

		
		



/* bullet points for general content */


ul#contentul-side{
	margin-top:0;
	padding-top:0;
	background-color: #666600;

}
ul#contentul-side li {
	padding-left: 35px;
	list-style:none;
	background-color: #CC6699;

}


ul#contentul{
	margin-top:0;
	padding-top:0;


}
ul#contentul li {
	padding-left: 35px;
	list-style:none;
	background-image: url(IMAGES/bullet3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 10px;
	
}


ul#contentul3{
	margin-top:0;
	padding-top:0;


}
ul#contentul3 li {
	padding-left: 67px;
	list-style:none;
	background-image: url(IMAGES/bullet4.jpg);
	background-repeat: no-repeat;
	background-position: 40px 5px;
	
}

/* bullet points for home page */



ul#contenthomeul{
	margin-top:0;
	padding-top:0;
	padding-left: 210px;

}
ul#contenthomeul li {
	padding-left: 35px;
	list-style:none;
	background-image: url(IMAGES/bullet3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 10px;
	
}

/* bullet points in content */

ul#indentul{
	margin-top:0;
	padding-top:0;

}
ul#indentul li {
	padding-left: 35px;
	list-style:none;
	background-image: url(IMAGES/no_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 10px;


/* bullet points indented in content */

}
ul#contentul2 li {
	padding-left: 70px;
	list-style:none;
	background-image: url(IMAGES/bullet_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 10px;
}


ul#indentul2{
	margin-top:0;
	padding-top:0;

}
ul#indentul2 li {
	padding-left: 35px;
	list-style:none;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 10px;


}




/* contact */

#contact {
	float: left;
}

#contact2 {
	float: left;
	
}







/* The sidebar division */




#sidebar {

}
#sidebar div {
	padding: 20px 10px 30px;
}
#sidebar div ul {
	padding-top: 3px;
}
#sidebar div ul li {
	padding-bottom: 10px;
}
#sidebar div ul li a:link, #sidebar div ul li a:visited {
	color: #086939;
	text-decoration: underline;
	font-size: 95%;
	font-weight: normal;
}
#sidebar div ul li a:hover {
	color: #999;
} 
#sidebar ul, #sidebar ul li {
	display: block;
	list-style: none;
}

#sidebar ul li.here a:visited {
	color: #FF0000;

 }
 
 
 /* side bar 2 - for porfolio link */ 
 
 
 #sidebar2 {

}

#sidebar div ul2 {
	padding-top: 3px;
}
#sidebar div ul2 li {
	padding-bottom: 10px;
}
#sidebar div ul2 li a:link, #sidebar div ul2 li a:visited {
	color: #FF0000;
	text-decoration: underline;
	font-size: 95%;
	font-weight: normal;
}
#sidebar div ul2 li a:hover {
	color: #999;
} 
#sidebar ul2, #sidebar ul2 li {
	display: block;
	list-style: none;
}

#sidebar ul2 li.here a:visited {
	color: #CC3366;

 }
 
 
 
 
 
 
 
 
 /* not needed? */
 #sidebar_port {
	float: right;
	width: 30%;
	background-color: #FF0000;}

 

/* The footer division */

#buffer {
	clear: both;
	height: 0px;
	position:relative;

}

#footer {
	clear: both;
	height: 20px;
	position:relative;
	background-color: #fff;

}


#shadow_footer {
	margin: 0 auto;
	padding: 0px;
	width: 850px;
	min-width: 850px;
	max-width: 850px;
	height: 10px;
	clear:both;
	position:relative;}
	
	
	
#shadow_footer div {
	width: 850px;
	min-width: 850px;
	max-width: 850px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:10px;
	padding-top: 10px;
	left: -11px;
	top: -1px;
}
#shadow_footer div p {
	font-size: 6px;
	color: #777;
	letter-spacing: 0.1em;
	padding-top: 8px;
}
#shadow_footer ul {
		width: 100%;

}
#shadow_footer ul, #shadow_footer ul li {
	display: inline;
	text-align: center;
}
#shadow_footer ul li {
	border-right: 1px solid #000;
	padding-right: 15px;
	padding-left: 15px;
}
#shadow_footer ul li.contact {
	border-right: none;
}
#shadow_footer ul li a:link, #shadow_footer ul li a:visited {
	color: #5a5c5a;
	font: 11px Arial, Helvetica, sans-serif; 
	text-decoration: none;
}
#shadow_footer ul li a:hover {
	color: #ef1c21;
}



#shadow_wrapper {
	margin: 0 auto;
	padding: 0px;
		width: 850px;
	min-width: 850px;
	max-width: 850px;

}


#shadow_footer {
	margin: 0 auto;
	padding: 0px 0px 15px;
		width: 850px;
	min-width: 850px;
	max-width: 850px;
	height: 20px;
	clear: both;
	position: relative;
	background-color: #eee;
}
#shadow_div {
margin: 0 auto;
padding: 0;
		width: 850px;
	min-width: 850px;
	max-width: 850px;
	height: 25px;
	clear:both;
	position:relative;
	background-image: url(IMAGES/shadow.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


						p.backtotop {
						float: right;
						position: relative;
						padding: 20px;
					
						
					}
					p.backtotop a:link, p.backtotop a:visited {
						font-size: 85%;
					}
					p.backtotop a:hover {
						font-size: 85%;}