body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #333;
	background-image: url(images/background6.jpg);
	background-attachment:fixed;
	position:relative;
	}

/*css for outer "wrapper1"*/

#wrapper1 {
	padding: 0px;
	height: 800px;
	width: 900px;
	margin: 0 auto;
	background-image: url(images/wrapper_bg5.png);
	top: 10px;
	position: relative;
	box-shadow:5px 5px 10px #666, -5px -5px 10px #696969;
	-webkit-box-shadow:5px 5px 10px #666, -5px -5px 10px #696969;
	-moz-box-shadow:5px 5px 10px #666, -5px -5px 10px #696969;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border: 1px solid #6f6f6f;
	border-right: 1px solid #6f6f6f;
	border-bottom: 1px solid #6f6f6f;
	
}

/*css for "top section" starts here*/

#wrapper1 #top_section {
	height: 440px;
	width: 900px;
	position: relative;
}

#wrapper1 #top_section #clientmaterial{
	width: 550px;
	height: 360px;
	float: right;
	margin-top: 80px;
	margin-right: 40px;
}

#wrapper1 #top_section #nav{
	float: left;
	height: 175px;
	width: 110px;
	margin-left: 40px;
	margin-top: 210px;
}

#wrapper1 #top_section #nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#wrapper1 #top_section #nav ul li {
	font-size: 14px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#wrapper1 #top_section #nav a {
	color: #06f;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: 
	url(images/nav_green3.png);
	background-repeat: no-repeat;
	background-position: left center; 
	width:85px;
}

#wrapper1 #top_section #nav a:hover {
	font-weight: bold;
	background-image: 
	url(images/nav_red3.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #002397;
}

#home #nav a#homelink, 
#about #nav a#aboutlink, 
#services #nav a#serviceslink, 
#portfolio #nav a#portfoliolink, 
#contact #nav a#contactlink, 
#links #nav a#linkslink {
	background-image:
	url(images/nav_red3.png); 
	background-repeat:no-repeat; 
	background-position:left center;
	font-weight: bold;
	color: #002397;
}

#home #nav a#homelink:hover, 
#about #nav a#aboutlink:hover, 
#services #nav a#serviceslink:hover, 
#portfolio #nav a#portfoliolink:hover, 
#contact #nav a#contactlink:hover, 
#links #nav a#linkslink:hover {
	color:#002397;
}


/*css for sub navigation on services page starts here*/

#wrapper1 #top_section #services_nav {
	height: 150px;
	width: 150px;
	left: 150px;
	top: 265px;
	position:absolute;
}

#wrapper1 #top_section #services_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
	border:none;
}

#wrapper1 #top_section #services_nav ul li {
	font-size: 12px;
	margin:0;
	padding:3px 3px 3px 3px;
	list-style-type:none;
}


#wrapper1 #top_section #services_nav a {
	color: #06f;
	text-decoration: none;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:110px;
}

#wrapper1 #top_section #services_nav a:hover {
	font-weight: bold;
	color: #F00;
}
/*css for sub navigation on services page ends here*/


/*css for sub navigation on portfolio page starts here*/
#wrapper1 #top_section #portfolio_nav {
	height: 250px;
	width: 160px;
	left: 150px;
	top: 213px;
	position:absolute;
}

#wrapper1 #top_section #portfolio_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
	border:none;
}

#wrapper1 #top_section #portfolio_nav ul li {
	font-size: 12px;
	margin:0;
	padding:3px 3px 3px 3px;
	list-style-type:none;
}

#wrapper1 #top_section #portfolio_nav a {
	color: #06f;
	text-decoration: none;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:150px;
}

#wrapper1 #top_section #portfolio_nav a:hover {
	font-weight: bold;
	color: #F00;
}

/*css for sub navigation on portfolio page ends here*/

/*css for all "top section" styling ends here*/

/*css for all "lower section" styling starts here*/

#wrapper1 #lower_section_container {
	height: 275px;
	width: 900px;
	top: 483px;
	position: absolute;
	left: 1px;
}

#wrapper1 #lower_section_container #right_side_content{
	float: right;
	margin-right: 40px;
	height: 200px;
	width: 150px;
}

#wrapper1 #lower_section_container #right_side_content_services{
	float: right;
	margin-right: 40px;
	height: 275px;
	width: 350px;
}
#wrapper1 #lower_section_container #right_side_content h1{
	font-size:15px;
	padding:0 0 5px 0px;
	margin:0;
	color:#002397
}

#wrapper1 #lower_section_container #right_side_content_services h1{
	font-size:15px;
	padding:0 0 5px 0px;
	margin:0;
	color:#002397
}
#wrapper1 #lower_section_container #left_side_content {
	float: left;
	height: 120px;
	width: 231px;
	margin-left: 40px;
	box-shadow:1px 1px 2px #002596;
	-webkit-box-shadow:1px 1px 2px #002596;
	-moz-box-shadow:1px 1px 2px #002596;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;

}

#wrapper1 #lower_section_container #main_text_area {
	height: 275px;
	width: 360px;
	margin-left: 310px;
}

#wrapper1 #lower_section_container #main_text_area h1 {
	font-family: Arial, Helvetica, 
	sans-serif;
	font-size: 15px;
	color: #002397;
	padding:0;
	margin:0;
	text-decoration:none;
}

#wrapper1 #lower_section_container #main_text_area_services {
	height: 275px;
	width: 180px;
	margin-left: 310px;

}

#wrapper1 #lower_section_container #main_text_area_services h1 {
	font-family: Arial, Helvetica, 
	sans-serif;
	font-size: 15px;
	color: #002397;
	padding: 0; 
	margin: 0;	
}
/*css for all "lower section" styling ends here*/

/*css for links page only */

#wrapper1 #handylinks {
	float: right;
	height: 670px;
	width: 550px;
	margin-top: 80px;
	margin-right: 40px;
}

#wrapper1 #handylinks .logos {
	float:left;
	padding:10px;
	border: none;
}

#wrapper1 #links_caption {
	position:absolute;
	left:40px;
	top:480px;
	box-shadow:1px 1px 3px #002596;
	-webkit-box-shadow:1px 1px 3px #002596;
	-moz-box-shadow:1px 1px 3px #002596;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}

/*css for articles */
#wrapper1 #articles {
	padding-top:120px; 
	margin:0px 40px 40px 40px; 
	width:750px; 
}

/* css for form starts here */

#wrapper1 #lower_section_container .leftlabel {
	float: left;
	width:35%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#002596;
}

#wrapper1 #lower_section_container form div {
	clear:left;
	margin-bottom:1em;
	width: 350px;
}

#wrapper1 #lower_section_container input.textbox{
	width:200px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}

#wrapper1 #lower_section_container input.rbtn, input.cbox {
	margin-right:3px;
	font-size:13px;
	color: #002596;
}

#wrapper1 #lower_section_container .textarea {
	height:80px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#333;
	width: 340px;
}

#wrapper1 #lower_section_container span.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333
}
/* css for form ends here */

/* css for design quote on individual client pages in the portfolio section*/

#wrapper1 #portfolio_quote {
	position:absolute;
	top:480px;
	left:40px;
	width:231px;
	height:120px;
	box-shadow:1px 1px 3px #002596;
	-webkit-box-shadow:1px 1px 3px #002596;
	-moz-box-shadow:1px 1px 3px #002596;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}

