/* CSS Document */

h1,h2,h3,a {
color:#F69721;
}


body {
	/*background-repeat:no-repeat;
	background-position:-5px 0px;*/
	text-align:center;
	}
		
#bounding_box {
	width:810px;
	position:relative;
	top:-19px;
	left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:50px;
	overflow:visible;
	margin:0 auto;
	text-align:left;
	}
	
html>body #bounding_box {
	width:810px;
	position:relative;
	top:-12px;
	left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:50px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	}
	
#title_bar {
	height:157px;
	width:797px;
	float:left;
	margin-left:3px;
	}
	
html>body #title_bar {
	height:157px;
	width:797px;
	float:left;
	position:relative;
	left:-16px;
	margin-left:0px;
	}
	
html>body #title_bar {
	margin-left:22px;
	}
	
#side_bar {
	width:174px;
	height:auto;	
	float:left;
	position:relative;
	left:3px;
	padding-left:7px;
	padding-top:34px;
	overflow:hidden;
	}
	
#detail_low {
	width:181px;
	height:274px;
	margin-top:100px;
	position:relative;
	left:-3px;
	}
	
#main_area {
	width:618px;
	height:auto;
	float:left;
	position:relative;
	left:9px;
	}
	
#top_bg {
	width:617px;
	height:22px;
	float:left;
	}
	
#middle_bg {
	width:617px;
	height:auto;
	float:left;
	}
	
#middle_left {
	float:left;
	width:390px;
	margin-left:0px;
	padding-left:0px;
	padding-bottom:20px;
	}
	
#middle_left p,h1,h2,h3 {
	margin-left:30px;
	}
	
#middle_left h1 {
	font-family:Century Gothic,Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-bottom:20px;
	}
	
#middle_left h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:15px;
	margin-left:30px;
	margin-bottom:15px;
	background-color:#000;
	padding:2px;
	}
	
#middle_left h1 {
	position:relative;
	left:10px;
	}
	
#middle_left h2.margin {
	margin-left:10px;
	}
	
#middle_left h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:20px;
	background-color:#000;
	padding:2px;
	margin-left:30px;
	}
	
#middle_left p {
	margin-right:50px;
	}
	
#middle_left p.margin {
	margin-left:20px;
	margin-right:50px;
	}
	
#middle_left p.margin_2 {
	margin-left:40px;
	margin-right:50px;
	}
	
#middle_right {
	float:left;
	width:160px;
	margin-left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-top:0px;
	position:relative;
	top:0px;
	left:33px;
	background-image:url(../images/bubbles.gif);
	background-repeat:no-repeat
	}
	
html>body #middle_right {
	top:11px;
	left:37px;
	}	
	
#middle_right p,h1,h2,h3 {
	margin-left:0px;
	}
		
#middle_right h2 {
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:15px;
	left:5px;
	}
	
#middle_right p {
	margin-top:0px;
	margin-bottom:3px;
	}
	
#middle_right p.indent {
	position:relative;
	left:20px;
	}
		
/*#middle_right a {
	font-size:10px;
	text-decoration:none;
	}
	
#middle_right a:hover {
	text-decoration:none;
	}*/
	
#middle_right img {
	position:relative;
	left:16px;
	margin-left:10px;
	}
	
#middle_right img.web_design_project {
	margin:6px;
	border:4px solid #fff;
	}
	
html>body #middle_right img.web_design_project:hover {
	border:4px solid #D3D2E2;
	}
	
.mid_right_box {
	border-top:18px solid black;
	border-right:1px dotted black;
	border-left:1px dotted black;
	border-bottom:1px dotted black;
	padding:5px;
	padding-bottom:30px;
	margin-bottom:10px;
	position:relative;
	left:-7px;
	top:43px;
	background-image:url(../images/mid_right_box_bg.gif);
	z-index:500
	}	
	
html>body .mid_right_box {
	left:0px;
	top:45px;
	}
	
.detail {
	width:165px;
	height:335px;
	background-image:url(../images/bubbles.png);
	background-repeat:no-repeat;
	overflow:visible;
	z-index:100;

	}
		
#bottom_bg {
	width:617px;
	height:289px;
	float:left;
	}
	
#bottom_bg p {
	font-size:9px;
	text-align:right;
	margin-right:35px;
	position:relative;
	top:137px;
	left:15px;
	}
		
/*#display {
	width:400px;
	height:460px;
	position:relative;
	top:20px;
	left:40px;	
	}
	
#display_wide {
	width:550px;
	height:460px;
	position:relative;
	top:30px;
	left:30px;	
	}*/
		
.display_cell {
	float:left;
	width:350px;
	overflow:visible;
	margin:4px;
	margin-left:22px;
	padding-bottom:25px;
	}
	
.display_cell p {
	position:relative;
	left:-22px;
	}
	
.display_cell_top {
	width:210px;
	height:20px;
	}
	
.display_cell_middle {
	width:210px;
	overflow:visible;
	}
	
.display_cell_middle img {
	position:relative;
	left:5px;
	}
		
.display_cell_bottom {
	width:210px;
	height:20px;
	}
	
.display_cell p {
	margin-left:8px;
	}
	
.display_cell_lg {
	float:left;
	width:370px;
	overflow:visible;
	margin:4px;
	margin-left:0px;
	}
	
.display_cell_top_lg {
	width:370px;
	height:20px;
	}
	
.display_cell_middle_lg {
	width:370px;
	overflow:visible;
	}
	
.display_cell_middle_lg img {
	position:relative;
	left:5px;
	}
		
.display_cell_bottom_lg {
	width:370px;
	height:20px;
	}
		
/*.display_cell_shallow {
	float:left;
	width:240px;
	height:130px;
	margin:4px;
	margin-left:22px;
	border:1px solid black;
	padding:0px;
	}
	
.display_cell_small {
	float:left;
	width:120px;
	height:100px;
	margin:4px;
	margin-left:11px;
	border:1px solid black;
	}*/

#side_info {
	width:128px;
	height:210px;
	position:relative;
	left:18px;
	top:70px;
	}
			
#side_info a:hover {
	text-decoration:underline;
	}
	
#side_info p {
	position:relative;
	top:-8px;
	}
	
#detail_low {
	background-image:url(../images/bubbles_low.jpg);
	}
	
.button {
	width:280px;
	height:23px;
	margin-top:0px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
html>body .button {
	margin-bottom:7px;
	position:relative;
	left:7px;
	}
	
span.button_text {
	position:relative;
	top:-7px;
	left:-145px;
	}
	
html>body span.button_text {
	position:relative;
	top:-7px;
	left:-145px;
	}
	
.button a {
	text-decoration:none
	}
	
p, td, li { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
p.copy {
	text-align:right;
	font-size:9px;
	margin-right:15px;
	color:#7E79AC;
	}
	
li {
	margin-bottom:20px;
	margin-right:60px;
	}
	
a {
	text-decoration:underline;
	}
	
a:hover {
	text-decoration:none;
	}
	
/* styles for default graphic layout */

body {
	background-image:url(../images/main_bg.gif);
	background-color:#D6D6E5;
	}
		
#bounding_box {
	background-image:url(../images/bound_bg.gif);
	border: 1px solid #333;
	}
	
html>body #bounding_box {
	background-image:url(../images/bound_bg.gif);
	}
	
#title_bar {
	background-image:url(../images/title_bg.jpg);
	}
	
html>body #title_bar {
	background-image:url(../images/title_bg.jpg);
	}
	
#side_bar {
	background-image:url(../images/side_panel.gif);
	background-repeat:no-repeat;
	}
	
#side_info p {
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding-top:7px;
	padding-bottom:7px;
	color:#AFACC7;
	position:relative;
	top:-18px;
	}
	
html>body #side_info p {
	top:-10px;
	}
	
#side_info p:hover {
	background-color:#FFFFFF;
	}
	
#side_info a {
	color:#000;
	font-weight:normal;
	text-decoration:none;
	}
	
/*#detail_low {
	background-image:url(../images/bubbles_low.jpg);
	}*/
	
#top_bg {
	background-image:url(../images/main_top_bg.gif);
	background-repeat:no-repeat;
	}
	
#middle_bg {
	min-height:174px;
	background-image:url(../images/main_mid_bg.gif);
	background-repeat:repeat-y;
	}
	
/*#middle_left {
	border-right:1px dotted #D3D2E2;
	}*/
	
#middle_left a {
	text-decoration:none;
	}

#middle_left a:hover {
	text-decoration:underline;
	}
		
#middle_right h2 {
	color:#F69721;
	}
		
/*#middle_right a {
	color:#CC6600;
	}
	
#middle_right a:hover {
	color:#CC6600;
	}
	
#detail {
	width:164px;
	height:335px;
	background-image:url(../images/bubbles.png);
	background-repeat:no-repeat;
	}*/
	
#bottom_bg {
	background-image:url(../images/main_bottom_bg.jpg);
	background-repeat:no-repeat;
	}
	
#bottom_bg p {
	color:#7E79AC;
	}

.display_cell_top {
	background-image:url(../images/sceenshots/screenshot_top.gif);
	background-repeat:no-repeat;
	}
	
.display_cell_middle {
	background-image:url(../images/sceenshots/screenshot_bg.gif);
	}
		
.display_cell_bottom {
	background-image:url(../images/sceenshots/screenshot_bottom.gif);
	background-repeat:no-repeat;
	}
	
.display_cell_top_lg {
	background-image:url(../images/sceenshots/screenshot_top_lg.gif);
	background-repeat:no-repeat;
	}
	
.display_cell_middle_lg {
	background-image:url(../images/sceenshots/screenshot_bg_lg.gif);
	}
		
.display_cell_bottom_lg {
	background-image:url(../images/sceenshots/screenshot_bottom_lg.gif);
	background-repeat:no-repeat;
	}
		
#side_info p {
	border-top:1px solid #AFACC7;
	border-bottom:1px solid #AFACC7;
	color:#F69721;
	}
	
#side_info p:hover {
	background-color:#FFFFFF;
	}
	
#side_info a {
	color:#F69721;
	}
	
.button a {
	color:#7E79AC;
	}
	
.button a:hover {
	color:#F69721;
	}
	
#ad_ln0 {
	position:relative;
	left:-155px;
	top:0px;
	}
	
#ad_ln1 {
	position:relative;
	left:-150px;
	top:0px;
	}
	
#ad_ln2 {
	position:relative;
	left:-165px;
	top:0px;
	}
	
#ad_ln3 {
	position:relative;
	left:-179px;
	top:0px;
	}
	
#ad_ln4 {
	position:relative;
	left:-190px;
	top:0px;
	}
	
#ad_ln5 {
	position:relative;
	left:-199px;
	top:0px;
	}
	
#ad_ln6 {
	position:relative;
	left:-204px;
	top:0px;
	}
	
#ad_ln7 {
	position:relative;
	left:-209px;
	top:0px;
	}
	
#ad_ln8 {
	position:relative;
	left:-211px;
	top:0px;
	}
	
#ad_ln9 {
	position:relative;
	left:-211px;
	top:0px;
	}
	
html>body #ad_ln0 {
	top:-7px;
	}
	
html>body #ad_ln1 {
	top:-7px;
	}
	
html>body #ad_ln2 {
	top:-7px;
	}
	
html>body #ad_ln3 {
	top:-7px;
	}
	
html>body #ad_ln4 {
	top:-7px;
	}
	
html>body #ad_ln5 {
	top:-7px;
	}
	
html>body #ad_ln6 {
	top:-7px;
	}
	
html>body #ad_ln7 {
	top:-7px;
	}
	
html>body #ad_ln8 {
	top:-7px;
	}
	
html>body #ad_ln9 {
	top:-7px;
	}