/*
general
links
headers
everything else
left box
right box
boxes
*/

/*/////general/////*/
a img{
border:none;
}
p{
margin:0 0 1em 0;
}
p,ol,ul{
	line-height:1.5em;
}
ol,ul{
	margin-top:-1em;
}
.above_ul{
	margin-bottom:1em;
}
li{
	margin:0 0 0 -1em;
	padding:0;
}
/*/////end general/////*/

/*////links/////*/
a{
	color:#363636;
}
a:hover{
	color:#FF4040;
}
/*/////end links/////*/

/*/////headers/////*/
h1{/*Zeal Solutions*/
	font-size:x-small;
	font-weight:normal;
	margin:0;
	float:left;
}
h2{/*Custom web services*/
	font-size:x-small;
	font-weight:normal;
	margin:0;
}
h3{/*above left box*/
	margin:0;
	position:absolute;
	top:28px;
	left:10px;
	z-index:2;
}
h4{/*headers in left box*/
	color:#555;
	font-weight:500;
	width:85%;
	border-bottom:1px solid #555;
	font-size:13pt;
	line-height:11pt;
	margin:0;
	padding:0 0 0 5px;
	text-transform:lowercase;
	white-space:nowrap;
}
h4.screenshots{
	margin-bottom:0.5em;
}
/*/////end headers/////*/

/*/////everything else/////*/
body{
	background:#EAEAEA url(../images/body_bg_boxes.gif) no-repeat 50% 423px;
	color:#363636;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 0 1em 0;
	font-size:small;
}
#container{
	margin:auto;
	position:relative;
	text-align:left;
	width:730px;
}
#top_info{
	color:#999;
	font-size:x-small;
	font-weight:normal;
}
#logo1{
	position:absolute;
	left:318px;
	top:309px;
	z-index:3;
}
#logo2{
	position:absolute;
	left:571px;
	top:265px;
	z-index:3;
}
#flower{
	position:absolute;
	top:0;
	left:244px;
	z-index:2;
}
#footer{
	font-size:8pt;
	text-align:center;
	padding:1em 0 2em 0;
	white-space:nowrap;
}
input{
	font-size:small;
}
input.submit{
	background-color:#EAEAEA;
	border-top:2px solid white;
	border-left:2px solid white;
	border-bottom:2px solid #666666;
	border-right:2px solid #666666;
	font-weight:bold;
	font-size:10pt;
}
/*/////end everything else/////*/

/*/////left box/////*/
#left_box{
	position:absolute;
	top:55px;
	left:0;
	text-align:left;
	width:345px;
}
#left_box_content{
	color:#0B1733; /*main text color*/
	padding:5px 5px 0.25em 5px;
	background-color:#C6CAD3;
	border:1px solid #000000;
	min-height:350px;
}
#left_box_wrap1{
	float:right;
	width:90px;
	height:40px;
}
#left_box_wrap2{
	float:right;
	clear:both;
	width:1px;
	height:185px;
}
#left_box_wrap3{
	clear:both;
	float:right;
	width:30px;
	height:110px;
}

a.client_link{
	text-decoration:none;
	font-weight:bold;
}
/*/////end left box/////*/

/*/////right box/////*/
#right_box{
	background-color:#D8DADE;
	border:1px solid #757575;
	position:absolute;
	left:330px;
	top:20px;
	width:234px;
	height:270px;
	font-size:10pt;
	padding-top:10px;
	white-space:nowrap;
	overflow:visible;
}
#right_box ul, #right_box li{
	margin:0;
	padding-left:0;
	line-height:1em;
}
#right_box ul.portfolio, #right_box ul.portfolio li{
	margin:0;
	padding-left:0;
	line-height:1em;
}
#right_box li{
	list-style-type:none;
	margin-bottom:4px;
	margin-top:4px;
	padding:3px 0;
}
#right_box ul.portfolio li{
	padding:0;
}
#right_box ul ul{
	padding-left:40px;
	display:none;
}
#right_box ul.portfolio ul{
	display:block;
}
#right_box ul ul li{
	list-style-image:url('../images/bullet.png');
	list-style-type:disc;
	margin-bottom:0;
}

#right_box a{
	text-decoration:none;
	display:block;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:5px;
}
#right_box .portfolio a{
	/*padding:1px inherit 1px inherit;*/
	padding-top:1px;
	padding-bottom:1px;
	height:1em;
}
#right_box ul a{
	padding-left:21px;
}
#right_box ul ul a{
	padding-left:0;
}
#right_box a:hover{
	background-color:white;
	color:#FF4040;

}
#right_box a.cur{
	background-color:#707E92;
	color:white;
}
#right_box a.cur:hover{
}

.image_link{
	text-align:center;
}
.image_link img{
	border:1px solid black;
}
.image_link a{
	border-bottom:3px solid #363636;
}
.image_link a:hover{
	border-bottom:3px solid #FF4040;
}
/*/////end right box/////*/

/*/////boxes/////*/
/*upper right*/
#box5{
	background-color:#DBDDE0;
	border:1px solid #8C8C8C;
	position:absolute;
	left:561px;
	top:75px;
	width:100px;
	height:170px;
}
#box4{
	background-color:#DEDFE2;
	border:1px solid #9F9F9F;
	position:absolute;
	left:639px;
	top:190px;
	width:77px;
	height:121px;
}
#box3{
	background-color:#E0E1E4;
	border:1px solid #AEAEAE;
	position:absolute;
	left:618px;
	top:293px;
	width:60px;
	height:66px;
}
#box2{
	background-color:#E4E4E6;
	border:1px solid #C5C5C5;
	position:absolute;
	left:603px;
	top:348px;
	width:23px;
	height:30px;
}
#box1{
	background-color:#E6E6E7;
	border:1px solid #D3D3D3;
	position:absolute;
	left:593px;
	top:370px;
	width:18px;
	height:18px;
}
/*end upper right*/
/*lower right*/
#box10{
	background-color:#E2E3E5;
	border:1px solid #BBBBBB;
	position:absolute;
	left:548px;
	top:393px;
	width:18px;
	height:18px;
}
#box9{
	background-color:#E5E5E6;
	border:1px solid #C9C9C9;
	position:absolute;
	left:527px;
	top:403px;
	width:23px;
	height:30px;
}
#box8{
	background-color:#E5E6E7;
	border:1px solid #CECECE;
	position:absolute;
	left:475px;
	top:422px;
	width:60px;
	height:66px;
}
#box7{
	background-color:#E7E7E8;
	border:1px solid #D8D8D8;
	position:absolute;
	left:437px;
	top:470px;
	width:77px;
	height:111px;
}
#box6{
	background-color:#E7E7E8;
	border:1px solid #D8D8D8;
	position:absolute;
	left:495px;
	top:523px;
	width:100px;
	height:160px;
}
/*lower right*/
/*/////end boxes/////*/