/* Start of CMSMS style sheet 'mash' */
* {
	PADDING: 0px; 
	MARGIN: 0px; 
}

.left {
	FLOAT: left
}

.right {
	FLOAT: right
}

BODY {
	FONT-SIZE: 12px; 
	BACKGROUND: url(cake_bg.png) #92a4a6 repeat-x; 
	COLOR: #333; 
	FONT-FAMILY: arial, "lucida grande",verdana,helvetica,sans-serif;
}

A {
	COLOR: #003d4c; 
	TEXT-DECORATION: underline; 
	outline: none
}

A:hover {
	COLOR: #e32; 
	TEXT-DECORATION: underline
}

A IMG {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

p {
	line-height: 20px;
}

H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 28px; 
	FONT-FAMILY: 'Gill Sans','lucida grande',helvetica, arial, sans-serif;
}

H2 {
	MARGIN: 30px 20px 20px 0px; COLOR: #e32
}
H3 {
	FONT-SIZE: 22px; 
	line-height: 30px;
	FLOAT: left;
	width: 463px;
}


H4 {
	font-size: 12px;
	FLOAT: left;
	FONT-WEIGHT: normal;
	position: absolute;
	bottom: 15px;
	left: 0px;
}


#container {
	MARGIN: 0px auto; 
	WIDTH: 990px; 
	PADDING: 0px 0px; 
	POSITION: relative; 
}

#tab1 {
	BACKGROUND: url(whatwedolarge.png) no-repeat;
	text-indent: -9000px;
	height: 30px;
}

#tab2 {
	BACKGROUND: url(serviceslarge.png) no-repeat;
	text-indent: -9000px;
	height: 30px;
}

#tab3 {
	BACKGROUND: url(getaquotelarge.png) no-repeat;
	text-indent: -9000px;
	height: 30px;
}

#tab4 {
	BACKGROUND: url(reviewlarge.png) no-repeat;
	text-indent: -9000px;
	height: 30px;
}

#content {
	PADDING: 5px 0px 20px 0px; 
	POSITION: relative; 
	width: 990px; 
	margin: auto;
}

.tab-container {
	MARGIN: 0px 0px
}

BODY.js .tab-container {
	OVERFLOW: hidden; 
    WIDTH: 975px; 
    PADDING-TOP: 51px; 
    POSITION: relative
}

.tabs {
	WIDTH: 100%; 
    POSITION: absolute;
    TOP: 0px; 
    HEIGHT: 52px
}

.tabs UL {
    margin: auto;
}
.tabs LI {
	DISPLAY: block; 
FLOAT: left

}
.tabs A {
	HEIGHT: 52px; 
    DISPLAY: block; 
    FONT-SIZE: 16px; 
    FLOAT: left; 
    WIDTH: 240px; 
    COLOR: #000; 
    TEXT-ALIGN: center; 
    TEXT-DECORATION: none; 
    padding-top: 20px;
	outline: none;
}
.tabs LI:hover {
	COLOR: white;
	BACKGROUND: url(g3493.jpg) no-repeat 50% 10px;
}
.tabs LI.active {
	COLOR: white;
	BACKGROUND: url(g3499.png) no-repeat center;
	outline: none;
}

.tabs LI.active A {
	COLOR: white;
	outline: none;
}

BODY.js .panels {
	LEFT: 0px; 
    WIDTH: 9000px; 
    POSITION: relative;
}

.panel {
	PADDING: 10px 0px; 
    LINE-HEIGHT: 20px; 
    BORDER-BOTTOM: #eee 1px solid; 
    POSITION: relative
}

.panel p {
    width: 463px;
    margin: 0px;
    font-size: 22px;
    line-height: 30px;
}

BODY.js .panel {
	 FLOAT: left; 
     WIDTH: 975px; 
     BORDER: none; 
     HEIGHT: 289px; 
     BACKGROUND: url(rect2608.png) no-repeat center;
}
.panel .image {
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	LEFT: 670px; 
	PADDING-BOTTOM: 6px; 
	PADDING-TOP: 6px; 
	POSITION: absolute; 
	TOP: 50px;
}

.panel .actions {
	LEFT: 560px; 
    LIST-STYLE-TYPE: none; 
    POSITION: absolute; 
    TOP: 15px
}

.panel LI {
    margin: 0px 20px;
    font-size: 22px;
    line-height: 25px;
    list-style-type: none;
}

UL.features {
	MARGIN-TOP: 10px; 
    FONT-SIZE: 85%
}

UL.features LI {
	MARGIN-LEFT: 20px
}

DIV.channel {
	FLOAT: left; 
    MARGIN: 10px 20px 10px 4px; 
    WIDTH: 365px
}


#interact DIV.channel {
	WIDTH: 500px
}

UL.items {
	MARGIN-LEFT: 8px
}

UL.items LI {
	PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    PADDING-BOTTOM: 3px; 
    MARGIN-LEFT: 10px; 
    PADDING-TOP: 3px
}

#nav {
    width: 990px;
    border-bottom: 1px solid black;
    padding-top: 10px;
}

#nav ul {
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 5px 0 0;
	padding: 0;
	list-style: none;
}
	
#nav li {
	float: right;
	padding: 5px;
	margin-right: 5px;
}
	
#nav ul a {
	float: left;
	display: block;
	text-decoration: none;
}

#nav ul li:hover {
    border-bottom: 5px solid red;
	color: #f77701;
}
	
#nav ul li.current {
	color: #000000;
	border: 0;
    border-bottom: 5px solid red;
}
	
#leftcolumn { 
    color: #333;
    margin: 0px 63px 5px 0px;
    padding: 0px;
    height: 120px;
    width: 200px;
    float: left;
}

#leftmiddle { 
    color: #333;
    margin: 0px 63px 5px 0px;
    padding: 0px;
    height: 120px;
    width: 200px;
    float: left;
}

#rightmiddle { 
    color: #333;
    margin: 0px 63px 5px 0px;
    padding: 0px;
    height: 120px;
    width: 200px;
    float: left;
}

#rightcolumn { 
    color: #333;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 120px;
    width: 200px;
    float: left;
}

#leftcolumn img { padding-bottom: 10px; }
#leftmiddle img { padding-bottom: 10px; }
#rightmiddle img { padding-bottom: 10px; }
#rightcolumn img { padding-bottom: 10px; }

#fade { 
    border-bottom: 1px solid black;
    padding-top: 55px;
    height: 150px;
    clear: both;
}

#side-a {
	float: left;
	width: 198px;
	padding: 0px 25px;
	margin: 35px 0 25px 0;
}

#side-b { 
	padding: 0px 25px;
	margin: 35px 0 25px 0;
	float: left;
	width: 691px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	border-left: 1px solid black;
}

#side-b H2 {
	FONT-WEIGHT: bold; 	
	FONT-SIZE: 28px; 
	FONT-FAMILY: 'Gill Sans','lucida grande',helvetica, arial, sans-serif;  
	margin: 20px 20px 20px 0px;
	color: black;
}
#side-b p {
	margin-bottom: 15px;
}

#tring-web-design {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 40px; 
	FONT-FAMILY: 'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	padding-top: 10px;
}

#tring-web-design img {
	border: none;
}

#title {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 40px; 
	FONT-FAMILY: 'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	padding: 20px 20px 20px 0px;	
}

#side-b ul {
	margin-left: 20px; 
	padding: 0;
}

.formbuilderform {
	float: right;
	padding-right: 50px;
}

.formbuilderform fieldset {
	border: none;
}

.formbuilderform .required {
	display: block;
}

.search {
display: inline;
position: absolute;
right: 0px;
top: 53px;
border: none;
}
/* End of 'mash' */