﻿/* General Structure and Layout */

body {
	background: #1C0D0D url(../images/bg.jpg) no-repeat 0 0 fixed;
	font-size: 62.5%;
}

.wrapper {
	width: 960px;
}
/* Logo Positioning */
#header {
	left: 0px;
	top: 0px;
	width: 383px;
	height: 150px;
	padding: 0px;
}

#content, #home, #profile, #products, #gallery {
	width: 560px;
}

#content {
	margin: 0 0 0 380px;
}


#slide-container {
	border: 15px solid #fff;
	bottom: 0;
	height: 340px;
	left: 0;
	overflow: hidden;
	width: 530px;
}
/*section position */
.section {
	padding: 155px 0 0 0;
}
.homesection {
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.section-content, .return-nav {
	width: 670px;
}


/* Section content start from 20px  of content area */
.section-content {
	background-color: #fff;
	padding: 10px;
}

.return-nav {
	
	padding: 0px 0px;
}


.right {
	float: right;
}


/* Positioning */

.wrapper, #content, #home, .section-content, .return-nav, #profile, #products {
	position: relative;
}


#header {
	position: fixed;
}

.clear {
	display: inline-block;
}
	
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Heading and Site Navigation */


ul#nav {
	margin: 80px 0 0 80px;
	width: 215px;
}

ul#nav li {
	margin: 0 0 24px;
}

ul#nav li a.homemenu, ul#nav li a.profilemenu, ul#nav li a.productsmenu, ul#nav li a.servicesmenu, ul#nav li a.contactusmenu {
	display: block;
	height: 18px;
	text-indent: -9999px;
}

ul#nav li a.homemenu {
	background: url(../images/homemenu1.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	width: 190px;
}

ul#nav li a.profilemenu:link {
	background: url(../images/profilemenu1.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	width: 190px;
}

ul#nav li a.productsmenu {
	background: url(../images/productmenu1.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	width: 190px;
}

ul#nav li a.servicesmenu {
	background: url(../images/servicemenu1.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	width: 190px;
}

ul#nav li a.contactusmenu {
	background: url(../images/contactmenu1.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	width: 190px;
}

ul#nav li a.homemeu:hover {
	background: url(../images/homemenu.png) no-repeat 0 0;
}

ul#nav li a.profilemenu:hover {
	background: url(../images/profilemenu.png) no-repeat 0 0;
}

ul#nav li a.productsmenu:hover {
	background: url(../images/productmenu.png) no-repeat 0 0;
}

ul#nav li a.servicesmenu:hover {
	background: url(../images/servicemenu.png) no-repeat 0 0;
}

ul#nav li a.contactusmenu:hover {
	background: url(../images/contactmenu.png) no-repeat 0 0;
}

ul#nav li a.profilemenu:active {
	background: url(../images/profilemenu.png) no-repeat 0 0;
}
ul#nav li a.profilemenu:visited {
	background: url(../images/profilemenu.png) no-repeat 0 0;
}
/* Typography */


.section-content {
	color: #656565;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.section-content p, .section-content ul li, .section-content address {
	font-size: 1.3em;
	line-height: 1.6em;
}

.section-content p {
	margin: 0 0 20px;
}

.section-content h3 {
	font-size: 2.5em;
	left: -.015em;
}

.section-content ul {
	margin: 20px 0 20px 20px;
}


/* Section Headers */




/* Buttons */


a.return, a.returnhome {
	height: 23px;
	width: 145px;
}

a.return {
	background-image: url(../images/return.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.returnhome {
	background: url(../images/returnhome.gif) no-repeat 0 0;
}

 a.returnhome:hover {
	background-position: 0 -35px;
}


a.show, a.hide {
	height: 20px;
	width: 40px;	
}

a.show {
	background: url(../images/togglebutton.png) no-repeat 0 0;
}

a.hide {
	background: url(../images/togglebutton.png) no-repeat 0 -25px;
}

/* Images */

.section-content img {
	background-color: #efefef;
	border: 1px solid #d9d9d9;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

img.left {
	margin: 0 20px 5px 0;
}
.welcome
{
	font-family:  "Times New Roman", Times, serif;
	font-size: 26px;
	color:#ffffff;
	font-style: italic;
	font-weight: bold;
	line-height: normal;
}

.punchline
{
	font-family:  "Times New Roman", Times, serif;
	font-size: 22px;
	color:#ffc660;
	font-style: italic;
	font-weight: bold;
	line-height: normal;
}

.footer {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1D2353;
	text-decoration: none;
}
.bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0039A4;
	text-decoration: none;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.contentCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0039A4;
	text-decoration: none;
}
.email:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #0039A4;
	text-decoration: underline;
}
.email:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #0039A4;
	text-decoration: underline;
}
.email:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #0039A4;
	text-decoration: underline;
}
.email:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
.imgborder {
	text-decoration: none;
	border: 1px solid #000;
}
.blue-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0039A4;
	text-decoration: none;
}
