/* CSS Document */

body {
	background-color: #ffffff;
	margin-top:10px;
	margin: 0;
	padding: 0;
}

#container {
	width: 810px; 
	margin: 0 auto; 
	height: auto; 
	background: #FFF;
	margin-bottom:10px;
}	

#splash_container {
	width: 600px; 
	margin: 0 auto; 
	background: #ffffff;
}

#splash_container a {
    color: #66737b;
    text-decoration: underline;
}
#splash_container a:hover {
    color: #66737b;
	text-decoration: none;
}

#splash  {
    padding-top:80px;
    margin: 0 auto;
    background-image:url(../images/splash-logo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:350px;
	height:142px;
}

#topbanner {
    background-image:url(../images/header-alt.jpg);
	background-repeat:no-repeat;
    margin-top:5px;
	border-left: 1px solid #efefef; 
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
    background-color: #ffffff;
	position:relative;
	width:810px;
	height:50px;
}

#bottom_frame a {
    font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
	padding-left:40px;
}
#bottom_frame a:hover {
    color: #ffffff;
	text-decoration:underline;
}

#content_wrapper {
    background-image:url(../images/main-back.png);
    margin-top:5px;
	border-left: 1px solid #efefef; 
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
    background-color:#ffffff;    
	position:relative;
	width:810px;
	height: auto; 
}

#content_wrapper a {
    color: #66737b;
    text-decoration: underline;
}
#content_wrapper a:hover {
    color: #66737b;
	text-decoration: none;
}


#top_frame  {
    background-image:url(../images/top-frame.png);
	background-repeat:no-repeat;
    width: 810px;
    height: 45px;
	position:relative;
}

#bottom_frame  {
    clear:both;
    background-image:url(../images/bottom-frame.png);
	background-repeat:no-repeat;
    width: 810px;
    height: 45px;
	position:relative;
}

#port_bottom_frame  {
    background-image:url(../images/bottom-frame-portfolio.png);
	background-repeat:no-repeat;
    width: 810px;
    height: 45px;
	position:relative;
}

#menu_wrapper  {
    z-index: 10;
    float:left;
	width:120px;
    height: 375px;
	position:absolute;
	margin-left:10px;
	
}

* html div#menu_wrapper { 
	width: 120px; 
	w\idth: 120px; }

#footer  {
    background-image:url(../images/footer.png);
    background-repeat:no-repeat;
    width: 810px;
    height: 35px;
}

#client_area  {
   margin-left:150px;
   text-align:left;
   float:left;
   height: 35px;
}

* html div#client_area { 
    height: 25px;
	heig\ht: 25px;
	margin-left:80px;
	marg\in-left:80px;
 }

#client_area a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
    color: #66737b;
    text-decoration: underline;
}
#client_area a:hover {
    color: #66737b;
	text-decoration: none;
}


#home  {
    background-image:url(../images/home.png);
    background-repeat:no-repeat;
    width: 665px;
	height:360px;
	padding-left:150px;
}

* html div#home { 
	width: 660px; 
	w\idth: 660px; }
	
#clients  {
    background-image:url(../images/clients-back.jpg);
    background-repeat:no-repeat;
    width: 660px;
	height:360px;
	float:right;
	
}

* html div#clients { 
	width: 660px; 
	w\idth: 660px; }	
	
#contact  {
    background-image:url(../images/contact-back.jpg);
    background-repeat:no-repeat;
    width: 660px;
	height:360px;
	float:right;
	
}

* html div#contact { 
	width: 660px; 
	w\idth: 660px; }

#flash_box  {
    background-image:url(../images/empty-back.png);
    background-repeat:repeat;
    z-index: 0;
    width: 660px;
	height:auto;
	padding-left:150px;
}

#flash-portfolio {width: 640px; height:360px; }

* html div#flash_box { 
	width: 660px; 
	w\idth: 660px; }

#content_box  {
    background-image:url(../images/empty-back.png);
	background-repeat:repeat;
    width: 660px;
	height:auto;
	padding-left:150px;
}

#payment_box  {
    width: 600px;
}

/* start text styles */ 

.headers {
    padding-bottom:30px;
    margin-left:60px;
    font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	color: #83a2bb;
	letter-spacing: 0.04em;
	font-family: Arial, Helvetica, sans-serif;
}

.page_titles {
	font-size: 16px;
	font-weight: 900;
	font-variant: normal;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.page_headers {
	font-size: 12px;
	font-weight:600;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.content_text {
    padding-right:20px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	letter-spacing: 0.3px;
}

.payment_text {
    padding:20px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	letter-spacing: 0.3px;
}

.splash_text {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color:#66737b;
	text-align:center;
	letter-spacing: 0.3px;
}

.splash_subtext {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#66737b;
	text-align:center;
	letter-spacing: 0.3px;
}

.key_text {
    padding-top:600px;
    padding-right:40px;
    padding-left:40px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#66737b;
	text-align:left;
	letter-spacing: 0.3px;
}

.splash_headers {
    text-align:center;
    font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	color: #66737b;
	letter-spacing: 0.04em;
	font-family: Arial, Helvetica, sans-serif;
}

* html div.splash_text {
    margin-top:10px; 
    mar\gin-top:10px;
	 }

.footer  {
    font: 11px Arial, Helvetica, sans-serif;
    color: #333333;
	text-align:right;
	margin-right:20px;
	padding-top:8px;
}