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

/*:::::DEFAULTS:::::*/
html, body	{ margin:0; padding:0; height:100%;}
img			{ border:0; margin:0; padding:0;}
.cleaner	{ clear: both;}
p 			{ margin:0px 0px 8px 0px; padding:0px; border:0px; text-align:left; vertical-align:top; line-height: 14pt;}

h1			{ font:normal normal bold 13pt Arial, Helvetica, sans-serif; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px;}
h2			{ font:normal normal bold 11pt Arial, Helvetica, sans-serif; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px;}


/*:::::LINKS:::::*/
a, a:link, a:visited, a:active { text-decoration: none; color: #572b8c;}
a:hover	{ text-decoration: underline; }


/*:::::PAGE FRAME:::::*/
body { background: url(../images/global/bg_gradient.gif) repeat-x #c3b186;
	font: 9pt Arial, sans-serif;
	line-height:11pt;
	color:#555555;}

#mainWrap { margin: 0 auto;
	width: 780px;
	height:100%;}
	
#header { width: 780px;
	height: 43px;}

#logo { float: left;
	height: 43px;
	width: 199px;}

#keys { float: right;
	height:43px;}

#main {width:780px;
	height:600px;
	min-height:600px;	
	background-color: #FFFFFF;
	overflow: hidden;}
	
#ribbon {width:780px;
	height: 8px;
	background-color: #350870;
	border-top: 1px dotted #FFFFFF;}
	
#copyright {width:772px;
	color: #FFFFFF;
	text-align: right;
	padding: 4px 8px 4px 0px;
	font: 8pt Arial, sans-serif;}
	
.mainImg { width: 754px;
	height: 172px;
	padding: 13px 13px 8px 13px;
	border-top: 1px dotted #d3d3d3;
	border-bottom: 1px dotted #d3d3d3;
	background: url(../images/global/gray_gradient1.gif) repeat-x bottom;}

.mainImgShort { width: 754px;
	height: 66px;
	border-top: 1px dotted #d3d3d3;
	padding: 13px 13px 0px 13px;}

.topBox { width: 754px;
	height: 41px;
	background: #c7b68c;}

.topBoxArrow { width: 754px;
	height: 25px;
	text-align:right;
	background: url(../images/global/tab_marker.gif) no-repeat 50px 0px;}
	
/*:::::TOP NAV BAR:::::*/
#topNav { width: 780px; height: 33px; margin: 0px;}
	
#topNav ul    { margin:0; padding:0; list-style-type:none; }
#topNav li    { float:left; height: 33px;}
#topNav a     { display:block; text-decoration:none; overflow:hidden; }

#topNav a#home        	{ background:url(../images/global/home.jpg) 0 0 no-repeat; width: 44px; height: 33px;}
#topNav a#about      	{ background:url(../images/global/about.jpg) 0 0 no-repeat; width: 50px; height: 33px;}
#topNav a#work      	{ background:url(../images/global/work.jpg) 0 0 no-repeat; width: 42px; height: 33px;}
#topNav a#clients  		{ background:url(../images/global/clients.jpg) 0 0 no-repeat; width: 62px; height: 33px;}
#topNav a#testimonials   { background:url(../images/global/testimonials.jpg) 0 0 no-repeat; width: 106px; height: 33px;}
#topNav a#contact       { background:url(../images/global/contact.jpg) 0 0 no-repeat; width: 66px; height: 33px;}

#topNav a#homeOn        { background:url(../images/global/home.jpg) 0px -33px no-repeat; width: 44px; height: 33px;}
#topNav a#aboutOn       { background:url(../images/global/about.jpg) 0px -33px no-repeat; width: 50px; height: 33px;}
#topNav a#workOn      	{ background:url(../images/global/work.jpg) 0px -33px no-repeat; width: 42px; height: 33px;}
#topNav a#clientsOn  	{ background:url(../images/global/clients.jpg) 0px -33px no-repeat; width: 62px; height: 33px;}
#topNav a#testimonialsOn{ background:url(../images/global/testimonials.jpg) 0px -33px no-repeat; width: 106px; height: 33px;}
#topNav a#contactOn     { background:url(../images/global/contact.jpg) 0px -33px no-repeat; width: 66px; height: 33px;}

#topNav a#home:hover       	{ background:url(../images/global/home.jpg) 0px -33px no-repeat; width: 44px; height: 33px;}
#topNav a#about:hover     	{ background:url(../images/global/about.jpg) 0px -33px no-repeat; width: 50x; height: 33px;}
#topNav a#work:hover     	{ background:url(../images/global/work.jpg) 0px -33px no-repeat; width: 42px; height: 33px;}
#topNav a#clients:hover 	{ background:url(../images/global/clients.jpg) 0px -33px no-repeat; width: 62px; height: 33px;}
#topNav a#testimonials:hover{ background:url(../images/global/testimonials.jpg) 0px -33px no-repeat; width: 106px; height: 33px;}
#topNav a#contact:hover     { background:url(../images/global/contact.jpg) 0px -33px no-repeat; width: 66px; height: 33px;}

.topnavButtons1 { float: left;
	margin-left: 26px;}

.topnavButtons2 { float: left;
	margin-left: 71px;}

/*:::::HOME PAGE:::::*/
.wideBox1 { width: 199px;
	padding: 20px 30px 0px 30px;
	background: url(../images/global/gray_gradient2.gif) repeat-y right;
	border-right: 1px solid #ededed;
	float: left;}

.wideBox2 { width: 200px;
	padding: 20px 30px 0px 30px;
	float: left;}

.boxTitleHome { margin-bottom:8px;}

/*:::::CONTENT:::::*/

.boxTitle { margin-bottom:3px;}

.boxExample { margin-bottom:5px; display:block;}

.contentBox1 { width: 168px;
	padding: 15px 13px 0px 13px;
	background: url(../images/global/gray_gradient2.gif) repeat-y right;
	border-right: 1px solid #ededed;
	float: left;}

.contentBox2 { width: 169px;
	padding: 15px 13px 0px 13px;
	float: left;}

.workContent { width: 724px;
	height: 84px;
	padding: 15px 15px 15px 15px;
	background: #c7b68c;}

.workContentImg { float: left; margin-right: 10px; text-align: center; height:84px;}

.workContentText { float: right; color: #000000;}

.workContentText strong{ color: #FFFFFF;}

.workTabs { width: 754px;}

.tabSelected { float: left;
	background: url(../images/global/tab_marker.gif) no-repeat top center;
	height: 46px;
	padding-top: 12px;}

.tabUnselected { float: left;
	height: 46px;
	padding-top: 12px;}

.tabSpacer { width:41px;
	height: 58px;
	float: left;} 	


.mainContent { width: 754px;
	overflow: hidden;
	padding: 0px 13px 20px 13px;
	background: url(../images/global/gray_gradient1.gif) repeat-x bottom;}

.grayBox { height: 69px; 
	width: 88px;
	margin: 25px 8px 3px 21px;
	padding: 3px;
	background-color: #e6e6e6;
	float: left;
	text-align:center;}

.quotes { width: 726px;
	padding: 16px 0px 12px 0px;
	margin: 0px 14px 0px 14px;
	border-top: 1px dotted #d3d3d3;}

.contactLeft { width: 322px;
	padding: 16px 14px 12px 14px;
	float: left;}

.redStar { color:#f40505;}

input.inputBox { width: 188px;
	height: 16px;
	font-size: 8pt;
	border: 1px solid #d3d3d3;}

input.inputBoxLarge { width: 188px;
	height: 135px;
	font-size: 8pt;
	border: 1px solid #d3d3d3;}

.contactRight { width: 315px;
	padding: 33px 12px 12px 0px;
	float: right;}

.contactRight p	{ margin:0px 0px 8px 0px; padding:0px; border:0px; text-align:left; vertical-align:top; line-height: 12pt;}

/*:::::LISTS:::::*/

ul { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px;}
ol { margin-top: 0px;}
li { line-height: 13pt;}

ul.standard 		{ margin: 6px 0px 0px 0px; padding: 0px 0px 0px 2px; list-style: none;}
ul.standard li		{ color: #555555; line-height: 14px; font-size: 8pt; padding-bottom: 6px;}
ul.standard li a 	{ text-decoration: none; color: #572b8c;}
ul.standard a:hover { text-decoration: underline;}