/* CSS Document */

body {
	margin:0;
	text-align:center;
	min-width:780px;
	background-color:#cfcdff; /*  #aeaaff;  darker mauve background*/
	/*background-image:url(Images/BackgroundTest.jpg);*/
	font-family:Arial, Helvetica, sans-serif;
}

body, p {
	color:#0c1c8c; /*blue */
	font-size:15px;
}
h1 {
	color:#0c1c8c; /*blue */
	font-size:15px;
}
h2 {
	color:#F93F26; /*red */
	font-size:15px;
}
/* page and secondary navigation link colours */
a:link {
	font-size:15px;
	font-weight:bold;
	color:#0c1c8c;/*blue */
	text-decoration: none;
}

a:visited {
	font-size:15px;
	font-weight:bold;
	color:#0c1c8c; /*blue */
	text-decoration: none;
}
a:active {
	color:#0c1c8c;/* blue */
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	font-size:15px;
	font-weight:bold;
	color:#F93F26; /* red */
	text-decoration:none;
}

#logo {
	position:relative;
	top:15px;
	left:100px;
	width:110px;
	height:57px;
}
/*  ======================== Main Navigation =======================  */
#NavMain {
	position:relative;
	left:-35px;
	top:26px;
	width:130px;
}
ul {
	list-style-type:none;
	line-height:1.5em;
	width:100%;
}
li {
	text-align:left;
	margin-left:1px;
}
/*  ========================  Home Page =======================  */											 
#wrapper {
	background-color:#cfcdff;
	background-image:url(Images/HomePageBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
#Main {
	position:relative;
	top:95px;
	margin-left:-90px;
	width:98%;
}

#Text1 {
	position:relative;
	top:25px;
	left:140px;
	width:370px;
}
#Text2 {
	position:relative;
	top:45px;
	left:140px;
	width:480px;
}
#Text3 {
	position:relative;
	top:60px;
	left:140px;
	width:500px;
}
#blueSquare {
	position:relative;
	top:95px;
	left:100px;
	width:180px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
#blueSquare a {
	font-size:13px;
	color:#ffffff;
	text-decoration:underline;
}
#blueSquare a:hover {
	font-size:13px;
	font-weight:bold;
	color:#F93F26; /* red */
	text-decoration:none;
}
#serviceArea {
	position:relative;
	top:60px;
	left:400px;
	width:400px;
	font-style:oblique;
	color:#F93F26; /* red */
	text-align:right;
	font-size:14px;
	font-weight:bold;
}
#redTriangle {
	position:absolute;
	top:230px;
	left:705px;
	width:200px;
	text-align:right;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
} 
/*  ========================  Walk In Internals Page =======================  */		
#wrap {
	background-color:#cfcdff;
	background-image:url(Images/WalkInInternalsBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#gallery {
	position:relative;
	top:-105px;
	left:100px;
	width: 640px;
	height:340px;
}

#thumbnails {
	position:relative;
	top:10px;
	float:left;
	width:220px;
}

#left{
	float:left;
	padding-top:97px;
}
#right{
	float:right;
	padding-top:10px;
}

#fullImages{
	position:relative;
	float:right;
	width:406px;
	height:320px;
	top:-5px;
} 
/*  ========================  Built In Internals Page =======================  */		
#wrapBuiltIn {
	background-color:#cfcdff;
	background-image:url(Images/BuiltInInternalsBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
#secondaryMenu {
	position:relative;
	top:20px;
	left:200px;
	width:600px;
	text-align:center;
}
.bullets {
	color:#F93F26;

}
#InternalsNavMain {
	position:relative;
	left:-35px;
	top:-25px;
	width:130px;
}
#InternalsGallery {
	position:relative;
	top:-105px;
	left:100px;
	width: 640px;
	height:340px;
}
#InternalsThumbnails {
	position:relative;
	top:20px;
	float:left;
	padding-left:60px;
	padding-top:20px;
	width:100px;
}


#fullImagesInternals{
	position:relative;
	float:right;
	padding-right:10px;
	width:409px;
	height:325px;
	top:-5px;
} 
/*  ========================  Built in Internals Hinged Page =======================  */		
#wrapBuiltInHinged {
	background-color:#cfcdff;
	background-image:url(Images/HingedDoorInternalsBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
/*#wrapAccessories {
	background-color:#cfcdff;
	background-image:url(Images/AccessoriesBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}*/
#fullImagesHinged {
	position:relative;
	float:right;
	padding-right:5px;
	width:406px;
	height:325px;
	top:-5px;
} 
/*  ========================  Accessories Page =======================  */		
#wrapAccessories {
	background-color:#cfcdff;
	background-image:url(Images/AccessoriesBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
#fullImagesAccessories {
	position:relative;
	float:right;
	padding-right:5px;
	width:408px;
	height:325px;
	top:-5px;
} 

/*  ========================  Wardrobe Doors Page ======================= 	*/	
#wrapWardrobeDoors {
	background-color:#cfcdff;
	background-image:url(Images/WardrobeDoorsBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
} 

#galleryWardrobe {
	position:relative;
	top:-70px;
	left:150px;
	width: 550px;
	height:340px;
}

#thumbnailsWardrobe {
	position:relative;
	top:1px;
	float:left;
	width:220px;
}

#leftWardrobe {
	float:left;
	padding-left:30px;
}
#rightWardrobe {
	float:right;
}

#fullImagesWardrobe {
	position:relative;
	float:right;
	padding-right:40px;
	width:247px;
	height:326px;
	top:15px;
} 
#info {
	position:relative;
	top:-130px;
	left:230px;
	width:500px;
	text-align:center;
}
#extraImage {
	position:absolute;
	top:253px;
	left:-75px;
	width:40px;
}

/*  ========================  Design BrochurePage ======================= 	*/	
#wrapDesignBrochure {
	background-color:#cfcdff;
	background-image:url(Images/DesignBrochureBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
} 
#DesignInfo {
	position:relative;
	top:20px;
	left:240px;
	width:530px;
	text-align:left;
}
#DesignNavMain {
	position:relative;
	left:-35px;
	top:-25px;
	width:130px;
}
#Image {
	position:relative;
	left:250px;
	width:292px;
	height:400px;
	top:-100px;
} 

/*  ========================  Contact Page ======================= 	*/	
#wrapContact {
	background-color:#cfcdff;
	background-image:url(Images/ContactBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
} 
form {
position:relative;
top:-40px;
left:115px;
width:300px;
}
table {
width:350px;
/*background-color:#ffffff;*/
border-color:#000066;
font-size:13px;
}
#map {
position:relative;
float:right;
top:-110px;
width:400px;
height:260px;
}
#address {
	position:relative;
	top:-40px;
	left:280px;
	width:250px;
	color:#0c1c8c;  /* Navy blue */
	font-size:15px;
	font-weight:bold;
}
#contactInfo {
	position:relative;
	top:20px;
	left:220px;
	width:550px;
	color:#0c1c8c;  /* Navy blue */
	font-size:15px;
	font-weight:bold;
}
#wrapContact #NavMain {
	position:relative;
	left:-35px;
	top:-28px;
	width:130px;
}
#information {
	position:absolute;
	text-align:center;
	color:#f93f26;
	font-weight:bold;
	font-size:18px;
	top:500px;
	left:620px;
	width:300px;
}
/*  ========================  Response php Page ======================= 	*/	
#wrapResponse {
	background-color:#cfcdff;
	background-image:url(Images/ResponseFormBackground.jpg);
	background-repeat:no-repeat;
	height:600px;
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#wrapResponse #NavMain {
	position:relative;
	left:-35px;
	top:-25px;
	width:180px;
}
ul {
	list-style-type:none;
	line-height:1.5em;
	width:100%;
}
li {
	text-align:left;
	margin-left:1px;
} 
#aspResponse{
position:relative;
left:300px;
width:300px;
background-color:#FFFFFF;
border-color:#F93F26;
border-width:thick;
border-style:solid;
text-align:center;
}
#webmaster {
	position:absolute;
	top:575px;
	width:250px;
	left:630px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:right;
}
#webmaster a {
	font-size:11px;
	font-weight:normal;
	color:#666666;
	text-decoration:underline;
}
#webmaster a:hover {
	color:#333333;
}