@charset "utf-8";
/* CSS Document */

* {	margin: 0px;padding: 0px;}

body {background-color: #000;background-image:url(../images/background2.gif);background-repeat: repeat; background-position: 0px 30px;
	font-size: 62.5%;color:#ededed;font-family: Calibri, Verdana, Geneva, sans-serif;}

/****************************Headers************************************/
div#headers {width: 100%;}
div#headerControl {	width: 950px; margin: 0 auto; font-size: 170%;}


/****************************Navigation******************************/
div#navigation {  float: right; padding-top: 18px;}   

a#works { float: left;display: block;width: 119px;  height: 42px;  background-image: url(../images/works.jpg);background-repeat: no-repeat;
	background-position: 0 0;  overflow: hidden;  text-indent: -10000px;  font-size: 0px;  line-height: 0px; }
a:hover#works { background-position: 0 -42px; }  

a#services {float: left;display: block;	width: 143px;  height: 42px;  background-image: url(../images/services.jpg);background-repeat: no-repeat;
	background-position: 0 0;  overflow: hidden;  text-indent: -10000px;  font-size: 0px;  line-height: 0px; }
a:hover#services {  background-position: 0 -42px;  } 

a#about {float: left;display: block;width: 119px;  height: 42px;  background-image: url(../images/about.jpg);background-repeat: no-repeat;
	background-position: 0 0;  overflow: hidden;  text-indent: -10000px;  font-size: 0px;  line-height: 0px; }
a:hover#about {  background-position: 0 -42px;  } 

a#contact {	float: left;display: block;	width: 143px;  height: 42px;  background-image: url(../images/contact.jpg);background-repeat: no-repeat;
	background-position: 0 0;  overflow: hidden;  text-indent: -10000px;  font-size: 0px;  line-height: 0px; }
a:hover#contact {  background-position: 0 -42px;  } 

/**************************************Banner Info*********************************/
div#header2 { margin: -20px auto !important; clear: both;width: 100%;height: 300px;background:url(../images/banner_bar.png) repeat-x 50% 50%;}
div#header2 h1 {margin: 0 auto;	width: 1000px;background-image:url(../images/banner.png);background-repeat:no-repeat;background-position:center;
	text-indent: -99999em;height: 300px;}

/***************************************Main container*****************************************/
div#main {margin: 5px auto 0px auto;width: 1000px;clear: both; }
div#mainarea {min-height: 500px;}
#mainareaimg {padding: 0px;	float: left;margin-top: .2em;border: none;}

/**************************************Left Column******************************************/
#leftColumn {float: left;width: 500px;  padding-bottom: 120px!important;}
#leftColumn p {font-size: 170%; padding: 10px 0;}
#leftColumn a {color: #FF0000;text-decoration: none;}
#leftColumn a:hover {text-decoration: underline;}

#header1 {	width: 445px;height: 46px;	background: url(../images/header1.png) no-repeat;text-indent: -10000em;	}

/************************************Right Column*********************************/
#rightColumn {float: right;	width: 450px;  padding-bottom: 120px!important;}

/********************************Footer********************************************/
#footerwrapper {width: 100%;min-height: 20em;background-color: #000;}
#footer {width: 1100px; margin: 0 auto;}
#footer a {color: #ff0000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footerbackground {	background-image: url(../images/footerbottom.png);background-repeat: repeat-x;width: 100%;height: 41px;clear: both;	}

/************************************Contact Form in Footer*********************************/

#contactForm { width: 500px; margin:0 20px;	float: left; background: url(../images/formbackground.png) no-repeat 0px 80px;}
#contactForm h1 { text-indent: -10000em; width: 183px; height: 38px; margin: 0;	background: url(../images/contact.png) no-repeat 0 0;}
#contactForm p {padding: 0 20px 5px 5px; font-size: 140%}

/*******************************Twitter Stuff**********************************/

#twitterbackground { margin: 0 40px; float: left; width: 230px;	min-height: 330px;}
#twitter_div { width: 230px; min-height: 50px;}
#twitterbackground h1 { width: 183px; height: 38px; margin: 0; background: url(../images/tweets.png) no-repeat 0 0;	text-indent: -10000em;}
#twitterbackground p {padding: 5px 10px 5px 5px; font-size: 140%;}
#twitter_update_list li {padding-bottom: 20px;}
#twitter_update_list a {color: #ff0000;text-decoration: none;}
#twitter_update_list a:hover {text-decoration: underline;}

#twitter_update_list {width: 210px;	list-style-type: none;  padding-top: 22px;padding-left: 5px;color: #ededed;	font-style: italic;
	font-size: 130%;}

/******************************************Testimonials***************************/

#testimonials { float: left;width: 200px;}
#testimonials h1 {width: 183px;	height: 38px; margin: 0;background: url(../images/testimonials.png) no-repeat 0 0;text-indent: -10000em;}
#testimonials p {font-size: 160%;padding: 10px;}
p#statements {font-size: 160%;font-style: italic;}

/******************************other stuff********************************/

#otherstuff { float: left;width: 200px;}
#otherstuff h1 {width: 183px;	height: 38px; margin: 0;background: url(../images/otherstuff.png) no-repeat 0 0;text-indent: -10000em;}
#otherstuff p {font-size: 140%;padding: 1px;}
#otherstuff address {font-size: 140%;}

/*********************************Thanks Page***********************************************/
#thanks { width: 383px;height: 38px;background: url(../images/thanks.png) no-repeat 50% 50%;text-indent: -10000em;}

/***************************************Services Page*************************************/
#services {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: center; 
	font-size: 24px; margin-bottom: 20px;}
#graphicdesign {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: center; 
	font-size: 24px; margin-bottom: 20px;}
#socialmedia {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: center; 
	font-size: 24px; margin-bottom: 20px;}

#col1 {float: left;width: 300px;padding:0 30px 0 0; font-size: 120%;}
#col1 p {padding: 10px 0;}
#col2 {float: left;width: 300px;padding:0 30px 0 0;font-size: 120%;}
#col2 p {padding: 10px 0;}
#col3 {float: left;width: 300px;padding:0 30px 0 0;font-size: 120%;}
#col3 p {padding: 10px 0;}


/************************************About Page******************************************/
#about { width: 383px;height: 38px;background: url(../images/about.png) no-repeat 50% 50%;text-indent: -10000em;}

#aboutMeRight {	font-size: 130%;}

#aboutMeList {
	list-style-image:url(../images/check.png);
	font-size: 130%;
	margin: 20px;
	line-height: 1.5em;
	}

h1#aboutStudio {
	background: url(../images/aboutthestudio.png) no-repeat 0 0;
	text-indent: -10000em;
	width: 383px;
	height: 38px;
	margin-bottom: 10px;
	}

/************************************Contact Page***************************************/
#contact { width: 383px;height: 38px;background: url(../images/contactpage.png) no-repeat 50% 50%;text-indent: -10000em;}


/**********************************South Bend Page**************************************/

div#headerSouthBend { margin: -20px auto !important; clear: both;width: 100%;height: 300px;background:url(../images/banner_bar.png) repeat-x 50% 50%;}
div#headerSouthBend h1 {margin: 0 auto;	width: 1000px;background-image:url(../images/localSouthBend.png);background-repeat:no-repeat;background-position:center;
	text-indent: -99999em;height: 300px;}
	
h3#headerBend {font-size: 190%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 10px 0;}

/*************************************General Elements***************************************/
a img { border: none;}


.bodyLinks {
	color: #f00;
	text-decoration: none;
	}
.bodyLinks:hover {
	text-decoration: underline;
	}

p {font-size: 140%;}

.copyInfo {
	text-align: center;
	font-size: 100%;
	padding-bottom: 10px;
	}

.copyInfo a {
	color: #f00;
	text-decoration: none;
	}

.copyInfo a:hover {
	text-decoration: underline;
	}