html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
#contentcolumn table td {
	font: 12px 'LatoRegular', verdana, trebuchet, tahoma, arial;
	line-height: 18px;
	color: #003;
}
#contentcolumn table.clients {
	font: 15px 'LatoRegular', verdana, trebuchet, tahoma, arial;
	color: #003;
	
	border: 1px solid #A00;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(PIE.htc);
}
#maincontainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topsection{
	background: #383ca8;
	background: -moz-linear-gradient(left, #061475 0%, #383ca8 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383ca8), color-stop(40%,#061475)); /* webkit */
	-pie-background: linear-gradient(#061475, #383ca8);
	height: 125px; /*Height of top section*/
	
	border: 0px solid #A00;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-webkit-box-shadow:#333 -1px 1px 3px;
	-moz-box-shadow: #333 -1px 1px 3px;
	box-shadow: #333 -1px 1px 3px;	
	behavior: url(PIE.htc);
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin: 10px 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	text-align: left;
	background: #FFF;
	background: -moz-linear-gradient(left, #FFF 0%, #FFF 40%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFF), color-stop(40%,#FFF)); /* webkit */
	-pie-background: linear-gradient(#FFFFFF, #FFFFFF);

	border: 1px solid #00A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-webkit-box-shadow:#666 2px 2px 5px;
	-moz-box-shadow: #666 2px 2px 5px;
	box-shadow: #666 2px 2px 5px;
	behavior: url(PIE.htc);
}
#rightcolumn{
	float: left;
	width: 200px; /*Width of right column*/
	margin: 10px 0 0 -200px; /*Set left margin to -(RightColumnWidth)*/
	background: transparent;
}
#rightcolumn p{
	text-align: left;
	margin: 0px 10px 10px 10px;
	font: 13px 'DroidSansRegular', 'LatoRegular', verdana, trebuchet, tahoma, arial black, serif;
	line-height: 20px;
	color: #000;
}
#leftcolumn{
	float: left;
	width: 190px; /*Width of left column in pixel*/
	margin: 10px 0 0 -960px; /*Set margin to that of -(MainContainerWidth)*/
	background: transparent;
}
#leftcolumn .raisedmenu{
	background: #061475;
	background: -moz-linear-gradient(left, #061475 0%, #383ca8 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383ca8), color-stop(40%,#061475)); /* webkit */
	-pie-background: linear-gradient(#061475, #383ca8);
	
	border: 0px solid #A00;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-webkit-box-shadow:#333 -1px 1px 3px;
	-moz-box-shadow: #333 -1px 1px 3px;
	box-shadow: #333 -1px 1px 3px;	
	behavior: url(PIE.htc);

}

#leftcolumn .raisedmenu a.lhsmenu {
	font: 13px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	width: 180px;
	color: #FFF;
	border-bottom: 0px solid #fff;
	background: transparent;
	text-align: left;
	padding: 0 0 0 5px;
}
#leftcolumn .raisedmenu a.lhsmenu:hover {
	font: 13px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	width: 180px;
	color: #FFF;
	text-align: left;
	padding: 0 0 0 5px;	
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
		
	text-shadow: -0px -1px 1px  rgba(0,0,0, 0.6);
	
	background-color: #f6b33d;	
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, rgb(194,96,16)),
    color-stop(0, rgb(194,96,16)),
    color-stop(1, rgb(232,136,19))
);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(194,96,16) 30%,
    rgb(194,96,16) 0%,
    rgb(232,136,19) 100%
);
	-moz-box-shadow:
	0px 1px 2px 0px #f6f4ee inset,
	0px -1px 3px 0px #685a34 inset;	

	-webkit-box-shadow:
	0px 1px 2px 0px #f6f4ee inset,
	0px -1px 3px 0px #685a34 inset;	

	box-shadow: 
	0px 1px 2px 0px #f6f4ee inset,
	0px -1px 3px 0px #685a34 inset;	
	behavior: url(PIE.htc);
}
#leftcolumn .raisedmenu a.lhsmenu:visited {
	font: 13px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	width: 180px;
	color: #ffb7b7;
	border-bottom: 0px solid #fff;
	background: transparent;
	text-align: left;
	padding: 0 0 0 5px;
}
#leftcolumn a.newsletter {
	
	font: 17px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	line-height: 25px;
	width: 160px;
	color: #FFF;
	text-align: center;
	padding: 15px;	
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
		
	text-shadow: -0px -1px 1px  rgba(0,0,0, 0.6);
	
	background-color: #f6b33d;	
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, rgb(194,96,16)),
    color-stop(0, rgb(194,96,16)),
    color-stop(1, rgb(232,136,19))
);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(194,96,16) 30%,
    rgb(194,96,16) 0%,
    rgb(232,136,19) 100%
);
	-moz-box-shadow:
	0px 1px 2px 0px #f6f4ee inset,
	0px -1px 3px 0px #685a34 inset;	

	-webkit-box-shadow:
	0px 1px 2px 0px #f6f4ee inset,
	0px -1px 3px 0px #685a34 inset;	

	box-shadow: 
	0px 1px 2px 0px #f6f4ee inset,
	0px -1px 3px 0px #685a34 inset;	
	behavior: url(PIE.htc);	
}
a:visited.lhsmenu{
	color: #cbe5ff;
}


#topsection #logo {
	position: relative;
	top: 0px;
	left: -30px;
	width: 316px;
	height: 116px;
}
#topsection h1 {/*Google Words*/
	position: relative;
	top: -90px;
	left: 190px;
	width: 760px;
	text-align: left;
	padding: 0 0 0px 0;
	background: transparent;
	font: 25px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #FFF;
	
	text-shadow: 0px -1px 5px rgba(0,0,0, 0.6);
	filter: dropshadow(color=#a8a5a8, offx=1, offy=1);
	behavior: url(PIE.htc);
}
#topsection h2 {/*Google Words*/
	position: relative;
	top: -90px;
	left: 240px;
	width: 760px;
	text-align: left;
	padding: 0 0 0px 0;
	background: transparent;
	font: 15px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #FFF;
	
	text-shadow: 0px -1px 5px rgba(0,0,0, 0.6);
	filter: dropshadow(color=#a8a5a8, offx=1, offy=1);
	behavior: url(PIE.htc);
}
#topsection #contact {
	position: relative;
	top: -196px;
	left: 775px;
	width: 170px;
	text-align: center;
	padding: 10px 0 10px 0;
	background: #fbfac9;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow:
	3px 3px 6px 0px #333 inset;	

	-webkit-box-shadow:
	3px 3px 6px 0px #333 inset;	

	box-shadow: 
	3px 3px 6px 0px #333 inset;	
	behavior: url(PIE.htc);
	
	font: 11px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	line-height: 15px;
	color: #999;
}
#topsection #contact p.address{
	text-align: center;
	margin: 0px 0px 2px 0px;
	font: 12px arial, serif;
	color: #666;
	letter-spacing: 0px;	
}
#topsection #contact p.phone{
	text-align: center;
	margin: 0px 0px 0px 5px;
	font: 15px arial, serif;
	font-weight: bold;
	color: #300;
	letter-spacing: 0px;	
}
#topsection #contact a{/*Email*/
	font: 15px arial, serif;
	font-weight: bold;
	color: #00F;
	text-decoration: none;
}
 h3 a{
	font: 11px arial, serif;
	color: #FFF;
	text-decoration: none;
}
#contentcolumn h1 {/*Page Title*/
	font: 30px 'LatoRegular', verdana, trebuchet, tahoma, arial;
	width: 460px;
	padding: 0 0 0 10px;
	background: transparent;
	color: #A00;
	margin: 0 0 10px 0;
}
#contentcolumn h2 {/*SubHeading*/
	width: 460px;
	padding: 0 0 0 10px;
	background: transparent;
	font: 20px 'LatoRegular', verdana, trebuchet, tahoma, arial;
	width: 460px;
	color: #A00;
	margin: 0 0 0 0;
}
#contentcolumn h3 {/*Footer*/
	width: 535px;
	text-align: right;
	padding: 5px 20px 5px 5px;
	
	background: #383ca8;
	background: -moz-linear-gradient(left, #061475 0%, #383ca8 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383ca8), color-stop(40%,#061475)); /* webkit */
	-pie-background: linear-gradient(#061475, #383ca8);
	
	border: 0px solid #A00;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-webkit-box-shadow:#333 -1px 1px 3px;
	-moz-box-shadow: #333 -1px 1px 3px;
	box-shadow: #333 -1px 1px 3px;	
	behavior: url(PIE.htc);
	margin: 0;
	font: 12px arial, sans-serif;
	color: #FFF;
	
	border: 0px solid #A00;
	border-radius: 0 0 10px 10px;
	-moz-border-radius:  0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;	
	behavior: url(PIE.htc);
}
#contentcolumn h5 {/*SubHeading*/
	font: 20px 'LatoRegular', verdana, trebuchet, tahoma, arial;
	width: 460px;
	padding: 0 0 0 10px;
	background: transparent;
	color: #00A;
	margin: 0 0 10px 30px;
}
#contentcolumn h6 {/*Promises*/
	margin: 10px auto;
	width: 335px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	
	background: #383ca8;
	background: -moz-linear-gradient(left, #061475 0%, #383ca8 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383ca8), color-stop(40%,#061475)); /* webkit */
	-pie-background: linear-gradient(#061475, #383ca8);
	
	border: 0px solid #A00;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-webkit-box-shadow:#333 -1px 1px 3px;
	-moz-box-shadow: #333 -1px 1px 3px;
	box-shadow: #333 -1px 1px 3px;	
	behavior: url(PIE.htc);

	font: 12px arial, sans-serif;
	color: #FFF;	
}

#contentcolumn p{
	text-align: left;
	margin: 0px 60px 10px 40px;
	font: 13px 'DroidSansRegular', 'LatoRegular', verdana, trebuchet, tahoma, arial black, serif;
	line-height: 20px;
	color: #000;
	letter-spacing: 0px;	
	behavior: url(PIE.htc);
}
#contentcolumn img.body{
	margin: 10px 10px 10px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow:#000 2px 2px 5px;
	-moz-box-shadow: #000 2px 1px 3px;
	box-shadow: #000 2px 1px 3px;	
	behavior: url(PIE.htc);
}
#contentcolumn table.bodytable{
	padding: 10px;
	border: 1px dotted #00A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		
		
	background: #FFFFFF;
	background: -moz-linear-gradient(left, #EEEEEE 0%, #FFFFFF 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(70%,#EEEEEE)); /* webkit */
	-pie-background: linear-gradient(#EEEEEE, #FFFFFF);
	behavior: url(PIE.htc);
}

/*JQuery Gallery*/
#contentcolumn #gallery{
	position: relative;
	top: -160px;
	left: 30px;
	height: 170px;
	width: 250px;
	float: left;
	margin: 10px 40px 30px 0;
}
.iStu8 {position:relative; width:250px; margin:0 auto; cursor:pointer;}
.iStu8 img {position:absolute; width:250px;}
.iStu8pad {height:160px;}

.iStu9 {position:relative; width:250px; margin:0 auto; cursor:pointer;}
.iStu9 img {position:absolute; width:250px;}
.iStu9pad {height:160px;}

#contentcolumn ul {
	margin: 0 -10px 0 20px;	
	width: 420pxpx;
}
#contentcolumn ul.internal {
	margin: 0 -10px 0 -10px;	
	width: 220pxpx;
}
#contentcolumn ul.indexul {
	margin: 0 -10px 0 0px;	
	width: 220pxpx;
}
#contentcolumn li{
	list-style-image: url(graphics/bullet.png);
	font: 13px 'DroidSansRegular', 'LatoRegular', verdana, trebuchet, tahoma, arial black, serif;
	line-height: 18px;
	width: 420px;
	margin: 0 0 10px 0;
}
#contentcolumn ul.internal li{
	list-style-image: url(graphics/bullet.png);
	font: 13px 'DroidSansRegular', 'LatoRegular', verdana, trebuchet, tahoma, arial black, serif;
	line-height: 18px;
	width: 220px;
	margin: 0 0 10px 0;
}
#contentcolumn li a {
	text-decoration: none;
}

#outer .holder {
padding : 0;
border : 0 solid #ddd;
margin : 0;
width : 450px;
}


#outer .holder p, #outer .holder_services p {
padding : 0;
margin : 0;
}
#outer div.more i {
float : left;
margin : 0 10px 0 0;
cursor : pointer;
color : #00c;
font-weight : normal;
font : 10px verdana, arial, sans-serif;
background : url(graphics/more_button.jpg);
padding : 3px 0 3px 0px;
width : 60px;
height : 13px;
}
#outer div.more i.hide {
display : none;
}
#outer div.more p {
display : none;
}
#outer div.click i.show {
display : none;
}
#outer div.click i.hide {
display : block;
}
#outer div.click p {
display : block;
border : solid #999;
border-width : 0 1px 1px 0;
padding : 5px 5px 5px 15px;
background : #efefef;
float: left;
font : 9px verdana, arial, sans-serif;
line-height: 15px;
width: 420px;
margin: 10px 0 10px 0;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	z-index: 1000;
	margin: 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 175px;
	position: relative;
	left: -1px;
}

.menu li {
	position: relative;
	height: 26px;
	text-align: left;
}
* html .menu li {
	margin-left: -1px; 
	margin-lef\t: 0;
}
/* get rid of the table */
.menu table {position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em; width: 0; height: 0;}

/* style the links */
.menu a {
	font: 15px  'LatoRegular', trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	width: 175px;
	color: #00C;
	text-indent: 5px;
	border-left: 1px solid #fff;
	background: #FFF;
}
.menu a:visited{
	color: #900;
}
/* style the link hover IE*/
* html .menu a:hover {
	color: #000; 
	border-left: 1px solid #A00;
	background: #fdeded;
}
.menu :hover > a {
	color: #000; 
	border-left: 2px solid #A00;
	background: #fdeded;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 145px;	
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility: visible;
	width: 200px;
	position: relative;
	left: 130px;
	top: -20px;
	z-index: 2000;
}

/* width of sub level link */
.menu ul li:hover ul a,
.menu ul a:hover ul a {
	width: 200px;
}

.menu ul li:hover ul li:hover,
.menu ul a:hover ul a:visited {
	color: red;
}


@font-face {
    font-family: 'LatoRegular';
    src: url('Lato-Regular-webfont.eot?') format('eot'),
         url('Lato-Regular-webfont.woff') format('woff'),
         url('Lato-Regular-webfont.ttf') format('truetype'),
         url('Lato-Regular-webfont.svg#webfontHlqc3w9Z') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.eot');
	src: local('☺'), url('DroidSans-webfont.woff') format('woff'), url('DroidSans-webfont.ttf') format('truetype'), url('DroidSans-webfont.svg#webfontbC7tRKrq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('☺'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#webfont5dL3IGk2') format('svg');
	font-weight: normal;
	font-style: normal;
}