/* 

ShiningBlue - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#FEFEFE;
	height:100%;
	line-height:18px;
}
* {
	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! */
}
form{margin:0; padding:0;}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Arial, Helvetica, sans-serif;	font-weight:normal;}
h1 {font-size:30px; font-style:normal; line-height:30px;}
h2 {font-size:24px;font-style:normal; line-height:26px;}
h3 {font-size:18px;font-style:normal; line-height:20px;}
h4 {font-size:16px;font-weight:normal; line-height:20px;}
h5 {font-size:14px;font-weight:normal; line-height:14px;}

/* links */
a {color:#ff751e;text-decoration:underline;}
a:hover {color:#ff751e;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#3d4142;
}
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 {
	margin:25px 0 25px 0px;
	color:#ff751e;
	font-weight:bold;
	padding:0px 20px 10px 25px;
	background-image:url(../images/quoleft.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{background-image:url(../images/bg_main_container.gif); background-color:#ffffff; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#main_container_inner{background-image:url(../images/bg_main_container_inner.gif); background-repeat:repeat-x;min-height:90% !important; height:auto;}
#footer_container{background-image:url(../images/bg_footer.gif); background-repeat:repeat-x; height:120px; clear:both;}
/*** END OF CONTAINER ***/

/*** FRAME ***/

#centercolumn{width:976px; margin:0px auto;}
#bg_header{
	background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; width:976px; float:left;
}
#bg_header_inner{
	background-image:url(../images/bg_header_inner.jpg); background-repeat:no-repeat; width:976px; float:left;
}
/*** END OF FRAME ***/

/*** TOP ***/
#main_header{
	width:960px;
	float:left;
}
#top{height:150px;}
#logo{width:0px; float:left; padding:48px 0px 0px 10px;}

#twitter{
	width:492px;
	height:140px;
	background-image:url(../images/twitter.png);
	background-repeat:no-repeat;
	position:relative;
	left: 450px;
	top: 25px;

}
#twitter_status{padding:10px 0px 0px 15px; line-height:18px; width:470px; font-size:11px; color:#575757;}
#topmenu{width:950px; float:left; padding:0px 0px 0px 0px;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:0px 0px 0px 0px;}
#nav ul{ 
	padding:0px 0px 0px 10px;
	margin:0;
	width:auto;
	list-style: none;
	position: relative;

}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	font:bold 16px arial;
	background-image:url(../images/line_menu_top.gif);
	background-repeat:no-repeat;
	background-position:0 18px;
	padding:15px 0px 15px 0px;
	
}

#nav li.noline{
	background-image:none;
}

#nav li a {
	margin: auto 25px;
	color:#3d4142;
	text-decoration:none;
	
}
#nav li a:hover {
	margin: auto 25px; 
	color:#ff751e !important;
}
#nav li .active {
	margin: auto 25px; 
	color:#ff751e;
	font-style:normal;
}

/*** END OF TOP ***/
		
/*** CONTENT ***/
#content{padding:20px 0px 0px 18px; float:left; margin-bottom:20px; width:960px; }
#content_left{width:620px; float:left;}
h2.orange{
	color:#ff751e;
}
.read, .read a, .read a:visited{
color:#ff751e; text-decoration:none;
}

.read a:hover{
	text-decoration:underline;
}
#main_text{padding:0px 40px 0px 0px;}
#content_right{width:280px; float:left; padding-left:40px;}
.clr{clear:both}
.line{ background-image:url(../images/line.gif); background-repeat:no-repeat; clear:both; margin:20px 0px 20px 0px; background-position:0 10px;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
/*** END OF CONTENT ***/

/*** SIDEBAR ***/
.side_box{padding:0px 0px 0px 0px;}
.side_line{
	background-image:url(../images/side_line.gif); background-repeat:no-repeat; clear:both; margin:15px 0px 15px 0px; background-position:0 17px;
}
.side_box h3{ padding:0px 0px 0px 0px; margin-bottom:10px;}
ul.client{list-style-type:none; margin:0px; padding:0px;}
ul.client li{background-image:none; padding:0px 5px 5px 0px; border-bottom:none; display:inline; float:left;}

/*** END OF SIDEBAR ***/


/*** FOOTER ***/
#footer{ width:944px; margin:0 auto; text-align:center; }
#menu_footer{
	color:#969595;
	font-size:14px;
	padding:30px 0px 0px 0px;
}

#menu_footer a, #menu_footer a:visited{
	color:#969595;
	text-decoration:none;
	padding:0 10px;
}

#menu_footer a:hover{
	color:#ff751e;
	text-decoration:none;
}
#foot{padding:15px 0px 0px 0px; color:#969595;}
#foot a, #foot a:visited{color:#969595; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/