/* CSS Document           
Created by cube3design.com for carolmdesign.com
The css for the homepage image gallery is in the homegallery folder

	These are the styles for the fonts.
	Some are not used.  To use one change the class="" tag of
	the object holding the text to the name of the font class.
	
*/
.bodyText {
	font-family:verdana;
	font-size:11px;
	color:#333333;
	line-height:15px;
	text-align:left;

}

.bodyTextBold {
	font-family:verdana;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

.bodyTextUnderlined {
	font-family:verdana;
	font-size:11px;
	color:#333333;
	text-decoration: underline;
	text-align:left;
}

.bodyTextBoldUnderlined {
	font-family:verdana;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-decoration: underline;
	text-align:left;
}

.bodyTextLight {
	font-family:verdana;
	font-size:11px;
	color:#EFEFEB;
	line-height:15px;
	text-align:left;
}

.bodyTextBoldLight {
	font-family:verdana;
	font-size:11px;
	color:#EFEFEB;
	font-weight:bold;
	text-align:left;
}

.bodyTextUnderlinedLight {
	font-family:verdana;
	font-size:11px;
	color:#EFEFEB;
	text-decoration: underline;
	text-align:left;
}

.bodyTextBoldUnderlinedLight {
	font-family:verdana;
	font-size:11px;
	color:#EFEFEB;
	font-weight:bold;
	text-decoration: underline;
	text-align:left;
}
/*
	This is the css for the normal links.  Please note they must appear in the 
	stylesheet in this order
*/
a:link{
	font-family:verdana;
	font-size:11px;
	color:#683711;
	text-decoration:underline;
}

a:visited{
	font-family:verdana;
	font-size:11px;
	color:#683711;
	text-decoration:underline;
}

a:hover{
	font-family:verdana;
	font-size:11px;
	color:#683711;
	text-decoration:none;
}

a:active{
	font-family:verdana;
	font-size:11px;
	color:#683711;
	text-decoration:underline;
}

/*
	This is the css for the read more / view more links.  Please note they must appear in the 
	stylesheet in this order
*/
.more a:link{
	font-family:verdana;
	font-size:9px;
	color:#666666;
	text-decoration:underline;
}

.more a:visited{
	font-family:verdana;
	font-size:9px;
	color:#666666;
	text-decoration:underline;
}

.more a:hover{
	font-family:verdana;
	font-size:9px;
	color:#666666;
	text-decoration:none;
}

.more a:active{
	font-family:verdana;
	font-size:9px;
	color:#666666;
	text-decoration:underline;
}

/*
	This is the css for the read more / view more links.  Please note they must appear in the 
	stylesheet in this order
*/
.moreLight a:link{
	font-family:verdana;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:underline;
}

.moreLight a:visited{
	font-family:verdana;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:underline;
}

.moreLight a:hover{
	font-family:verdana;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}

.moreLight a:active{
	font-family:verdana;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:underline;
}
/*
	This defines the background image
	
*/
body {
  background:url(images/bg-stripe.png) repeat-x;
  background-color:#999999;
  margin:0px 0px 0px 0px;
}

#background {
	background:url(images/blank.png);
	z-index:0;	
	position:absolute;
	left:0px;
	right:0px;
	height:599px;
	width:1000px;	
}
/*
	This is the div that holds the solutions page image gallery
*/
#gallery {
	position:absolute;
	left:212px;
	top:42px;
}


/*
	This holds the navigation buttons
*/
#nav {
	position: absolute;
	left: 0px;
	top: 0px;
}

#singleCenterColumn {
	position:absolute;
	left:335px;
	top:155px;
	width:375px;
	text-align:left;
		
}
/*
	These two hold the image and the text under the image respectively
*/
#logo {
	position: absolute;
	left: 108px;
	top: 150px;
}

#carolmdesign-text {
	text-align:left;
	position: absolute;
	height: 155px;
	width: 155px;
	left: 120px;
	top: 202px;
}
/*
	The next two are the news image and news text under the image respectively
*/
#news-updates {
	position: absolute;
	left: 530px;
	top: 40px;
}

#news-text {
	position: absolute;
	height: 254px;
	width: 170px;
	left: 535px;
	top: 71px;
}
/*
	The next two are the how it's done image and how it's 
	done text under the image respectively
*/
#how-its-done {
	position: absolute;
	left: 530px;
	top: 357px;
}

#how-text {
	position: absolute;
	height: 104px;
	width: 170px;
	left: 535px;
	top: 385px;
}
/*
	This holds the logo and text in the right column
*/
#right-column {
	position: absolute;
	left: 780px;
	top: 40px;
}

#right-text {
	position: absolute;
	width:170px;
	left: 785px;
	top: 155px;
}
/*
	This holds the contact form
*/
#contactForm {
	position:absolute;
	left:380px;
	top:200px;
}
/*
	This defines how the text boxes on the contact form should look
*/
.contactFormItem {
 	color: #333333;
	background: #FFFFFF;
	border:1px solid #BFBFBF;
	width:190px;
	font-family:verdana;
	font-size:11px;
}
/*
	This defines how the submit button on the contact form should look
*/
.submitButton {
	border:1px solid #BFBFBF;
	font-family:verdana;
	font-size:10px;
	
}

#footer {
 position:absolute;
 top:600px;
 background-color:#999999;
 height:75px;
 width:100%;
 font-family:verdana;
 font-size:9px;
 color:#FFFFFF 
}

.centeredImage {
	text-align: center;
}

.caption {
	font-family: verdana;
	font-size: 9px;
	color: #333333;
}
.head {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #683711;
}