/* CSS Document */
html { height: 100%; padding-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 1005px;
	background: #db2929 url(images/topbackg-new.jpg) top center no-repeat;
	}

p form h1 h2 table
{
margin: 0;
padding: 0;
}

.clear
{
clear: both;
}

#container
{
margin-left: auto;
margin-right: auto;
width: 1005px;
height: auto;
}

#main
{
width: 1005px;
height: auto;
float: left;
}

#toptext
{
width: 780px;
height: 70px;
float: left;
line-height: 29px;
overflow: hidden;
}

#toptext h1
{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-weight: normal;
font-size: 10px;
color: #e2a3a3; 
}

#navbar
{
width: 615px;
height: 70px;
float: left;
}

#topcontent
{
width: 780px;
height: 319px;
float: left;
padding-left: 112px;

}

#flashsroller
{
width: 773px;
height: 170px;
float: left;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
overflow: hidden;
}

#flashholder
{
width: 773px;
height: 170px;
float: left;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
overflow: hidden;
padding: 5px 0 0 5px;
}

pre { text-align: left; overflow: visible }
code { }
pre code { background-color: #eee }

.pics { padding: 5px; }
.pics img { height: 164px; width: 768px; padding: 0; margin:5px 0 0 5px;}

.bpics
{ 
padding: 0; 
}

.bpics img 
{ 
height: 300px; 
width: 400px; 
padding: 0; 
margin: 0;
}

#mainrepeat
{
width: 1005px;
height: auto;
float: left;
background: url(images/repeat-backg-new.jpg) top center repeat-y;

}

#maincontainer
{
width: 780px;
height: auto;
float: left;
background: url(images/mid-backg-new.jpg) top center no-repeat;
padding-left: 115px;
padding-right: 110px;
}

/* ----- HOME ------ */

#homeleft
{
width: 550px;
height: auto;
float: left;
padding-top: 20px;
}

#homeleft h1 
{
	color:#A40809;
	font-size: 22px;
	line-height:1.2em;
	font-weight: normal;
	font:.8em "Trebuchet MS";
	font-size: 140%;
}

#homeleft h3
{
	color:#A40809;
	font-size: 18px;
	line-height:1.2em;
	font-weight: normal;
	font:.8em "Trebuchet MS";
	font-size: 130%;
}

#homeleft h1 a
{
color:#A40809;
text-decoration: underline;
}

#homeleft p
{
font:.8em "Trebuchet MS";
color: #666666;
line-height:1.2em;
margin: 10px 0 10px 0;
padding: 0;
}

#homeleft p a
{
text-decoration: none;
color: #39b0c1;
}

#homeleft p a:hover
{
text-decoration: none;
color: #A40809;
}

#homebot
{
width: 540px;
height: auto;
float: left;
border: 1px solid #e4abab;
padding: 5px;
}

#homebot h2
{
color: #A40809;
font: 12px "Trebuchet MS";
margin: 0;
padding: 3px 0 0 0;
font-weight: bold;
}



#otherleft
{
width: 550px;
height: auto;
float: left;
padding-top: 20px;
}

#otherleft h1 
{
	color:#A40809;
	font-size: 22px;
	line-height:1.2em;
	font-weight: normal;
	font:.8em "Trebuchet MS";
	font-size: 140%;
}

#otherleft h2{
	font-weight: normal;
	font:.8em "Trebuchet MS";
	font-size: 110%;
	color:#23B0C1;
	line-height: 1.2em;
}

#otherleft h3
{
color: #ffffff;
font: 14px "Trebuchet MS";
margin: 0;
padding: 3px 0 0 10px;
}

#otherleft h4
{
width: 200px;
height: 18px;
color: #ffffff;
font: 14px "Trebuchet MS";
margin: 10px 0 10px 0;
padding: 5px;
background: #A40809;
font-weight: bold;
}

#otherleft p
{
font:.8em "Trebuchet MS";
color: #666666;
line-height:1.2em;
margin: 10px 0 10px 0;
padding: 0;
}

#otherleft p a
{
text-decoration: none;
color: #39b0c1;
}

#otherleft p a:hover
{
text-decoration: none;
color: #A40809;
}

#otherleft ul
{
padding: 0;
margin: 0 0 0 15px;
}

#otherleft li
{
font:.8em "Trebuchet MS";
color: #666666;
line-height:1.2em;
margin: 10px 0 10px 0;
padding: 0;
}

.itals
{
font-style: italic;
}

#homenews
{
width: 230px;
height: auto;
float: left;
padding-top: 10px;
padding-right: 10px;
}

.homenewstitle
{
width: 150px;
height: 25px;
float: left;
background-color: #A40809;
line-height: 24px;
overflow: hidden;
}

.homenewstitle h2
{
color: #ffffff;
font: 14px "Trebuchet MS";
margin: 0;
padding: 3px 0 0 10px;
font-weight: bold;
}

.newsgreyline
{
width: 230px;
height: 1px;
float: left;
overflow: hidden;
background-color: #CCCCCC;
margin-top: 5px;
}

.fullgreyline
{
width: 550px;
height: 1px;
float: left;
overflow: hidden;
background-color: #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
}

#homefeatured
{
width: 300px;
height: auto;
float: right;
padding-top: 10px;
}

#homefeatured img
{
padding: 0;
margin: 10px 0 10px 0;
float: left;
}



.featgreyline
{
width: 300px;
height: 1px;
float: left;
overflow: hidden;
background-color: #CCCCCC;
margin-top: 5px;
}

#homefeaturedtitle
{
width: 130px;
height: 25px;
float: left;
background-color: #A40809;
line-height: 24px;
overflow: hidden;
}

#callbackboxes

{
width: 280px;
height: 220px;
float: left;
background-color: #eeeeee;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
}


/* ----- OUR SERVICES ------ */

#services
{
width: 192px;
height: 650px;
float: right;
margin-top: 20px;
background: url(images/services-backg2.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

.servicesbox
{
width: 170px;
height: 40px;
float: right;
text-align: right;
border-top: 1px solid #CCCCCC;
padding-top: 15px;
}

.servicesbox a
{
font: 14px "Trebuchet MS";
text-decoration: none;
color: #000000;
padding: 0;
margin: 0 55px 0 0;
}

.servicesbox a:hover
{
text-decoration: none;
color: #A40809;
}

#services p
{
font: 12px "Trebuchet MS";
margin: 0;
padding: 0;
text-align: center;
}

#services p a
{
text-decoration: none;
color: #39b0c1;
}

#services p a:hover
{
text-decoration: none;
color: #A40809;
}

/* ----- PORTFOLIO ------ */

.porttitle
{
width: 200px;
height: 25px;
float: left;
background-color: #A40809;
line-height: 24px;
overflow: hidden;
}

.porttitle h2
{
color: #ffffff;
font: 14px "Trebuchet MS";
margin: 0;
padding: 3px 0 0 10px;
}

.portimage
{
width: 320px;
height: 180px;
float: left;
}

.portimage img
{
margin-top: 10px;
padding: 0;
float: left;
}

.portimage
{
width: 320px;
height: 230px;
float: left;
overflow: hidden;
padding-bottom: 20px;
}

.portline
{
width: 320px;
height: 10px;
float: left;
overflow: hidden;
border-bottom: 1px solid #CCCCCC;
}

.porttext
{
width: 220px;
height: 190px;
float: left;
overflow: hidden;
padding-top: 40px;
padding-left: 10px;
padding-bottom: 20px;
}

#portmoreimage
{
width: 540px;
height: auto;
float: left;
border: 1px solid #CCCCCC;
padding: 5px;
}


#case
{
width: 192px;
height: 535px;
float: right;
margin-top: 20px;
background: url(images/case-backg.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

#case p
{
text-align: left;
margin: 5px 10px 5px 40px;
font: 12px "Trebuchet MS";
}

#case p a
{
text-decoration: none;
color: #39b0c1;
}

#case p a:hover
{
text-decoration: none;
color: #A40809;
}

#port
{
width: 192px;
height: 1000px;
float: right;
margin-top: 20px;
background: url(images/port-bg.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

#port p
{
text-align: left;
margin: 5px 10px 5px 40px;
font: 12px "Trebuchet MS";
}

#port p a
{
text-decoration: none;
color: #39b0c1;
}

#port p a:hover
{
text-decoration: none;
color: #A40809;
}

/* ----- NEWS ------ */


#news
{
width: 192px;
height: 535px;
float: right;
margin-top: 20px;
background: url(images/news-backg.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

#news p
{
text-align: left;
margin: 5px 10px 5px 10px;
font: 12px "Trebuchet MS";
}

#news p a
{
text-decoration: none;
color: #39b0c1;
}

#news p a:hover
{
text-decoration: none;
color: #A40809;
}

/* ----- CONTACT FORM ------ */

.tab
{
font: 14px "Trebuchet MS";
color:#A40809;
}

#contact
{
width: 192px;
height: 252px;
float: right;
margin-top: 20px;
background: url(images/contact-backg.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

#contact p
{
text-align: left;
margin: 5px 10px 5px 40px;
font: 12px "Trebuchet MS";
}

#contact p a
{
text-decoration: none;
color: #39b0c1;
}

#contact p a:hover
{
text-decoration: none;
color: #A40809;
}


/* ----- LOGOS ------ */

#links
{
width: 192px;
height: 535px;
float: right;
margin-top: 20px;
background: url(images/link-backg.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

#links p
{
text-align: left;
margin: 5px 10px 5px 40px;
font: 12px "Trebuchet MS";
}

#links p a
{
text-decoration: none;
color: #39b0c1;
}

#links p a:hover
{
text-decoration: none;
color: #A40809;
}

.linkss
{
color: #A40809;
font-size: 16px;
}

.linkss a
{
color: #A40809;
font-size: 16px;
font: 16px "Trebuchet MS";
}
/* ----- LOGOS ------ */


.logoholder
{
width: 200px;
height: 113px;
float: left;
padding: 5px 5px 0 5px;
background: url(images/logo-backg.jpg) top left no-repeat;
margin: 5px;
}

/* ----- BROCHURES ------ */

.brochureholder
{
width: 175px;
height: 150px;
float: left;
margin: 5px;
}


#brochurescroller
{
width: 400px;
height: 300px;
float: left;
overflow: hidden;
border: 1px solid #CCCCCC;
margin-left: 20px;
}

/* ----- ARTICLES ------ */


#articles
{
width: 192px;
height: 535px;
float: right;
margin-top: 20px;
background: url(images/articles-backg.jpg) top left no-repeat;
padding-top: 60px;
padding-right: 20px;
}

#articles p
{
text-align: left;
margin: 5px 10px 5px 10px;
font: 12px "Trebuchet MS";
}

#articles p a
{
text-decoration: none;
color: #39b0c1;
}

#articles p a:hover
{
text-decoration: none;
color: #A40809;
}

/* ----- FOOTER ------ */

#footer
{
width: 1005px;
height: 100px;
margin-left: auto;
margin-right: auto;
background: url(images/footer-new.jpg) top center no-repeat;
}

#footerlinks
{
width: 1005px;
height: 100px;
margin-left: auto;
margin-right: auto;
}

#footerlinks p
{
font: 10px "Trebuchet MS";
color: #cccccc;
margin: 5px 0 5px 0;
padding: 0;
text-align: center;
}

#footerlinks p a
{
color: #CCCCCC;
text-decoration: none;
}

#footerlinks p a:hover
{
color: #FFFFFF;
}

.white
{
color: #FFFFFF;
}

.lightblue{
	font-size: 130%;
	color:#23B0C1;
	line-height: 1.2em;
}

/* ----- NAV BAR ------ */



#navbar ul {
	list-style:none;
	margin: 20px 0 0 0;
	padding:0;
}

#navbar ul li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	background:none;
}

#navbar ul li a {
	font:.8em "Trebuchet MS";
	font-size: 15px;
	margin-right:5px;
	color:#666666;
	text-decoration:none;
	outline:none;
}

#navbar ul li a:hover {
	color:#A40809;
}

.selected{
	color:#A40809;
}

#navlogo
{
width: 163px;
height: 70px;
float: left;
overflow: hidden;
}

#navbar2
{
width: 615px;
height: 50px;
float: left;
padding-top: 20px;
background: url(images/nav-back.jpg) top left no-repeat;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
	
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		text-decoration:none;
		text-align: center;
		margin: 0;
		padding: 5px 12px 0 12px;
		display: block;
		height: 25px;
		float: left;
		/*background: url(images/bg-border.jpg) top right no-repeat; */
	}	
		
	#qm0 a:hover
	{
	text-decoration: underline;
	color:#ffffff;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{
		width: 147px;
		height: auto;
		border-width:1px;
		border-style:solid;
		border-color:#707070;
		margin-top: 0;
		line-height: 19px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding: 2px 0 2px 10px;
		margin: 0 0 0 0;
		color: #ffffff;
		font-family: Arial;
		font-size: 12px;
		text-decoration: none;
		border-bottom: 1px solid #707070;
		display: block;
		width: 135px;
		height: 20px;
		text-align: left;
		background-color: #e10019;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		color: #FFFFFF;
		text-decoration:underline;
		background-color: #9d040a;
		display: block;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#FFFFFF;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}
	
	.bod
	{
	border-right: 1px solid #707070;
	}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}