body {
padding : 0; 
margin : 0; 
font-family : "Gill Sans MT", "Gill Sans", "Gill", "Helvetica", arial, sans-Serif; 
font-size:85%;
color : white;
background-color : #333366;
text-align:center;
}

/* layout divs */

#wrapper {
			width: 780px;
			\width: 800px;
			w\idth: 780px;
			text-align:center;
			border:1px solid #66ccff;
			margin-top: 15px;
			margin-left: auto;
			margin-right: auto;
			padding: 0 0 10px 0;
}

#header { 
padding : 0; 
margin:0;
width:780px;
clear:both;
height:75px;
} 

#menu2 {
/*padding : 5px  0 0 0; 
margin:5px 0 0 0;
      width:780px; */
      background: url("images/bg2.gif") repeat-x -20px;
      font-size:110%;
		height:24px;
		text-align:center;
		border-bottom: 1px solid #fff;
      }
		
#content {
padding: 10px ;
}

#navleft {
float: left; 
width : 200px;
border-right:1px solid #66ccff;
margin-left : 0; 
padding: 10px;
text-align : left;  
} 
#splash {
float: left; 
width : 225px;
margin-left : 0; 
padding: 0;
text-align : left;  
} 

div.rightstuff {
	float:left;
	width:500px;
	margin:0 0 0 10px;
	text-align:left;
}

#packages-header {
width : 760px;
margin :10px 0 0 0; 
padding: 0;
text-align : center;  
} 

#packages-header div.package {
	width : 150px;
	min-height:100px;
	float:left;
margin-left : 0; 
padding: 0;
text-align : center;
}

#packages-header div.package img.a
{
	cursor: pointer;
	/*display:block;
	width : 150px;
	min-height:100px; */
}

h2.raised {
	position:relative; top:-30px;
	\top: 0px;
			t\op: -30px;
			z-index:1;
			margin-bottom:-20px;
}

#threeways {
		text-align:left;
		margin:10px 0;
		padding:0;
		/*border-bottom:1px solid #cc99ff;
		border-top:1px solid #cc99ff;*/
		background-color: #414181;
}

#threeways div.onethird {
float:left;
width:230px;
margin: 0 0 0 8px;
padding:0 0 8px 5px;
border-right:6px solid #333366;

}
 
 #threeways div.onethirdend {
float:left;
width:230px;
margin: 0 0 0 8px;
padding:0 0 8px 5px;
}

div.splashbox {
float: left; 
width : 225px;
margin-left : 0; 
padding: 10px;
text-align : left; 
font-family:arial, sans-serif; 
font-size:1.1em;
	background: url(images/grey_bg_1.jpg)top left repeat-x;
} 
div.splashbox_noback {
float: left; 
width : 225px;
margin-left : 0; 
padding: 0;
text-align : left; 
} 
 
#footer {
padding :10px 20px; 
margin:0;
clear:both;
/* width : 780px; */
border-top : 2px dashed #99ccff;  
} 

#mainbody {
width : 500px; 
padding : 10px ;
margin:0 0 20px 230px;
text-align : left;  
} 

/* end of layout divs */

/* Menu */

#menu2 ul {
			padding: 0;
			margin:5px 0 0 0;
			width:100%;
			font-family: arial, helvetica, sans-serif;
			font-size:80%;
			font-weight: bold;
		}

			#menu2 ul li {  
			list-style:none;
			list-style-image: none; 
			display: inline;
			}


#menu2 ul li a, #menu2 ul li a:visited {
display: inline;
width:80px; 
/* height:20px;  */
background-color:#C0C5EC;
color:#333366; 
text-align:center; 
margin: 0;
padding:2px 12px;
line-height:200%;
text-decoration:none; 
font-family:arial, sans-serif; 
font-weight:bold; 
border-top: 1px  solid #fff;
border-left: 1px  solid #fff;
border-right: 1px  solid #fff;}
 
#menu2 ul li a:hover { background-color:#fff;}

#menu2 ul li a:active {color:#001fa0;}

/* END menu  */



#header img{ 
padding : 0 10px 0 0; 
margin:0;
float:left;
text-align:right;
} 

#mainbody.folioitem {
width:450px;
padding:10px 10px 10px 10px;
text-align:left;
margin-top:30px;
}

.folioitem img{
margin:0;
padding:0 ;
text-align:left;
}

.folioitem  p, .folioitem  h3, .folioitem  h4{
left:140px;
top:0px;
margin:20px 0;
padding:0 0 0 140px;

text-align:left;
}

#getmore { 
padding : 1em; 
margin:1em;
text-align: right;
float: none;
clear:both;
z-index : 2; 
}

.tagline {
font-family : "Gill Sans", "Century Gothic", verdana, lucida, arial, helvetica, sans-serif; 
font-weight : bold; 
float : right; 
font-style : italic; 
font-size : 1.2em; 
text-align : right; 
color : #99ccff; 
padding-right : 1em; 
padding-top : 1em; 
}



#navleft ul {
      margin:0;
      list-style:none;
      }


#advert {
float: none;
width : 140px;
Height: 8em;
margin : 1em 1em 1em 0; 
padding : 5px; 
text-align : left;
	border-color: #66ccff;
	background-color: #414181;
	border-width: 4px 2px 4px 2px;
	border-style: solid;
}

#advert p {
font-family : "Gill Sans MT", "Gill Sans", "Gill", "Helvetica", arial, sans-Serif; 
color : white;
font-size:0.9em;
}

#advert a {
color : white; 
} 
#advert a:link {
color : white; 
} 
#advert a:hover {
color : #ffcc00; 
text-decoration: none;
} 
#advert a:visited {
color : #cc99ff; 
text-decoration: none;
} 


#detailpage {
width : 550px; 
padding : 20px; 
text-align : left;  
} 


#mainbody img {
text-align : left;
margin : 0px 10px 5px 0 ;
padding :0 ;  
} 

#content #detailpage img {
float : left; 
text-align : left;
margin : 0px 20px 20px 0 ; 
padding : 0px 20px 50px 0 ; 
}

a {
color : #66ccff; 
} 
a:link {
color : #66ccff; 
} 
a:hover {
color : #ffcc00; 
text-decoration: none;
} 
a:visited {
color : #cc99ff; 
text-decoration: none;
} 


h1 {
font-family : "Gill Sans MT", "Gill", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
font-weight : bold; 
font-size : 200%; 
margin : 0.2em 0 0 0; 
} 


h2 {
font-size : 150%;  
} 



h4 {
font-family : "Gill Sans MT", "Gill", "Gill Sans", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
font-weight : normal; 
font-size : 85%; 
} 

h5 {
font-size : 80%; 
} 

h6 {
margin : 0 0 0.15em; 
padding : 0; 
color : #99ccff; 
text-transform : uppercase; 
font-family : "Gill Sans MT", "Gill", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
font-weight : normal; 
font-size : 75%; 
}


p {
line-height : 120%; 
font-family : "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
margin : 0.5em 0 0 0; 
padding : 0; 
font-size : 105%;
} 

.imagepad {
	padding: 5px;
	margin-right: 5px;
}

#content ul {
	color : #99ccff; 
text-transform : uppercase; 
font-family : "Gill Sans MT", "Gill", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
font-weight : normal; 
font-size : 95%; 
text-align:left;
display:block;
margin-left: 25px;
background: url(images/website-designer-wales.jpg) top right no-repeat;
}

#content ul.print {
background: url(images/graphic-design-wales.jpg) top right no-repeat;
}

#content ul.nopic {
background:#333366 ;
text-transform : none; 
font-size : 95%; 
}

#content ul li {
padding: 0.5em;
}

/* Image Replacement FIR on index page for SEO*/		
		
	#homepage {
	text-align:center;
      margin:0; padding:0;
      width:680px; height:296px;
      margin:0 auto; padding:0;
      overflow:hidden;
      }
   #homepage span {
      display:block;
      /*position:absolute; left:0; top:0; z-index:1;*/
      width:680px; height:296px;
      margin:0 auto; padding:0;
      background:url("images/mainpic2.jpg") top center no-repeat;
		clear:both;
      }
		
	#homepagetext {
		position:relative;
				top:-180px;
		left:0px;
		width:172px;
		height:70px;
	}	
	
html> body  #homepagetext {left:299px;}
		
#homepagetext p{
		color:#99ccff;
		font-family : "Gill Sans MT", "Gill", arial, helvetica, sans-serif; 
		font-weight : normal; 
		font-size : .85em; 
	}
	
	.clearall{clear:both;}
	
	.blue {color:#66ccff ;}
	.red {color:red ;}
	.orange {color:#ffcc00 ;}
	.orangebold {color:#ffcc00; font-weight:bold;}
	.purple {color:#cc99ff;}
	
 span.offer {
		color:#ffcc00;
		font-weight:bold;
		font-family : "Gill Sans MT", "Gill", arial, helvetica, sans-serif;  
		font-size : .95em; 
	}
	
	div.padded {
		margin:20px 0;
		border-bottom:1px solid #c0c5ec;
		clear:both;
		height:10px;
		width:760px;
	}
		
		#contact {
    padding: 30px 0 0 0;
    overflow: hidden;
    background:url("images/contact.gif") top left no-repeat;
    height: 0px !important;
    height /**/:30px;
}

/* --- form --- */

.row {
		clear: both;
		padding-top: 5px;
		}

form {
		margin-bottom: 1em;
		}
		
fieldset {
		margin-bottom: 10px;
		padding: 5px;
		}		

legend {
		padding: 0 5px;
		color:#ffcc00;
		text-transform: uppercase;
		font-size: 1em;
		}

.formLabel {
		font-size: .9em;
		line-height: 1.2em;
		text-align: right;
		margin-right: 10px;
		width: 70px;
		float: left;
		}

.formControl {
		float: left;
		width: 190px;
		}
		
input, textarea {
		border: 1px solid #cc99ff;
		padding: 2px;
		font: .9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}	
		
input {
		font-size: 1.2em;
		width: 190px;
		}			

textarea {
		width: 345px;
		}
		
.submitButton {
		background: #eeeeee;
		font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		padding: 4px 6px;
		width: auto;
		margin-bottom:20px;
		cursor:pointer;
		}