/*----------------------------------------------------
                  Cardinal.MD - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%;}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 auto;
padding:0;
background-color:#850221;
color:#fff;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; 
}
.clr{clear:both}
form{margin:0; padding:0;}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000;}
h1{font-size:34px; line-height:30px; margin-bottom:15px; margin-top:10px;}
h2{font-size:30px; line-height:28px; margin-bottom:5px;}
h3{font-size:14px; line-height:30px; margin-bottom:20px; color:#000; font-weight:bold; margin-top:20px; border-top: 1px dashed #000; border-bottom: 1px dashed #000; text-align:center;text-transform:uppercase;}
h4{font-size:14px; line-height:18px; margin-bottom:5px; margin-top:5px; font-weight:bold;}
h5{font-size:12px; margin:3px 0px; padding:0px; letter-spacing:1px;}

/* links */
a{color:blue; text-decoration:none;}
a:visited{color:blue; text-decoration:none;}
a:hover{color:#ff4d68;}
a img{border:none}
.imgleft{float:left; margin: 5px 12px 15px 0px; border:#000 1px solid;}
.imgright{float:right; margin: 5px 0px 15px 12px; border:#000 1px solid;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:14px;
line-height:21px;
margin-bottom:14px;
color:#000;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#000;
padding:2px 4px 2px 38px;
background-image:url(../images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}


/* Container
------------------------------------------------------*/
#main-container{width:960px;margin:0px auto;}
.inner-container{width:100%; margin:0px auto;}

/* Header
------------------------------------------------------*/

#top-content{height:30px; font-size:14px; color:#000; padding-right:0px; float:right;}
.top-address{float:right; padding:11px 0px; margin-right:45px; font-size:14px; color:#000;}
.top-icon{padding-right:4px; float:left;}

/* Welcome text */
#welcome-text{padding-right:0px; float:right; background-color:#ffffe0; width:750px; padding-top:55px;}
#welcome-text h1{font-size:60px; color:#850221; margin-bottom:0px;}
#welcome-text h1 a{color:#850221;}

/* Page title */
#page-title{margin-top:30px; float:left;}
#page-title h1{font-size:60px; color:#000; margin-bottom:0px; border-bottom:3px solid #e00022;}

/* Top Navigation bar menu styling */
#nav{
float:right;
list-style-type: none;
margin:0px -12px 0px 0px;
background-color:#B29F95;
}
#nav li{
float:left;
border:1px solid #000;
}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
width:110px;
padding:4px 20px;
text-decoration: none;
line-height: 20px;
outline: none;
text-align:left;
font-size: 28px;
color:#000;
}
#nav li a:hover, #nav li.selected a{
color:#e00022;
}
span.descmenu{
font-size:15px; 
font-family: Arial, Helvetica, sans-serif;
padding:0px 20px;
color:#000;
}

/* Content
------------------------------------------------------*/
.content{width:100%; float:left; margin:0px auto; margin-top:15px; background-image:url(/images/sidebar-bg.gif); background-position:top right; background-repeat: no-repeat; padding-top: 15px;}
.content-two{width:890px; float: left; margin: 0px auto; border-top:1px solid #a5a5a5; padding:25px; margin-bottom:15px; margin-top:15px; }
.maincontent{padding-bottom:10px;}
#content-left{width:600px; padding-left:25px; float:left;}
#sidebox{width:275px; float:right;}
#sidebox img {border:none;}
#sidebox img a {border:none;}
.imgleft{float:left; margin-right:8px;margin-bottom:10px;}
.imgright{float:right; margin-left:8px; margin-bottom:10px;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li {background-image:url(../images/arrow.gif); background-position:0px 5px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {color:#353535; text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}

/* Services page */
.img-services{width:81px; height:90px; margin-top:7px; float:left;}
#quote-container{width:400px; height:300px; padding:10px; background-color:#FFFFFF;}

/* Bottom content */
#bottom-content{width:100%; float:left;}
#bottom-icon{width:37px; padding:0px 10px 0px 0px; margin-top:0px; float:left;}
#newsflash{width:762px; height:38px; line-height:20px; float:left;}


/* Portfolio
------------------------------------------------------*/
#portfolio{margin-top:15px;}
.pf-box{width:249px; margin-right:31px; margin-bottom:40px; float:left;}
.pf-box-nomargin{width:249px; margin-bottom:40px; float:left;}
.pf-img{border:3px solid #e00022;}
.page-portfolio{height:574px; float:left;}
#portfolio-nav{float:left; margin-bottom:50px;}
#next{width:56px; height:22px; background-image:url(../images/next.gif); background-repeat:repeat; margin-left:14px; float:left; cursor:pointer;}
#prev{width:56px; height:22px; background-image:url(../images/prev.gif); background-repeat:repeat; float:left; cursor:pointer;}


/* Contact
------------------------------------------------------*/
form{margin:0; padding:0;}
#contactFormArea{width:480px; color:#6b6b6b; margin-bottom:20px;}
.input{background-color: #ffffff; border:1px solid #c7c7c7; width:406px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}
.input-submit{background-image:url(../images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:64px; height:22px; cursor:pointer; float:right; margin-right:62px;}
.textarea{background-color: #ffffff; border:1px solid #c7c7c7; width:406px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}
.map{border:3px solid #e00022; margin-bottom:15px;}


/* Footer
------------------------------------------------------*/
#footer{width:100%; margin-top:25px; height:175px; float:left; margin:0 auto; border-top:1px solid #a5a5a5; padding-top:10px;}
.footer-text{font-size:12px; color:#000; padding:8px 0px; float:left; text-align:center; width: 100%;}
.footer-text a, #footer a:visited{color:blue; text-decoration:none;}
.footer-text a:hover{text-decoration:underline;}

/* Menu
-------------------------------------------------------*/

.menu{	
	color:#000;
	font-weight:bold;
	margin:0 auto;
	width:982px;
	height:50px;
	margin-left:-8px;
	}
.menu ul{
	background:#B29F95;
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#850221 url("images/seperator.gif") bottom right no-repeat;
		color:#FDFBE1;
		display:block;
		font-weight:normal;
		font-size:1.15em;
		line-height:50px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:50px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

.section {
	clear: both;
	}
	
hr {border: none 0; border-top: 1px dashed #000; width: 50%; height: 1px; margin:0 auto;}