/* 
Web Design Women CSS Document 
*/

/* 	----------------------------------------------
	GENERAL SETTING
----------------------------------------------  */
Body {
	background-color:#ffffff;
	margin:0 auto;
	}
.container {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	line-height:30px;
	font-size:36px;
	margin-top:0px;
	margin-bottom:10px;
	}
h2 {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	font-weight:lighter;
	color:#ff00ff;
	line-height:20px;
	font-size:24px;
	margin-top:0px;
	margin-bottom:10px;
	}
h3 {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	color:#ff33ff;
	line-height:14px;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	line-height:12px;
	margin-top:0px;
	margin-bottom:0px;
	}
p, ul, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	margin-top:0px;
	margin-bottom:10px;
	}
ul, li {
	color:#666666;
	}
.article_pic {
	background-image:url(images/article-pic-bg.png);
	background-repeat:no-repeat;
	width:131px;
	height:131px;
	text-align:center;
	padding-top:9px;
	}
a { color:#ff66ff; }
a:hover { color:#ff00ff; }	
.hspacer1 {
	background:url(images/hspacer1.png) no-repeat;
	width:960px;
	height:19px;
	margin:10px 0px 0px 10px;
	}
.introtext1 {
	width:920px;
	margin:30px 30px 10px 30px;
	color:#666666;
	}

/* Form */
.form {
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:30px;
	}

/* 	----------------------------------------------
	HEADER SECTION
----------------------------------------------  */
#header {
	margin-bottom:0px;
	}
#header_l {
	width:350px;
	padding:40px 0px 0px 30px;
	float:left;
	}
#header_r {
	width:560px;
	float:right;
	text-align:right;
	padding:40px 30px 0px 0px;
	}

/* 	----------------------------------------------
	BANNER SECTION
----------------------------------------------  */
#banner .container{
	margin-top:0px;
	background-image:url(images/main-banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	height:335px;
	}
.banner_copy {
	width:470px;
	float:right;
	margin-right:30px;
	margin-top:100px;
	color:#ffffff;
	}

/* 	----------------------------------------------
	TOP SECTION
----------------------------------------------  */
#top_section {}
#top_section .container {
	background-image:url(images/top-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:3px;
	min-height:160px;
	}
#top_section_l {
	width:710px;
	padding:50px 0px 0px 30px;
	float:left;
	}
#top_section_l1 {
	width:135px;
	float:left;
	}
#top_section_l2 {
	width:550px;
	margin-left:20px;
	float:left;
	}
#top_section_l2 p {
	color:#666666;
	line-height:18px;
	}
#top_section_r {
	width:210px;
	padding:50px 30px 0px 0px;
	float:right;
	text-align:right;
	}

/* top section for article */
#top_section_a {}
#top_section_a .container {
	background-image:url(images/top-bg-a.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:0px;
	min-height:182px;
	}

/* Portfolio */
#portfolio_l {
	width:217px;
	margin:50px 0px 0px 30px;
	float:left;
	}
#portfolio_r {
	width:650px;
	margin:50px 0px 0px 20px;
	float:left;
	}
#portfolio_r  p {
	color:#666666;
	line-height:18px;
	}	
#portfolio_r  a {
	text-decoration:none;
	}

/* Team */
.team {
	margin:50px 0px 30px 30px;
	overflow:hidden;
	}
.team_pic {
	background:url(images/article-pic-bg.png) no-repeat;
	width:131px;
	height:131px;
	float:left;
	}
.team_article {
	width:750px;
	margin-left:20px;
	float:left;
	}
.team_article p{
	color:#666666;
	}

/* Technology */
.technology {
	margin:50px 0px 0px 30px;
	overflow:hidden;
	}
.technology_pic {
	width:150px;
	height:150px;
	float:left;
	}
.technology_article {
	width:750px;
	margin-left:20px;
	float:left;
	}
.technology p{
	color:#666666;
	}
	
/* 	----------------------------------------------
	MIDDLE SECTION
----------------------------------------------  */
#middle_section {
	background-image:url(images/middle-bg.jpg);
	background-repeat:repeat-x;
	min-height:185px;
	margin-top:20px;
	}
.column_l {
	width:220px;
	margin:20px 33px 15px 0px;
	float:left;
	}
.column_r {
	width:220px;
	margin:20px 0px 15px 0px;
	float:right;
	}
#middle_section p {
	font-size:12px;
	line-height:14px;
	color:#666666;
	}
#middle_section a {
	text-decoration:none;
	}
#middle_section h2 {
	margin-top:30px;
	margin-bottom:0px;
	}

/* 	----------------------------------------------
	BOTTOM SECTION
----------------------------------------------  */
#bottom_section {
	background-image:url(images/middle-bg.jpg);
	background-repeat:repeat-x;
	min-height:185px;
	margin-top:20px;
	}
#bottom_section p {
	font-size:12px;
	line-height:14px;
	color:#666666;
	}
#bottom_section a {
	text-decoration:none;
	}
#bottom_section h2 {
	margin-top:30px;
	margin-bottom:0px;
	}
	
/* 	----------------------------------------------
	FOOTER SECTION
----------------------------------------------  */
#footer {
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color:#000000;
	min-height:130px;
	margin-top:30px;
	}
#footer_l {
	width:275px;
	float:left;
	padding:35px 0px 35px 115px;
	text-align:right;
	}
#footer_r {
	width:475px;
	float:left;
	padding:50px 0px 50px 0px;
	margin-left:20px;
	text-align:left;
	}
.bottom_menu {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	}
.bottom_menu a {
	text-decoration:none;
	color:#ffffff;
	}
.bottom_menu a:hover {
	color:#ff00ff;
	}