/* HACKS for broken browser implementations */

* html .visualIEFloatFix { height: 0.01% }

/* self clearing */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfix { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 


/* END HACKS */

body { 
	margin: 		30px 0 10px 0; 
	padding-top: 	0; 
	padding-left: 	0px;
	color: 			white; 
	font-size: 		12px;  
	font-family: 	Century Gothic, Arial, Helvetica, sans-serif;  
	background-color: #512876;
	text-align:		left;
	behavior: url("csshover3.htc");
}

form { margin: 0; padding: 0px;}
p    { margin:	0px 0 13px 0;}
p   a { text-decoration:underline; 	color:	#1a1a1a; font-weight:	bold;}
ul   { margin-top: 0; margin-bottom: 0; }
li   { list-style-type: square; }
a	{ text-decoration:	none; color:	white;}
a:hover{color:	white; text-decoration:	underline;}

h1   { margin:  0px 0px  10px 0; font-size: 20px; color: #512876; font-weight: bold; text-align:	left;} html>body h1{ padding-top: 11px;}

.tagline{text-align:	left; font-size:18px; color: #512876; margin:55px 0px 0 225px; }

.italic{font-style: italic;}

.frame{
	width:				800px;
	background-color:	#B3B3B3;
	margin-left:		auto;
	margin-right:		auto;
	padding-bottom:		3px;
	border:				solid #fff 3px;
	height:				600px;
}

#header{
	width:				800px;
	height:				130px;
}

#logo{
	background-image: 	url(../images/logo.png);
	width:				223px;
	height:				112px;
	float: 				right;
	margin:				0px 30px 0 0px;
}

/* IE6 and below */
* html #logo {
	background-image: 	url(../images/logo-ie6.png);
	width:				336px;
	height:				150px;
	float: 				left;
	margin:				0px 30px 0 0px;
}	

ul.navigation{
	margin:				30px 0px 0 30px;
	width:				300px;
	text-align:			left;
	padding:			0;
}

ul.navigation li{
	list-style:				none;
	padding:				0 3px 0px 3px;
	display:				inline;
	font-weight:			bold;
}

#left-column{
	width:				420px;
	margin:				0 0px 0 30px;
	float: 				left;
	height:				380px;
	background-color:	white;
}

#right-column{
	padding:			0 30px 0 30px;
	float:				right;
	margin:				0px 0 0px 0;
	width:				290px;
	text-align:			right;
}


/* IE6 and below */
* html .content-section{
	height:			450px;
}


#footer{
	width:			800px;
	text-align:		center;	
	color:			white;
	font-size:		10px;
	padding-top:	35px;
}

#design, #design a{
	font-size:	9px;
	color:		#999;
	text-align: center;	
}


/* jQuery lightBox plugin - Gallery style */

#gallery1{
	width: 775px;
	height:	364px;
	margin: 0 0 0px 50px;
	padding: 0;
}
#gallery1 ul { list-style: none; padding-left: 0px;}
#gallery1 ul li{ display: inline; }
#gallery1 ul img{
	border: 5px solid #888;
}
#gallery1 ul a:hover img {
	border: 5px solid #512876;
	color: #fff;
}
#gallery1 ul a:hover{ color: #fff; }



.modal{
	text-align: left;
	padding:	0 20px 0 20px;
}
.modal p{
	margin: 0 0 5px 0;
}

.modal-image{
	width:	500px;
	height:	100px;
	background-color:	#512876;
	
}

#services-modal{
	margin-top:	65px;
}

#about-modal{
	margin-top:	15px;
}

#contact-modal{
	margin-top:	55px;
}

ul#services{
	padding-left: 10px;
}

ul#services li{
	padding: 0;
	list-style:disc;
}

.left-inner-column-of2   { width: 48%; margin: 0 1% 0 0; float: left;  }
.right-inner-column-of2  { width: 48%; margin: 0 0 0 1%; float: right; }

.no_display { display: none; }