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

body {
margin: 0;
padding: 0;
font:11px Arial, Helvetica, sans-serif;
}

img {
border:0px;
}
#cont{
padding: 10px 0 0 0;
width: 970px;
margin-right: auto;
margin-left: auto;
}

#main_container {
float:left;
background:#fff;
width: 970px;
}

/* Container Background */
.bg1 {
background: #14567a url(../images/bg1.gif) repeat-x fixed;
}
.bg2 {
background: #909090 url(../images/bg2.gif) repeat-x fixed;
}
.bg3 {
background: #598c37 url(../images/bg3.gif) repeat-x fixed;
}
.bg4 {
background: #f68b2d url(../images/bg4.gif) repeat-x fixed;
}

/* Site Structure */


#header {
float: left;
height: 246px;
width: 970px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}

/* NAVIGATION */
#nav {
float: left;
height: 48px;
width: 970px;
background-image: url(../images/navbg.jpg);
background-repeat: no-repeat;
}

#nav a {
padding: 0px 2px 0px 2px;
font-size: 15px;
font-weight: bold;
background-color: transparent;
text-decoration:none;
}

#nav a:hover {
color:#fff;
background-color:#000;
text-decoration:none;
}

#link1 a{
color:#2393ba;
float:left;
margin-top: 15px;
margin-left: 300px;
}
#link2 a{
color:#db6e3c;
float:left;
margin-top: 15px;
margin-left: 100px;
}
#link3 a{
color:#ffca1b;
float:left;
margin-top: 15px;
margin-left: 110px;

}

/* default links */

a:link{
	text-decoration: underline;
	color: #1E7DA2;
}
a:hover {
	background-color: #D9F2C8;
	text-decoration: underline;
	color: #1E7DA2;
}
a:visited {
	text-decoration: underline;
	color: #1E7DA2;
}

/* Main Area */
#main1col1 {
float:left;
width: 473px;
padding: 40px 10px 20px 20px;
background-image: url(../images/mainbg.gif);
background-repeat: no-repeat;
}

#main1col2 {
float:left;
background: #FFFFFF url(../images/home_col2bg.jpg) no-repeat;
width: 172px;
padding: 70px 210px 20px 85px;
}

#main2col1 {
float:left;
width: 700px;
padding: 40px 10px 20px 20px;
background-image: url(../images/mainbg.gif);
background-repeat: no-repeat;
}

#main2col2 {
float:left;
width: 172px;
padding: 20px 20px 20px 20px;
}

#main3col1 {
float:left;
width: 812px;
padding: 40px 10px 20px 20px;
background-image: url(../images/mainbg.gif);
background-repeat: no-repeat;
}

#main3col2 {
float:left;
width: 113px;
padding: 20px 15px 20px 0px;
}

#work_frame {
float:left;
width: 807px;
height:205px;
background-image: url(../images/work_web_frame.jpg);
background-repeat: no-repeat;
}

#work_frame2 {
float:left;
width: 807px;
height:205px;
background-image: url(../images/work_flash_logo_frame.jpg);
background-repeat: no-repeat;
}

#work_tools_a {
float:left;
width: 65px;
height:205px;
background-image: url(../images/work_web_frame_tools_a.jpg);
background-repeat: no-repeat;
}

#work_tools_pw {
float:left;
width: 65px;
height:205px;
background-image: url(../images/work_web_frame_tools_pw.jpg);
background-repeat: no-repeat;
}
#work_tools_pwa {
float:left;
width: 65px;
height:205px;
background-image: url(../images/work_web_frame_tools_pwa.jpg);
background-repeat: no-repeat;
}
#work_tools_pwf {
float:left;
width: 65px;
height:205px;
background-image: url(../images/work_web_frame_tools_pwf.jpg);
background-repeat: no-repeat;
}
#work_tools_pwfa {
float:left;
width: 65px;
height:205px;
background-image: url(../images/work_web_frame_tools_pwfa.jpg);
background-repeat: no-repeat;
}


#work_image_area a {
	float:left;
	width: 712px;
	height:125px;
	margin: 25px 20px 0px 8px;
}

#work_image_area :hover {

}


#work_image_area img {
	border: 1px solid #CCCCCC;
}

#work_image_area2 {
float:left;
margin: 26px 0px 0px 23px;
width:370px;
height:132px;
}

#work_image_area2 img {
	border: 1px solid #CCCCCC;
}

#work_flash_name {
float:left;
width: 300px;
margin: 8px 40px 0px 55px;
}

#work_site_name {
float:left;
width: 450px;
padding: 15px 0px 0px 30px;
}

#work_concept1 {
float:left;
width: 95px;
padding: 15px 0px 0px 27px;
}
#work_concept2 {
float:left;
width: 95px;
padding: 15px 0px 0px 23px;
}

/* Footer */
#footer{
float:left;
padding: 10px 0 200px 0;
width: 970px;

}
#footer_img {
float:right;
padding: 0px 15px 0px 0px;
}


#footer a {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;	
}

#footer a:hover {
	background:#000000;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;	
}

/* headings here */

h1 {
margin:0;
padding:0 0 20px 0;
font-size: 18px;
color: #000;
}

h2 {
	margin: 0 10px 0 0px;
	padding: 2px;
	font-size: 14px;
	color:#FFFFFF;
	background-image: url(../images/bg_trans.png);
	background-repeat: repeat;
}

.border1 {
	background-image: url(../images/bg_trans.png);
	background-repeat: repeat;
}

ul {
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

li {
margin:0;
list-style-image: url(../images/bullet_arrow.gif);
list-style-type: none;
padding:0px 0 3px 0px;
}

.color1 {
	color:#6EAC47;
}
.color2 {
	color:#0066FF;
}

input {
	font-size:10px;
	border: 1px solid #E9E9E9;
}