/********************************************
   HTML ELEMENTS
********************************************/ 
 
 
* { margin: 0; padding: 0px; outline: none;}
 
html, body { 
background: #ffffff url(../images/mainbg2.jpg) repeat-x; 
margin: 0;
font-family: Lucida Sans, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;
color: #444444;
padding: 0px;
}

img { border:none;}


a {
	text-decoration: none;
	color: #e86625;
	padding: 0;
	margin: 0;
}
a:hover {
	text-decoration: underline;
	color: #e86625;
	outline: 0;
	padding: 0;
	margin: 0;
}


a:active, a:focus{outline: 0;}

/* ----------HR-------------- */
div .hr { height: 48px; background: url('../images/hr.gif') no-repeat; border: none; border: 0px;}
div .hrtwo { height: 20px; background: url('../images/hrtwo.gif') repeat-x; border: none; border: 0px; padding: 0px;  margin-bottom: -4px;}
hr { display: none}

.line { border: none; border-bottom: 1px dashed #525252; height: 0px; margin-left: 10px; margin-bottom: 20px; width: 98%  }
.clear { clear: both; }


/* ----------BLOG PATCH-------------- */
.blog { background: url(../images/blog.png); width: 273px; height: 190px;; position: absolute; text-indent: -999em; right: 0; top: 0; display: block;}


/* ----------CENTER OF THE LAYOUT-------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto 0em; /* make sure this matches in the body footer DIV */
width: 960px;
}
 

/* --------------LABELS & FORMS------------- */

form {
	margin:10px 15px;
	width:500px;
	padding: 0;
	border: 1px solid #f2f2f2;
	background-color: #CCCCCC;
	color:#333;
}
label {
	display:block;
	font-weight:bold;
	width:500px;
	margin:5px 0;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#333;
}
input {
	padding: 2px;
	border:1px solid #eee;
		width:250px;

	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}
textarea {
	width:450px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}
 

/* --------------HOME HEADER---------------------------------------------------------- */
#header { background: url(../images/headbg.png) repeat-x; height: 462px;}
#header .holder {margin: 0 auto; width: 960px; background: url(../images/missionbg.jpg)  repeat-x top right; height: 451px; padding-top: 12px; }
#header .holder .navtop { height: 124px; }
#header .mission { width:491px; height: 200px; margin-top: 45px;}
#header .mission h4 { background: url(../images/missionhead.png) no-repeat; width: 491px; height: 99px; margin-bottom: 10px; }

#header .mission p { 
font-family: Lucida Sans, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;
color: #fafaf7;
text-align: justify
}


/* --------------SUB HEADER---------------------------------------------------------- */
#subheader { height: 184px;}
#subheader .holder {margin: 0 auto; width: 960px; height: 184px; padding-top: 12px; }
#subheader .holder .navtop { height: 124px; }


/* --------------TOPNAV------------------------------------------------------------- */
.suckertreemenu {
height: 39px;
float: left; 
width: 800px;
height: 27px; 
margin-top: 43px;
}

.suckertreemenu img { border: none; margin-left: 40px; }

.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{ position: relative; display: block; float: left;  }

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: black;
font: 10pt Tahoma, Arial, Verdana, Sans-serif;
color: #fafaf7;
text-decoration: none;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 40px;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: 0px;
border-right: 1px solid #222;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li {
display: list-item;
float: none;
padding: 0px 0px 0px 8px;
background: url(../images/navbg.gif) repeat-x;
width:160px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul li{ 
left: 8px; /* no need to change, as true value set by script */
top: 0;
background: url(../images/navbg2.gif) repeat-x;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
font-family: Lucida Sans, sans-serif;
font-size: 9px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
background: url(../images/icon_arrow.gif) no-repeat left center;
padding: 10px 0px 9px 15px;
}

.suckertreemenu ul li a:hover { color: #fafaf7;}
.suckertreemenu ul li ul li a:hover { text-decoration:underline;  }

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap {
background-image: url('../images/logo.gif');
background-repeat: no-repeat;
width: 143px;
height: 114px;
float: left
}
 
.logolink a { float: left;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------PAGE HEADERS------------- */
#main .sub h3 { width: 431px; height: 30px; color:#e86625; padding-left: 10px; font: bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-transform:uppercase; margin-bottom: 0px }

/* --------------HOME SERVICES------------- */
#services { margin-top: 14px; height: 100%; min-height: 100%; height: auto; text-align: center}
#services h3 {  background: url(../images/head_ourservices.gif) no-repeat; width: 188px; height: 42px; } 

/* --------------SERVICES BLOCKS----------------*/
#services .serviceblocks {
padding: 11px 0px 0px 0px;
font: 12px Lucida Sans, Helvetica, Arial, Sans-Serif;
color: #61584d;
height: 100%;
height: auto;
min-height: 100%;
width: 960px;
line-height: 18px;
}

#services .serviceblocks a {
color: #ee4591;
font-weight: bold;
text-decoration: none;
text-transform:lowercase
}

#services .serviceblocks a:hover { text-decoration: none}

#services .serviceblocks p {
padding: 0px 15px 10px 15px;
font-family: Lucida Sans, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;
color: #444444;
text-align: justify
}

#services .serviceblocks img { padding: 5px 0px 2px 0px; border: none;}
#services .serviceblocks .block { float: left; width: 320px; margin: 0px; padding: 0px; clear:right }

/* --------------NEWS HOME------------- */
#main .news { padding-top: 10px; margin-left: 562px;}
#main .news h3 { background: url(../images/head_news.png) no-repeat; width: 300px; height: 60px; margin-bottom: 20px }

#news { padding: 0px; margin: 0px; height: 100%; height: auto; min-height: 114px; clear: right}
#news .icon { float: left; width: 126px; height: 114px; background: url(../images/news_icon.png) no-repeat top left; text-align: center; padding-left: 3px; }
#news .icon h5 { color: red;  color: #1a1a1a; text-transform: uppercase; font-family: Lucida Sans, sans-serif; font-size: 10px; padding-top: 31px}
#news .icon b {color:#3f5e63; font-family: Lucida Sans, sans-serif; font-size: 17px; font-weight: normal }
#news .text { text-align: left; padding: 18px 0px 0px 20px; margin-left: 126px; }
#news .text img { margin-bottom: 10px; border: none;}

#news .text h4 {
font-size: 13px;
font-family: Lucida Sans, sans-serif;
text-transform: uppercase;
color: #fafaf7;
padding-bottom: 4px;
}

#news .text p { padding-bottom: 0px; clear:right; margin-bottom: 10px;
font-family: Lucida Sans, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;
color: #444444;
text-align: justify}

/* --------------QUOTE HOME------------- */
#main .quote { float:left; width: 562px; margin-top: 10px; padding: 0px;}
#main .quote h3 { background: url(../images/head_quote.png) no-repeat; width: 431px; height: 60px; margin-bottom: 20px }

#main .quote p {
padding-right: 50px;
margin-bottom: 20px;
font-family: Lucida Sans, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;
color: #444444;
text-align: justify
}

#quoteswap {background: url(../images/button_getquote_on.png);  width: 173px;  height: 85px; }
 
/* --------------MAIN------------- */
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}
 

#main .content {
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}

/* --------------SUBPAGES------------- */
 #main .sub { margin-top: 20px;  padding: 0px; }

#main .sub p {
padding: 0px 10px 20px 10px;
font-family: Lucida Sans, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;
color: #444444;
text-align: justify
}

#main .sub p a { color: #e86625;  }
#main .sub p a:hover { color: e86625;}

#main .sub h4 { color:#962625; padding-left: 10px; font: bold 22px Arial, Helvetica, sans-serif; font-style: normal; text-transform:uppercase; margin-bottom: 8px }


/* --------------IDENTITY / WEB / PRINT------------- */
#main .sub .id, .web, .print { background: url(../images/idbg.gif); border: 1px solid #262626; padding: 10px; min-height: 312px; margin-bottom: 20px; }

#main .sub .idleft, .webleft, .printleft { float:left; width: 696px; margin: 0px;}
#main .sub .idcontent, .webcontent, .printcontent { padding: 0px; margin-left: 710px; margin-top: 10px;  }

#main .sub .id h5, .web h5, .print h5 { 
padding-left: 19px; 
font: bold 18px Arial, Helvetica, sans-serif; 
font-style: normal; 
text-transform:uppercase; 
color:white; 
margin: 0px 0px 2px 10px; 
background: url(../images/icon_plus.gif) no-repeat top left 
}

#main .sub .id p img, .web p img, .print p img { padding-right: 6px;}
#idholder, #webholder, #printholder { background-color: white; padding: 8px; }

#main .sub .web .visitsite { text-transform: uppercase; font-weight: bold}

/* --------------CREATED WITH ICONS------------- */
.created {height: 20px;}


/* --------------CREATED WITH ICONS------------- */

.idnext { background: url(../images/idbg.gif); border: 1px solid #262626; padding: 10px; }
.idnext a { color: white; }
.idnext .next { margin-left: 890px }
.idnext .prev { }

/* --------------ABOUT US / RECENT NEWS------------- */
#main .sub .about, .recentnews, .contact { margin-top: 20px;}
#main .sub .aboutleft, .recentnewsleft { float:left; width: 290px; margin: 0px;}

#main .sub .aboutcontent, .recentnewscontent {
padding: 0px;
margin-left: 310px;
margin-top: 0px;
}

#main .sub .about ul, .recentnews ul {
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
margin-top: -15px;
}

#main .sub .about h5, .recentnews h5 {
font: bold 13px Lucida Sans, sans-serif; font-style: normal; text-transform:uppercase; color:white; margin-bottom: 16px;
}

#main .sub .about ul li  {
list-style-type: none;
color: #444444;
font: 12px Lucida Sans, sans-serif; font-style: normal; line-height: 2.2em;
background: url(images/icon_x3.gif) no-repeat left top;
padding-left: 25px;
}


/* -----------------------------CYCLE----------------------------- */
.print a  {
font: bold 14px Arial, Helvetica, sans-serif;
text-transform: uppercase;
position: absolute;
margin: 88px 0px 0px 710px;
cursor: pointer;
}

.print img {border: none; cursor: pointer;}

#prev, #prev2, #prev3, #prev4 { color: red; }
#next, #next2, #next3, #next4 {padding-left: 75px; color: black}



/* -----------------------------CONTACT US----------------------------- */
.contactcontent { padding: 0px; margin-left: 480px; margin-top: 10px;}
.contactcontent img { border: none;}
.contactleft { float:left; width: 445px; margin: 0px; }
.contactleft img { border: 8px solid white; margin-bottom: 18px;}


.name { height: 29px; background: url(../images/label_name.gif) no-repeat; }
.email { height: 29px; background: url(../images/label_email.gif) no-repeat; }
.message { height: 29px; background: url(../images/label_message.gif) no-repeat; width: 181px; }


.contactleft .heads { 
padding-left: 19px; 
font: bold 11px Lucida Sans, sans-serif; 
font-style: normal; 
text-transform:uppercase; 
color:white; 
background: url(../images/icon_plus.gif) no-repeat top left;
margin-left:10px;
}

/* --------------RECENT NEWS------------- */
.recentnews li { color: white; display: block; border-top: 1px dashed #525252;  padding: 10px 0px 10px 0px; margin-right: 20px; font: 10px Lucida Sans, sans-serif; line-height: 2em;}
.recentnews li a { color: #ff0065; text-transform: uppercase; font: bold 11px Lucida Sans, sans-serif; line-height: 2em; padding: 10px 10px 10px 0px;}
.recentnews li a:hover { color: white; }
.recentnews h6  { color: #ff0065; text-transform: uppercase; font-size: 9px; font-style: italic; font-weight: normal }


/* --------------NEWS POST------------- */
h7.title { color:white; padding-left: 10px; font: bold 18px Arial, Helvetica, sans-serif; font-style: normal; text-transform:uppercase;  }

.recentnewscontent b { color: #ff0065; text-transform: uppercase; font: 11px Lucida Sans, sans-serif; line-height: 2em; padding-left: 10px; margin-top: -8px;}
.recentnewscontent .read {background: url(../images/idbg.gif); border: 1px solid #262626; padding: 10px; }

.recentnewscontent a, .idnext a { color: white; font: bold 17px Lucida Sans, sans-serif; font-style: normal; text-transform:uppercase; }
.recentnewscontent a.next { float:right }
.recentnewscontent img { border: none;  }

.recentnewscontent a.list { line-height: 1.7em; text-transform: none; font-size: 10px; font-weight: bold;}

/* --------------FOOTERX------------- */
#footerx, .push { 
width: 100%;
height: 0em; /* make sure this matches in the body container DIV */
clear: both;
bottom: 0;
left: 0;
}
 
#footerx {
border-top-color: #EFEFEF;
border-top-width: 1px;
border-top-style: solid;
margin-top: 10px;
padding-top: 5px;
}
 
/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 5px;
}
table2 {
	margin: 0px 0px;	
}
th strong {
	color: #fff;
}
th {
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	background-color: #e86625;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #e86625;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
/* end - table */