@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color: #272727;
	}

/***TEXT STYLING***/
h1 {}

/***BODY OF PAGE***/

#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:929px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-left: auto;
	margin-right: auto;
	}
#screen {
	margin: 0;
	padding: 0;
	}
#header {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/main/header.jpg);
	background-repeat: no-repeat;
	width: 929px;
	height: 251px;
	}
	
/*** Main Wrappers ***/
#mainContentWrapper {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/main/mainTable.jpg);
	background-repeat: no-repeat;
	width: 929px;
	height: 520px;
	margin-top: 25px;
	}
#studioContentWrapper {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/studio/studioTable.jpg);
	background-repeat: no-repeat;
	width: 929px;
	height: 520px;
	margin-top: 25px;
	}
#aboutContentWrapper {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/about/aboutTable.jpg);
	background-repeat: no-repeat;
	width: 929px;
	height: 520px;
	margin-top: 25px;
	}
#servicesContentWrapper {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/services/servicesTable.jpg);
	background-repeat: no-repeat;
	width: 929px;
	height: 520px;
	margin-top: 25px;
	}
#contactContentWrapper {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/services/servicesTable.jpg);
	background-repeat: no-repeat;
	width: 929px;
	height: 520px;
	margin-top: 25px;
	}
/***navBar Div***/
.navBar {
	margin: 0;
	padding: 0;
	width: 505px;
	height: 30px;
	margin-left: 20px;
	margin-top: 0px;
	}

/***Beginning of Welcome Section***/
#welcomeWrapper {
	margin: 0;
	padding: 0;
	width: 650px;
	height: 145px;
	float: left;
	margin-left: 18px;
	margin-top: 15px;
	}
.welcomeImage {
	position: absolute;
	background-image: url(Swelter_Template/main/welcome.jpg);
	background-repeat: no-repeat;
	width: 108px;
	height: 28px;
	left: 48px;
	top: 332px;
	}
#welcomeImage {
	margin: 0;
	padding: 0;
	width: 108px;
	height: 28px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	}
.welcomeDivLine {
	position: absolute;
	width: 350px;
	height: 1px;
	top: 30px;
	left: 5px;
	border-top: 1px solid #595959;
	}
	
/* this is for sub pages text division*/
#welcomeDivLine {
	position: absolute;
	width: 350px;
	height: 1px;
	top: 365px;
	left: 45px;
	border-top: 1px solid #595959;
	}
	
#welcomeText {
	position: absolute;
	width: 440px;
	height: 75px;
	top: 40px;
	left: 5px;
	}
#ssID {
	position: absolute;
	background-image: url(Swelter_Template/main/ssID.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 65px;
	left: 565px;
	}
#ssIDBadge {
	position: absolute;
	background-image: url(Swelter_Template/main/symbol.jpg);
	background-repeat: no-repeat;
	width: 108px;
	height: 83px;
	left: 565px;
	top: 389px;
	}
	
/***Beginning of Recent News Content***/
#newsWrapper {
	margin: 0;
	padding: 0;
	width: 870px;
	height: 250px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	}
#newImageDataWrapper {
	position: absolute;
	width: 245px;
	height: 230px;
	top: 484px;
	left: 34px;
	}
.newsImage {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/main/recentNews.jpg);
	background-repeat: no-repeat;
	width: 144px;
	height: 27px;
	margin-left: 20px;
	margin-top: 4px;
	}
#newsText {
	margin: 0;
	padding: 0;
	width: 205px;
	height: 180px;
	margin-left: 25px;
	margin-top: 17px;
	}

/***Beginning of Recommend Section***/
#recWrapper {
	position: absolute;
	width: 230px;
	height: 230px;
	top: 490px;
	left: 355px;
	}
#recImage {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/main/weRecommend.jpg);
	background-repeat:no-repeat;
	width: 166px;
	height: 27px;
	margin-left: 30px;
	margin-top: 3px;
	}
.mtLogo {
	margin: 0;
	padding: 0;
	background-image: url(Swelter_Template/main/mtimage.gif);
	background-repeat: no-repeat;
	width: 108px;
	height: 42px;
	margin-top: 25px;
	margin-left: 57px;
	}
#recText {
	margin: 0;
	padding: 0;
	width: 175px;
	height: 110px;
	margin-top: 10px;
	margin-left: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

/***Beginning of Clients Wrapper***/
#clientsWrapper {
	position: absolute;
	width: 275px;
	height: 230px;
	left: 610px;
	top: 490px;
	}
.clientsImage {
	background-image: url(Swelter_Template/main/someClients.jpg);
	background-repeat: no-repeat;
	width: 141px;
	height: 27px;
	margin-left: 10px;
	}
#divLineClients {
	width: 235px;
	height: 1px;
	margin-top: 2px;
	margin-left: 13px;
	border-top: 1px solid #595959;
	}
#prePortImage {
	position: absolute;
	background-image: url(Swelter_Template/main/clientsRec.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 52px;
	top: 40px;
	left: -3px;
	}
#prePortImageTwo {
	position: absolute;
	background-image: url(Swelter_Template/studio/clientsRec2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 52px;
	top: 100px;
	left: -3px;
	}
#prePortImageThree {
	position: absolute;
	background-image: url(Swelter_Template/main/jivemug.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 52px;
	top: 160px;
	left: -3px;
	}
/***New Page Starts Here...PAGE=Studio***/

/***Beginning of studio elements***/
#studioImage {
	background-image: url(Swelter_Template/studio/theStudio.jpg);
	background-repeat: no-repeat;
	width: 142px;
	height: 35px;
	position: absolute;
	top: 330px;
	left: 45px;
	}
#studioText {
	position: absolute;
	width: 440px;
	height: 50px;
	top: 380px;
	left: 45px;
	}
.studioDivLine {
	position: absolute;
	width: 175px;
	height: 1px;
	top: 445px;
	left: 45px;
	border-top: 1px solid #595959;
	}
.portImageOne {
	position: absolute;
	background-image: url(Swelter_Template/studio/client1.jpg);
	background-repeat: no-repeat;
	width: 408px;
	height:	208px;
	top: 492px;
	left: 45px;
	}
.portImageTwo {
	position: absolute;
	background-image: url(Swelter_Template/studio/care_client2.jpg);
	background-repeat: no-repeat;
	width: 408px;
	height:	208px;
	top: 492px;
	left: 45px;
	}
.portImageThree {
		position: absolute;
	background-image: url(Swelter_Template/studio/jivemug_client.jpg);
	background-repeat: no-repeat;
	width: 408px;
	height:	208px;
	top: 492px;
	left: 45px;
	}
.portVertDivLine {
	position: absolute;
	background-image: url(Swelter_Template/studio/studio_seperator_dash.jpg);
	width: 5px;
	height: 200px;
	left: 485px;
	top: 495px;
	}
#portTextDesc {
	position: absolute;
	width: 300px;
	height: 135px;
	left: 525px;
	top: 530px;
	}
#openSite {
	position: absolute;
	width: 99px;
	height: 41px;
	left: 165px;
	top: 95px;
	}
.prevNextClientsWrapper {
	position: absolute;
	width: 500px;
	height: 22px;
	left: 45px;
	top: 456px;
	}
#prevClients {
	position: absolute;
	width: 107px;
	height: 22px;
	top: 0;
	left: 0;
	}

#prevNextDash {
	position: absolute;
	background-image: url(Swelter_Template/studio/prevNextDash.jpg);
	background-repeat: no-repeat;
	width: 303px;
	height: 6px;
	left: 110px;
	top: 8px;
	}
#nextClient {
	position: absolute;
	width: 79px;
	height: 21px;
	left: 418px;
	top: 0px;
	}
#ssIDStudio {
	position: absolute;
	background-image: url(Swelter_Template/main/ssID.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 65px;
	left: 565px;
	top: 312px;
	}
#ssIDStudioBadge {
	position: absolute;
	background-image: url(Swelter_Template/main/symbol.jpg);
	background-repeat: no-repeat;
	width: 108px;
	height: 83px;
	left: 565px;
	top: 380px;
	}

/***About Page CSS***/
#aboutWrapper {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 500px;
	clear: both;
	float: left;
	margin-left: 11px;
	}
#aboutImage {
	position: absolute;
	background-image: url(Swelter_Template/about/aboutSwelter.jpg);
	background-repeat: no-repeat;
	width: 207px;
	height: 35px;
	left: 295px;
	top: 345px;
	}
#aboutDivLine {
	position: absolute;
	width: 460px;
	height: 1px;
	top: 385px;
	left: 40px;
	border-top: 1px solid #595959;
	}
#aboutText {
	position: absolute;
	width: 445px;
	height: 315px;
	left: 40px;
	top: 400px;
	}
#aboutSepDiv {
	position: absolute;
	background-image: url(Swelter_Template/about/about_vert_seperator.jpg);
	background-repeat: no-repeat;
	width: 5px;
	height: 292px;
	left: 513px;
	top: 410px;
	}
#behindHeatWrapper {
	position: absolute;
	width: 350px;
	height: 250px;
	float: left;
	left: 530px;
	top: 445px;
	}
#behindImage {
	position: absolute;
	background-image: url(Swelter_Template/about/behindTheHeat.jpg);
	background-repeat: no-repeat;
	width: 206px;
	height: 36px;
	left: 30px;
	top: 34px;
	}
#behindDivLine {
	position: absolute;
	width: 300px;
	height: 1px;
	top: 75px;
	left: 31px;
	border-top: 1px solid #595959;
	}
#behindText {
	position: absolute;
	width: 315px;
	height: 150px;
	left: 565px;
	top: 547px;
	}
#productList {
	position: absolute;
	background-image: url(Swelter_Template/about/product_apps.jpg);
	background-repeat: no-repeat;
	width: 155px;
	height: 29px;
	left: 690px;
	top: 660px;
	}

#ssIDAbout {
	position: absolute;
	top: 312px;
	left: 565px;
	background-image: url(Swelter_Template/main/ssID.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 65px;
	}
#ssAboutIDBadge {
	position: absolute;
	top: 380px;
	left: 565px;
	background-image: url(Swelter_Template/main/symbol.jpg);
	background-repeat: no-repeat;
	width: 108px;
	height: 83px;
	}
	
/***Beginning of Services Page***/
#servicesImage {
	position: absolute;
	background-image: url(Swelter_Template/services/swelter_services.jpg);
	background-repeat: no-repeat;
	width: 239px;
	height: 38px;
	left: 38px;
	top: 340px;
	}
#servicesDivLine {
	position: absolute;
	width: 460px;
	height: 1px;
	top: 385px;
	left: 45px;
	border-top: 1px solid #595959;
	}
#servicesText {
	position: absolute;
	width: 445px;
	height: 90px;
	left: 45px;
	top: 400px;
	}
#servicesDivLineTwo {
	position: absolute;
	width: 230px;
	height: 1px;
	top: 500px;
	left: 45px;
	border-top: 1px solid #595959;
	}
#currentServices {
	position: absolute;
	background-image: url(Swelter_Template/services/current_services.jpg);
	background-repeat: no-repeat;
	width: 144px;
	height: 23px;
	left: 45px;
	top: 512px;
	}
#currentServicesTextWrapper {
	position: absolute;
	width: 450px;
	height: 145px;
	left: 45px;
	top: 535px;
	}
#currentServicesText {
	position: absolute;
	width: 400px;
	height: 115px;
	left: 30px;
	top: 15px;
	}
#triangleWrapper {
	position: absolute;
	width: 18px;
	height: 88px;
	left: 5px;
	top: 14px;
	}
.triListDot {
	position: absolute;
	background-image: url(Swelter_Template/services/triangle_dots_list.jpg);
	background-repeat: no-repeat;
	width: 18px;
	height: 17px;
	}

.triListDotTwo {
	position: absolute;
	background-image: url(Swelter_Template/services/triangle_dots_list.jpg);
	background-repeat: no-repeat;
	width: 18px;
	height: 17px;
	top: 70px;
	}
#quoteWrapper {
	margin: 0;
	padding: 0;
	width: 350px;
	height: 240px;
	float: left;
	margin-left: 525px;
	margin-top: -237px;
	}
#requestQuote {
	position: absolute;
	background-image: url(Swelter_Template/services/request_quote.jpg);
	background-repeat: no-repeat;
	width: 154px;
	height: 27px;
	top: 478px;
	left: 538px;
	}
#requestDivLine {
	position: absolute;
	width: 250px;
	height: 1px;
	top: 512px;
	left: 538px;
	border-top: 1px solid #595959;
	}
#ssIDServices {
	position: absolute;
	background-image: url(Swelter_Template/main/ssID.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 65px;
	top: 312px;
	left: 565px;
	}
#ssServicesIDBadge {
	position: absolute;
	background-image: url(Swelter_Template/main/symbol.jpg);
	width: 108px;
	height: 83px;
	top: 380px;
	left: 565px;
	}
#servicesWrapper {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 500px;
	clear: both;
	float: left;
	margin-left: 11px;
	}

/***Form Data***/
/*form for services page*/
#servicesFormField {
	position: absolute;
	top: 520px;
	left: 565px;
	width: 300px;
	height: 165px;
	}
	
#formField {
	position: absolute;
	top: 45px;
	left: 23px;
	width: 300px;
	height: 165px;
	}
#form1 {
	margin: 0;
	padding: 0;
	position: relative;
	width: 300px;
	height: 185px;
	}
#name {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	background-color: #999999;
	border: 2px solid #333333;
	}
#email {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	background-color: #999999;
	border: 2px solid #333333;
	}
#subject {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	background-color: #999999;
	border: 2px solid #333333;
	}
#textarea {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	background-color: #999999;
	border: 2px solid #333333;
	}
	
	
/***Beginning of Contact Page***/
#contactImage {
	position: absolute;
	background-image: url(Swelter_Template/contact/contact_swelter.jpg);
	background-repeat: no-repeat;
	width: 247px;
	height: 38px;
	left: 45px;
	top: 335px;
	}
#getInTouch {
	position: absolute;
	background-image: url(Swelter_Template/contact/GetInTouch.jpg);
	background-repeat: no-repeat;
	width: 130px;
	height: 28px;
	left: 215px;
	top: 5px;
	}
#contactText {
	position: absolute;
	width: 445px;
	height: 145px;
	left: 55px;
	top: 395px;
	}
#contactWaysTextWrapper {
	position: absolute;
	width: 450px;
	height: 120px;
	left: 45px;
	top: 575px;
	}
#contactMethodText {
	margin: 0;
	padding: 0;
	width: 215px;
	height: 115px;
	margin-left: 5px;
	float: left;
	}
#otherContactInfo {
	margin: 0;
	padding: 0;
	width: 175px;
	height: 100px;	
	margin-left: 250px;
	}
#contactWrapper {
	width: 350px;
	height: 245px;
	position: absolute;
	left: 530px;
	top: 468px;
	}
#contactDivLineOne {
	position: absolute;
	width: 460px;
	height: 1px;
	top: 375px;
	left: 45px;
	border-top: 1px solid #595959;
	}
#contactDivLineTwo {
	position: absolute;
	width: 150px;
	height: 1px;
	top: 540px;
	left: 45px;
	border-top: 1px solid #595959;
	}
#getInTouchDivLine {
	position: absolute;
	width: 140px;
	height: 1px;
	border-top: 1px solid #595959;
	left: 200px;
	top: 35px;
	}
#ssIDContact {
	position: absolute;
	background-image: url(Swelter_Template/main/ssID.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 65px;
	top: 312px;
	left: 565px;
	}
#ssContactIDBadge {
	position: absolute;
	background-image: url(Swelter_Template/main/symbol.jpg);
	background-repeat: no-repeat;
	width: 108px;
	height: 83px;
	top: 380px;
	left: 565px;
	}
#form2 {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 185px;
	margin-top: 10px;
	}
#contactVertLine {
	background-image: url(Swelter_Template/contact/vert_dash_line.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 201px;
	position: absolute;
	left: 465px;
	top: 495px;
	}
	
/***Footer Contents***/
#footer {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 929px;
	margin-top: 0px;
	}
#copyright {
	margin: 0;
	padding: 0;
	width: 310px;
	height: 13px;
	float: left;
	position: relative;
	left: 299px;
	top: -40px;
	z-index: 4px;
	}
/***Misc***/