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

/* ===== new css starts here =================================================================== */

body {
 	font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
	height:100%;
	overflow-x: hidden; 
}

div#outerDiv {
    width: 950px;
    margin: 0 auto;
    background: #fff;
}

#homecontent { width: 900px}

p {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
	color: #555555;
	margin-top:0;
	margin-bottom:0;
	text-align:justify;

}

h1 { 
	color: #000000; 
	font-family: Arial; 
	font-size: 14px; 
	font-weight:normal; 
	margin:0; 
	padding: 20px 0px 20px 0px;
}

h2 {
	margin:0px;
	line-height:25px;
	padding:0px;
	
}

p a:link 

{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
	color: #555555;
	margin-top:0;
	margin-bottom:0;
	text-decoration:underline;


}

p a:visited 

{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
	color: #555555;
	margin-top:0;
	margin-bottom:0;
	text-decoration:underline;


}

p a:hover 

{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
	color: #555555;
	margin-top:0;
	margin-bottom:0;
	text-decoration:underline;


}

p a:active 

{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
	color: #555555;
	margin-top:0;
	margin-bottom:0;
	text-decoration:underline;


}


/* ===== main menu ===== */

#outerDiv div#mainMenu {
    position: fixed;
    left: 20px;
	clear:both;
}

#mainMenu img {
	padding-top:20px;	
}

#mainMenu ul {
font-family: Arial, Helvetica, sans-serif;
width: 130px;
margin: 0px;
}

#mainMenu h1 { color: #000000; font-family: Arial; font-size: 14px; font-weight:normal; margin:0; line-height:16px; padding:20px 0 2px 0; }

#mainMenu h1.top { color: #000000; font-family: Arial; font-size: 14px; font-weight:normal; margin:0; line-height:16px; padding:20px 0 2px 0;  }

#mainMenu ul {
list-style: none;
margin: 0px;
padding: 0;
border: none;
}

#mainMenu ul li {
margin: 0px;
padding: 0px;

}

#mainMenu ul li a:link, a:visited, a:active   {
font-size: 12px;
line-height: 15px;
text-decoration: none;
color: #666666;

}

#mainMenu ul li a:hover {
	color: #fff;
	background-color:#000;
	padding: 3px 7px 3px 0;
}

/* ===== main content ===== */

#outerDiv div#mainContent {
	position:absolute;
	width: 100%;
	left: 175px;
	margin: 0;
	padding: 0;

}

/* ===== portfolio outer ===== */

	
div#portfolioOuter {

	left: 200px;
	padding: 0px;
	width: 750px;
}

#portfolioOuter img {
	margin: 0px 20px 20px 0px;
}



/* ===== information outer ===== */


div#informationOuter {

	left: 200px;
	padding: 0px 20px 0px 20px;
	width: 520px;
	background-color:#E6E6E6;
	height:100%;

}

#informationoOuter h2.LBItitle {
	
	color: #000000; 
	font-family: "Times New Roman", Times, serif; 
	font-size: 15px; 
	font-weight:bold;
	padding: 0;
	margin: 0;
	line-height:0;
}

#informationOuter img {
	padding: 0px;
}


/* ===== Contact image ===== */

#outerDiv #contactImage {
	
    position: relative;
	left:5px;
	width:510px;
	padding: 0;
	background-color:#66615E;
}


/* ===== misc styles ===== */

IMG.news {
    display: block;
    margin-left: auto;
    margin-right: auto }


.content{
	
	padding-left:15px;
	
}

.homeimage {
  background-image: url("http://www.laurenbishopillustration.co.uk/images/fashion-illustration-illustrator-lauren-bishop-blueautumn.jpg");
  background-repeat: no-repeat;
}



.home {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 15px;
	vertical-align: top;
	color: #CCCCCC;
	margin-top:0;
	margin-bottom:0;
	text-align:justify;

}

.portfolio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	vertical-align: top;
	color: #666666;
	margin-top:0;
	margin-bottom:0;
	text-align:justify;
	padding-left: 30px;

}

.portfolioheaders { padding-left:0px;}

.contact  {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	background-color: #ffffff;
	}
	



.imsize1 {width: 50%;
vertical-align:top;
}

.LBItitle {text-align: left; color: #000000; font-family:  "Times New Roman", Times, serif; font-size: 15px; font-weight:bold;  }

.border_color_cccccc {
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.greyborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
