/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body{
	background-color: #343434;
	font:18px Helvetica, sans-serif;
	color: #333333;
}

a:link, a:visited{
	color: #FFFF99; 
	text-decoration:none;
}

a:hover{
	color:#333; 
}

div.clearer{
	clear: both;
	height: 1px;
}

h1 {
	color: #367EA0;
	margin: 0 0 5px 0;
	font-size: 110%;
}

h2{
	color: #666666;
	font-size: 105%;
}

h3{
	font-size: 90%;
}

/* -----Overall Site Elements----- */

div#container{
	margin: 0 auto;
	background-color: #ffffff;
}

div#header{
	margin: 0 auto;
	width: 900px;
}

div#content{
	margin: 0 auto;
	width: 900px;
}

.fyd{
	color: #115ea7;
}

#nav {
	float: right;
}

#nav li{
	float: left;
	margin: 70px 0 0 20px;
	list-style-type: none;
}

#nav span{
	color: #cbddec;
}

#nav a:link, #nav a:visited{
	color: #b2b2b2; 
	text-decoration:none;
}

#nav a:hover{
	color:#cbcbcb; 
}

div#subWrap{
	background-image: url(../images/bgHeaderSub.jpg);
	background-repeat: repeat-x;
	background-color: #9fc3df;
}

div#subContent{
	padding: 20px 20px 40px 20px;
	color: #f4f4f4;
}


/* -----Home Elements----- */

div#logo{
	padding: 10px 0 0 20px;
	width: 340px;
	float: left;
}

div.textBox{
	width: 400px;
	height: 224px;
	margin: 10px 0 0 10px;
	padding: 15px;
	color: #333333;
	float: left;
}

div.textBox p{
	margin: 0 0 14px 0;
	line-height: 22px;
}

#latestWorks{
	float: right;
	margin: 15px;
}

.headerImage{
	background-color: #f0f0e9;
	background-image: url(../images/bgHeader.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 4px 0 0px 0;
}

#welcome{
	width: 950px;
	margin: 0 auto;
}

.imageHolder{
	text-align: center;
	margin: 0 auto;
}

.offer{
	padding: 12px 5px 12px 45px;
	background-image: url(../images/iconSave.jpg);
	background-repeat: no-repeat;
	border: 1px solid #bebebe;
}


/* -----Home - Featured Elements----- */
#featured {
	float: right;
	width: 410px;
}

#slideContainer{
	position:absolute;
}

#slideContainer div{
	width:410px;
	float:left;
	margin: 20px 0 0 0;
}

#slideContainer .featuredContent{
	float: none;
	height: 255px;
	margin: 0;
	background-color: #FBFBFB;
}

#slideContainer .featuredContent p{
	font-size: 14px;
	padding: 0 0 6px 0;
}

#slideContainer .featuredContent ul{
	list-style-type: none;
	margin: 10px 0 0 5px;
}

#slideContainer .featuredContent ul li{
	margin: 0;
	padding: 0;
}

#slideContainer .featuredContent dl a:link, #slideContainer .featuredContent dl a:visited{
	color: #9DC0DC;
	display: block;
	margin: 4px;
	padding: 4px;
	font-size: 90%;
}

#slideContainer .featuredContent dl a:hover{
	color: #115ea7;
	background-color: #f4f4f4;
}

#slideContainer div .buttons{
	background-color:#f4f4f4;
	border: 1px solid #ccc;
	margin: 4px;
	padding: 4px;
	height: 14px;
	width: 390px;
	clear: both;
}

#slideContainer .subNav{
	margin: 0;
}

#slideContainer .buttons{
	text-align:left;
}

#featured .mask{
	position:relative;
	width:410px;
	height:340px;
	overflow:hidden;
}

#featured #handles span.subMainLink{
	display: block;
	margin: 8px;
	float: left;
	width: 185px;
	height: 110px;
	text-align: center;
	padding: 30px 0 0 0;
	background-repeat: no-repeat;
	background:url(../images/homeSubNav.jpg);
	cursor: pointer;
}

#featured #handles span.subMainLink:hover{
	background:url(../images/homeSubNavOver.jpg);
}

#featured #handles .noLink{
	display: none;
}

#featured .buttons span{
	font-size: 11px;
}

#featured span.prev, #featured span.next{
	cursor: pointer;
	color: #333333;
	float: left;
}

#featured span.next{
	float: right;
}

#featured span.prev:hover, #featured span.next:hover{
	color: #115ea7;
}

#featured h3{
	margin: 5px 0 5px 0;
}

#featured #handles_more, #featured #playFeatures, #featured #mainNextPrev, #featured .subNav h3{
	display: none;
}

#featuredIdentity p, #featuredIdentity img, #featuredDesign p, #featuredDesign img{
	font-size: 60%;
	margin: 10px 0 0 50px;
}

#featuredIdentity a:link, #featuredIdentity a:visited, #featuredDesign a:link, #featuredDesign a:visited{
	color: #666666;
}

#featuredIdentity a:hover, #featuredDesign a:hover{
	color: #115ea7;
}

/* -----Profile Elements----- */

.profileInfo{
	margin: 20px 0px 10px 10px;
	width: 640px;
}

.profileColumn{
	float: left;
	margin: 20px 20px 10px 10px;
	width: 320px;
}

#subWrap h3{
	font-size: 70%;
	color: #ffffff;
}

#subWrap h1, #subWrap h2{
	margin: 0 0 5px 0;
	color: #ffffff;
}

#subWrap h2{
	color: #FFFF99;
}

/* -----Client Elements----- */

.clientBox{
	width: 400px;
	border: 2px solid #cccccc;
	background-image: url(../images/bgClientInfo.gif);
	/* for IE
	filter:alpha(opacity=60);
	 CSS3 standard 
	opacity:0.6;*/
	color: #333333;
	margin: 0 0 10px 10px;
	float: left;
}

.clientIcon, .clientInfo{
	margin: 10px;
}

.clientInfo{
	width: 350px;
	height: 280px;
}

.clientInfo dl{
	margin: 10px 0 0 0;
	font-size: 90%;
}

.clientIcon a:link, .clientIcon a:visited{
	display: block;
	color: #333333;
	background-color: #f4f4f4;
	text-align: center;
}

.clientIcon a:hover{
	color: #115ea7;
	background-color: #e5e5e5;
}


/* -----Footer Elements----- */

div#footerContent{
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

div#footer {
	margin: 0 auto;
	padding: 0 0 10px 0;
	font-size: 12px;
	background:url(../images/bgFooter.jpg); 
	background-repeat: repeat-x;
	background-position: top;
	color: #f4f4f4;
}

div#footerContent a:hover{
	color: #cccccc;
}

div#footerContent p#legal{
	float: right;
	margin: 0 10px 0 0;
}

div#footerContent ul{
	float: left;
	margin: 0 0 0 20px;
}

div#footerContent ul li{
	list-style-type: none;
	float: left;
	margin: 0 5px 0 5px;
}

div#footerContent span{
	color: #b7b496;
}



/* -----Form Elements----- */

.contactForm, .responseForm{
	margin: 0 auto;
	padding: 40px 20px 40px 20px;
	color: #f4f4f4;
}

div.responseForm{
	height: 300px;
	padding: 40px;
	
}

.siteText {
	margin: 0 0 10px 0;
	width: 450px;
}

.formBlock {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}

.formRow {
	padding-bottom: 10px;
}

label, .field {
	font-size: .9em;
	padding-right: 5px;
}

.field {
	/* creates field names that display over fields */
	display: block;
	width: 100%;
}

.required {
	/* color for a required field */
	color: #BEDFFF;
	font-weight: bold;
}

select {
	width: 180px;
}

.sectionTitle {
	font-weight: bold;
	padding-bottom: 10px;
}

div.submitBlock {
	clear: both;
	text-align: right;
}

div.thanks {
	
}