/*----------------------------------------------------
                 AUIC.org - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family:Tahoma, Arial, Verdana;
font-size:12px;
margin:0 auto;
padding:0;
background-image:url(../images/bg-body.jpg);
background-repeat:repeat;
color:#6f6f6f;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.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{margin-bottom:15px; font-family:Tahoma, Arial, Verdana; font-weight:normal; color:#444444;}
h1{font-size:32px; line-height:30px;}
h2{font-size:22px; line-height:28px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px; font-weight:bold;}
h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a{color:#ff4e00; text-decoration:none;}
a:visited{color:#ff4e00; text-decoration:none;}
a:hover{color:#ff9566;}
a img{border:none}
.imgleft{float:left; padding:5px 12px 0px 0px;}
.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:18px;
margin-bottom:14px;
color:#6f6f6f;
}
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:#6f6f6f;
padding:2px 4px 2px 38px;
background-image:url(../images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#page-container{width:988px; margin:0 auto;}
.page-container-inner{width:988px; background-image:url(../images/bg-container.png); float:left;}
.frame{width:920px; margin:0 auto;}


/* Header
------------------------------------------------------*/
#header{height:139px; width:920px; background-image:url(../images/top-shadow.jpg); background-position:center 46px;  background-repeat:no-repeat;}
#top-header{height:108px;}
#bottom-header{width:920px; border-bottom:1px solid #969696; float:left;}
.logo{width:400px; padding:38px 0px 0px 20px; float:left;}
.phone{font-size:18px; padding:50px 10px 0px 0px; float:right;}
.phone-get{font-size:14px; color:#ff4e00;}
.email{font-size:16px; padding:5px 10px 0px 0px; float:right;}
.email-get{font-size:12px; color:#ff4e00;}
.join{font-size:16px; padding:5px 10px 0px 0px; float:right;}
.join-get{font-size:12px; color:#ff4e00;}

/* Search styling */
.search-fieldset{border:none;}
#search-box{padding-bottom:6px; float:left; height:23px;}
#search{float:right; width:auto;}
#s{font:12px Tahoma, Arial, Verdana; font-size:11px; color:#c8c9be; padding:4px 30px 4px 3px; background-color:#fff; border:1px solid #d3d2d2; width:185px;}
#s:focus{border:1px solid #adacac; color:#adacac;}
#search .go{position:absolute; margin:3px 0 0 -26px;}

/* Top Navigation bar menu styling */
#nav-menu {width:720px; float:left; margin:5px 0px 5px 0px; list-style-type:none;}
#nav {margin:0px; padding:0px 0px 0px 0px; float:left;}
#nav ul{ 
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:normal 11px Tahoma, Arial, Verdana;
line-height:26px;
}
#nav li a {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color:#ffdbcd;
text-decoration:none;
}
#nav li a:hover {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color: #535353;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow{
background-color:#202020;
width:920px;
height:283px; 
margin:15px 0px 0px 0px;
float:left;
}
#slideshow-threed{
width:920px;
height:283px; 
margin:15px 0px 0px 0px;
float:left;
}
#box-nav-slider{
background-image: url(../images/bg-body.jpg);
background-position:bottom;
background-repeat:repeat-x;
width:920px;
height:17px;
float:left;
}
#slideshow-navigation a{
background: url(../images/slide.png) no-repeat scroll 50% 50%;
display:block;
float:left;
font-size:0px;
width:9px;
height:9px;
margin:2px;
outline-style:none;
outline-width:medium;
padding:2px;
}
#slideshow-navigation{float:right; padding-right:10px}
#slideshow-navigation .activeSlide {background: url(../images/slide.png) no-repeat scroll 0% 50%;}
.slidehalf { float: left; margin-top:0px; margin-right: 22px;} /* Editable Slider Image Position */
.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
.slide-text h1{color:#FFF; padding:15px 20px 0px 0px}
.slide-text p{font-size:12px; color:#b5b5b5; line-height:22px; padding-right:20px;}
.slide-text a.read_more{color:#ff4e00; font-size:12px;}
.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}


/* Content
------------------------------------------------------*/
#content{width:920px; padding:20px 0px 20px 0px; float:left;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #cfd4c3; padding:6px; margin-right:15px; background-color:#f9fbf4;}
.imgright-box{float:right; border:solid 1px #cfd4c3; padding:6px; margin-left:15px; background-color:#f9fbf4;}
#content1{float:left; width:284px;}
#content2{float:left; width:284px; margin-left:34px;}
#content3{float:left; width:284px; margin-left:34px;}
.orange{color:#ff4e00;}

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

/* Featured Project */
#featured{margin-top:3px; height:330px;}
.bg-featured{ padding-left: 5px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; width: 284px; height:180px;}
.featured-text{padding-top:5px; padding-right: 10px;}

/* Bottom Box */
#bottom-box{width:908px; margin-top:5px; padding:5px; border:1px solid #e5e6e2; float:left;}
#bottom-box-inner{background-image: url(../images/bg-body.jpg); background-repeat:repeat; width:908px; line-height:16px; float:left;}
#bottom-box-inner h4{padding-top:8px; margin-bottom:8px; color: #ff4e00;}
.box1{width:437px; font-size:11px; padding:10px 0px 10px 10px; float:left;}
.box2{width:437px; margin-left:10px; font-size:11px; padding:10px 0px; float:left;}


/* Footer
------------------------------------------------------*/
#footer{width:920px; height:142px; font-size:11px; margin:0px auto; color: #0b0b0b; background-color: black; line-height:18px; float:left;}
#footer a, #footer a:visited{color: #eeeeee; text-decoration:none;}
#footer p{font-size:11px; color: #e7e7e7;}
.footer1{width:269px; float:left; margin-left:20px; padding-top:15px;}
.footer3{width:269px; float:left; margin-left:37px; padding-top:21px;}
.footer3 ul{margin:0px; padding:0px; font-size:11px; list-style-type:none;}
.footer3 ul li{list-style:none;	border-bottom:solid 1px #686868; line-height:24px; text-align:right;}
.footer2{width:480px; float:left; margin-left:100px; padding-top:20px;}
.footer2 h3{color:#686868;}
.twitter{padding-right:5px; float:left;}
#social span{background:url(../images/social-icon.jpg); float:left; width:16px; height:16px; margin:4px 5px 0 0;}
#fb-icon span{background-position:0px 0;}
#fb-icon a:hover span{background-position: 0px -16px;}
#twit-icon span{background-position:-16px 0;}
#twit-icon a:hover span{background-position: -16px -16px;}
#flic-icon span{background-position:-32px 0;}
#flic-icon a:hover span{background-position: -32px -16px;}
#rss-icon span{background-position:-48px 0;}
#rss-icon a:hover span{background-position: -48px -16px;}




#contact p, label, legend { font: 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 840px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius:5px;  }

/* Form style 
------------------------------------------------------*/
#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the color of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }



#tweets li {
	font-size:13px;
	background:url(images/twitter.png) no-repeat left ;
	padding-left:20px;
	margin-left:10px;
	margin-top:8px;
	list-style-type:none;
	height:17px;
}

#tweets .hash { color:#0066CC; } 

#tweets .reply { color:#0066CC; } 

#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}

.loginform
{
	top:10px;
	right:5px;
	width:505px;
}






hr#header_stripe {
	height: 12px;
	position: relative;
	top: -7px;
	background-color: #191919;
	border: none;
	color: #191919;
}
.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 1px;
	width: 173px;
	height: 54px;
	background: url(images/panel_button.png);
	z-index: 20;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 10px;
	border: none;
}
.panel_button a {
	text-decoration: none;
	color: #545454;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #999999;
}

#toppanel {
	position: absolute;
	width: 960px;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	width: 960px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 904px;
	position: absolute;
	z-index: -1;
}
#panel h1 {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
	line-height: 35px;
	left: 275px;
	position: absolute;
	top: 10px;
}
#panel h2 {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #447c6f;
	line-height: 25px;
	font-size: 16px;
	position: absolute;
	top: 60px;
	left: 350px;
}

img.border {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
img.border_pic {
	border: 15px #1d1d1d solid;
	position: absolute;
	top: 110px;
	float: left;
	margin-left: 150px;
	width: 250px;
	height: 150px;
	z-index: 30;
}
div#login {
	width: 240px;
	height: 150px;
	position: absolute;
	right: 150px;
	top: 110px;
	background: #46392f;
	text-align: left;
	padding-left: 10px;
}
div#login p {
	color: #CCCCCC;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
}
div#login input#password {
	position: relative;
	right: -6px;
}
div#login input#login_btn {
	border: 1px #899690 solid;
	cursor: pointer;
	position: relative;
	top: 30px;
	left: 500px;
}