@charset "UTF-8";


/*---------------------------------------------Main Elements background positions-------------------------------------------  */


*{
	padding:0;
	margin:0;
}
html{

}
body {
	margin: 0 0 0 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5A759C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#container {
	position:relative;
	margin: 0 auto;
	height: 900px;
	width: 835px;
	text-align:left;
	z-index: 0;
}

img{
 	border:0;
}
#navBar{
	position: relative;
	top: 15px;
}
#topBanner{
	position: relative;
	top:25px;
	height: 36px;
	z-index:1;
	background: url(../images/mainDisplay/images/creativewerd_top_03.png) no-repeat;
	}
#flashcontent {
	height: 554px;
	position: relative;
	top: 25px;
	width: 834px;
	z-index: 3;
}
#bottomBanner{
	;
	position: relative;
	top:25px;
	height: 40px;
	background: url(../images/mainDisplay/images/bottomBanner_03.png) no-repeat;
	left: 0px;
	z-index:9;
}
#container #login {
	background: url(../images/misc/images/Cn_bg_12.png) no-repeat;
	position: absolute;
	top: 697px;
	width: 362px;
	height: 161px;
}
#container #aboutus {
	position: absolute;
	left: 373px;
	top: 697px;
	height: 161px;
	width: 465px;
	background-image: url(../images/mainDisplay/images/images/BG_13.png);
	background-repeat: no-repeat;
}

#container #detail {
	background: url(../images/misc/images/gen_bg_09.png) no-repeat;
	position: absolute;
	top: 697px;
	width: 465px;
	height: 161px;
}
#container #aboutP {
	background: url(../images/photo/images/about_photo_14.png) no-repeat;
	position: absolute;
	left: 475px;
	top: 697px;
	height: 161px;
	width: 362px;
}

#container #aboutD {
	background: url(../images/design/images/about_design_14.png) no-repeat;
	position: absolute;
	left: 476px;
	top: 697px;
	height: 161px;
	width: 362px;
}

#container #aboutV {
	background: url(../images/video/images/about_video_14.png) no-repeat;
	position: absolute;
	left: 476px;
	top: 697px;
	height: 161px;
	width: 362px;
}
#container #aboutPW {
	background: url(../images/PW/images/bg_pw_14.png) no-repeat;
	position: absolute;
	left: 476px;
	top: 697px;
	height: 161px;
	width: 362px;
}
#container #download {
	position: absolute;
	left: 476px;
	top: 697px;
	height: 170px;
	width: 362px;
	background: url(../images/down/download.png) no-repeat;
}
/*---------------------------------------------Main Elements background positions-------------------------------------------  */


#container #aboutus ul p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A759C;
	text-align: right;
	position: relative;
	top: 58px;
	line-height: 2em;
	font-weight: 400;
	display: inline-block;
	width: 240px;
}
a:hover {
	color:#FFFFFF;
	cursor: pointer;
	}
a {
	color: #5A759C;
	text-decoration: none;
}
#aboutP  #first_row_p {
	font-size: 12px;
	line-height: 3em;
	text-align: left;
	position: relative;
	left: 10px;
	top: 50px;
	float: left;
}
#download  #first_row {
	font-size: 12px;
	text-align: left;
	position: relative;
	left: 30px;
	top: 63px;
	margin-right: 45px;
	margin-left: 55px;
}
#aboutV  #first_row_v{
	font-size: 12px;
	line-height: 3em;
	text-align: left;
	position: relative;
	left: 10px;
	top: 50px;
	float: left;
}
#aboutD  #first_row_d{
	font-size: 12px;
	line-height: 3em;
	text-align: left;
	position: relative;
	left: 10px;
	top: 50px;
	float: left;
}
#aboutPW  #first_row_PW{
	font-size: 12px;
	line-height: 3em;
	text-align: left;
	position: relative;
	left: 10px;
	top: 50px;
	float: left;
}
#aboutP #second_row_p {
	position: relative;
	font-size: 12px;
	line-height: 3em;
	float: left;
	top: 50px;
	left: 65px;
}
#aboutV #second_row_v {
	position: relative;
	font-size: 12px;
	line-height: 3em;
	float: left;
	top: 50px;
	left: 55px;
}
#aboutP #video_p {
	float: left;
	font-size: 12px;
	line-height: 3em;
	top: 50px;
	position: relative;
	left: 112px;
}
#aboutD #video_d {
	float: left;
	font-size: 12px;
	line-height: 3em;
	top: 50px;
	position: relative;
	left: 45px;
}
#aboutPW #video_PW {
	float: left;
	font-size: 12px;
	line-height: 3em;
	top: 50px;
	position: relative;
	left: 65px;
}
#aboutV #video_v {
	float: left;
	font-size: 12px;
	line-height: 3em;
	top: 50px;
	position: relative;
	left: 101px;
}
#photo_bottomBanner {
	position: absolute;
	top: 645px;
	background: url(../images/mainDisplay/images/bottomBanner_03.png) no-repeat;
	height: 40px;
	width: 834px;
	z-index: 2;
}
#container #bg {
	background-image: url(../images/contact/images/background_03.png);
	background-repeat: no-repeat;
	position: relative;
	height: 596px;
	width: 834px;
	top: 20px;
}
/*---------------------------------------------------Beginning of Form Element CSS--------------------------------------*/
#container  #bg  #head  h1  {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 1.3em;
	padding-bottom: 4px;
	color: #7BA0D7;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom-color: #5A759C;
}
#head   {
	width: 420px;
	border: 1px solid #5A759C;
	background-color: #FFFFFF;
	float: left;
	position: absolute;
	left: 20px;
	top: 20px;
}
#container #bg #form {
	width: 439px;
	position: absolute;
	top: 163px;
	left: 20px;
}
#container #bg #form fieldset {
	width: 360px;
	padding-left: 30px;
	padding-right: 30px;
	height: 397px;
	padding-top: 8px;
}
#container #bg #head p {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.25em;
}
#container #bg #form form {
	width: 425px;
	line-height: 2.2em;
}
#container #bg #form legend {
	padding-right: 5px;
	padding-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
#help   {
	font-size: 11px;
	line-height: 1.25em;
	background-color: #FFFFFF;
	width: 350px;
	position: absolute;
	left: 460px;
	top: 20px;
	height: 550px;
	padding: 0px;
	border: 1px solid #5A759C;
}
#help p {
	padding: 8px 10px 10px;
}
h3    {
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A759C;
	color: #82A9E3;
}
#user_c {
	position: absolute;
	left: 13px;
	top: 40px;
}
#user_e {
	position: absolute;
	left: 193px;
	top: 40px;
}
#pass_c {
	position: absolute;
	left: 13px;
	top: 80px;
}
#pass_e {
	position: absolute;
	left: 193px;
	top: 80px;
}
label {
	font-size: 12px;
}
#sumbtn_c {
	position: relative;
	left: 13px;
	top: 125px;
	float: left;
}
#sumbtn_e {
	position: relative;
	left: 135px;
	top: 125px;
	float: left;
}
.right_align {
	text-align: right;
}
#facebook {
	position: relative;
	margin-left: 100px;
	margin-top: 10px;
	float: left;
}
#down {
	position: relative;
	margin-top: -25px;
	margin-left: 140px;
	float: left;
}