/* Top Elements */

* {
margin: 0;
padding: 0;
}

body {
font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
color: #999999;
margin: 0; 	padding: 0; 
background: #101010 url(bg.gif) no-repeat;
text-align: center;
}

/* Links */

a, a:visited {
text-decoration: none;
color: #BE1325;	
}

a:hover {
color: #fff;
}

/* Headers */

h1, h2, h3 {
font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;
color: #FAFAFA;
}

h1 {
font-size: 3.1em;	
letter-spacing: -2px;
padding: 15px 10px 5px 10px;	
}

h2 {
font-size: 2em;
color: #895F30;
padding: 20px 10px 5px 10px;	
}

h3 {
font-size: 1.7em;	
font-weight: normal;
padding: 20px 10px 5px 10px;		
}

p, dl { 
padding: 10px; 
margin: 0; 
}

ul { 
list-style: none; 
}

/* Images */

img.float-right {
margin: 5px 0px 10px 10px;  
}

img.float-left {
margin: 5px 10px 10px 0px;
}

/* Form elements */

form {
margin-top: 35px;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
margin-bottom: 0px;
}

form p {
border-bottom: 1px solid #101010;
padding: 12px 0 5px 0;	margin: 0;	
}

input, select, textarea {
padding: 5px;
font: normal 1em Verdana, Tahoma, sans-serif;
color: #999999;
border: 12px solid #000000;
background-image:url(imput_bg.jpg);
background-repeat: repeat;
margin-top: 5px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}

#name, #email, #message{
width: 480px;
}

input.button {
height: 32px;
padding: 5px;
color: #CCCCCC;
background: #000;
border-width: 1px;
border-style: solid;
border-color: #000000;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: bold;
width: 80px;
letter-spacing: 1px;
}

.mybutton {
background: url(send.jpg) no-repeat;
cursor:pointer;
width: 83px;
height: 33px;
border: none;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#wrap {
width: 950px;	
margin: 0 auto;
text-align: left;		
}

#content-wrap {
clear: both;
width: 950px;	
float: left;	
padding-top: 5px;
padding-bottom: 10px;
}

#header {
position: relative;
width: 950px;	
height: 150px;	
margin: 0; padding: 0;			
}

#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
letter-spacing: -1.5px;
color: #F8F8F8;
text-decoration: none;
text-transform: none;
/* change the values of top and left to adjust the position of the logo*/
top: 48px; left: 11px;	
}

#header h1#logo-text a:hover {
background: none;	border: none;
}

#header p#intro {
position: absolute;
margin: 0; padding: 0;
font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 1.5em;
font-style: normal;
text-transform: none;
color: #6D7D2D;
width: 400px;
/* change the values of top and left to adjust the position */
top: 205px; left: 30px;		
}

#header_m1 {
position: relative;
width: 266px;
margin: 0;
padding: 0;
height: 100%;
background-image: url(header_m1_bg.gif);
background-repeat: no-repeat;
background-position: top;
float: left;
}

#header_m2 {
position: relative;
margin: 0;
padding: 0;
height: 100%;
width: 342px;
float: left;
background-image: url(header_m2_bg.gif);
background-repeat: no-repeat;
background-position: right top;
}

#header_m3 {
position: relative;
margin: 0;
height: 100%;
width: 342px;
background-image: url(header_m3_bg.gif);
background-repeat: no-repeat;
background-position: right top;
float: left;
}

#thebix{
float: left;
width: 342px;
margin-top: 20px;
}

#brianalig{
float: left;
margin-top: 3px;
}

/*  Navigation  */

#nav {
position: relative;
margin: 0; padding: 0;		
height: 50px;
left: 10px;	top: 30px;			
}

#nav ul {
float: left;
list-style: none;
height: 50px;
margin: 0 0 0 5px; padding: 0;	
display: inline;
}

#nav ul li {
display: inline;
margin: 0; padding: 0;
}

#nav ul li a {
float: left;
margin: 0;	padding: 0 12px;
font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
text-decoration: none;	
color: #c95723;	
text-transform: uppercase;
}

#nav ul li a:hover, 
#nav ul li a:active {
color: #eee;
background: none;
border: none;
}

#nav ul li#current a {	
color: #D33972;	
}

/* Main Column */

#main {
float: left;
width: 266px;
display: inline;
background-image: url(main_bg.gif);
background-repeat: repeat-y;
background-position: 4px;
height: 350px;
padding-top: 180px;
}

#main h2 {
padding: 5px 12px;
margin: 15px 5px 10px 5px;
font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				
color: #45D5E6;	
}

#main h2 a {
color: #45D5E6;
text-decoration: none;		
border: none;		
}

#main ul li {
list-style-image: url(bullet.gif);
}

/* Media Column */

#media {
float: left;
width: 342px;
padding: 0;
margin: 0;
display: inline;
background-image: url(media_bg.gif);
background-repeat: repeat-y;
background-position: right;
height: 530px;
}

#media h2 {
padding: 5px 12px;
margin: 15px 5px 10px 5px;
font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				
color: #45D5E6;	
}

#media h2 a {
color: #45D5E6;
text-decoration: none;		
border: none;		
}

#media ul li {
list-style-image: url(bullet.gif);
}

/* Info Column */

#info {
width: 340px;
display: inline;
float: right;
}

#info h2 {
padding: 5px 12px;
margin: 15px 5px 10px 5px;
font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				
color: #45D5E6;	
}

#info h2 a {
color: #45D5E6;
text-decoration: none;		
border: none;		
}

#info ul li {
list-style-image: url(bullet.gif);
}

.about {
width:334px;
margin-left:6px;
padding-top: 35px;
background-image: url(info_bg.gif);
background-repeat: repeat-y;
background-position: right top;
}

.about img{
border:#333333 solid 10px;
float:left;
margin-right:5px;
}

.contact {
width:340px;
background-image: url(contact_bg.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 25px;
height: 100%;
}

/* Footer */

#footer {
clear: both;
color: #FFFFFF;
width: 100%;
float: left;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 0.8px;
padding-top: 1em;
padding-right: 0;
padding-bottom: 2em;
padding-left: 0;
height: 50px;
}

#footer a {	
color: #BE1325;
border: none;
}

#footer a:hover {
color: #fafafa;
}

#footer .rssfeed {
background: url(rss.gif) no-repeat left 1px;
padding-left: 17px;
}

#footer-left {
float: left;
width: 65%;
}

#footer-right {
float: right;
width: 35%;
}

/* WORK PAGE */

#ctop {
height: 24px;
background: url("images/top.png") no-repeat;
}

#cmid {
padding: 0 20px;
}

.ui-tabs-hide {
display: none;
}

.section {
overflow: hidden;
clear: both;
}

h2 {
text-transform: uppercase;
margin-bottom: 20px;
color: #fff;
font-size: 2em;
}

#portitems li {
display: inline;
}

#portitems li a:link, #portitems li a:visited {
color: #fff;
outline: none;
}

#portitems li a:hover, #portitems li a:active, #portitems li a:focus {
color: #ccc;
}

#portitems li.ui-tabs-selected a:link, #portitems li.ui-tabs-selected a:visited, #portitems li.ui-tabs-selected a:hover, #portitems li.ui-tabs-selected a:active, #portitems li.ui-tabs-selected a:focus {
color: #ccc;
}

.item {
clear: both;
padding-bottom: 5px;
margin-bottom: 20px;
width: 340px;
}

.item img {
float: left;
}
	
.item img.smallitem {
margin-left: 11px;
margin-bottom: 10px;
}

.description {
clear: both;
padding: 5px 0;
}

ul {
margin: 5px;
list-style-position: inside;
}

/* Easy Slider */

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}

#slider, #slider li{
width:340px;
height:445px;
overflow:hidden;
float: left;
}

#slider li h2{ 
margin:0 20px;
padding-top:20px;
}	

#slider li p{ 
margin:20px;
}			

#slider-up {
height:36px;
width:342px;
display:block;
cursor:pointer;
float: left;
}

#slider-down {
height:30px;
width:342px;
display:block;
cursor:pointer;
float: left;
}

#slider img {
border:20px solid #be1325;
margin-bottom:10px;
margin-left:12px;
}

#slider img:hover {
border:20px solid #7F0816;
margin-bottom:10px;
margin-left:12px;
}

#ident ul, #ident li{
margin:0;
padding:0;
list-style:none;
}

#ident, #ident li{
width:340px;
height:445px;
overflow:hidden;
float: left;
}

#ident li h2{ 
margin:0 20px;
padding-top:20px;
}	

#ident li p{ 
margin:20px;
}		
	
#ident-up {
height:36px;
width:342px;
display:block;
cursor:pointer;
float: left;
}

#ident-down {
height:30px;
width:342px;
display:block;
cursor:pointer;
float: left;
}

#ident img {
border:20px solid #be1325;
margin-bottom:10px;
margin-left:12px;
}

/* jQuery Lightbox Styles */

#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}

#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; border-bottom: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
display: block;
}

#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}

#lightbox-nav-btnNext { 
right: 0; 
float: right;
}

#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}

#lightbox-container-image-data {
padding: 0 10px; 
color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left; 
text-align: left; 
}	

#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}	
	
#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;
border-bottom: none;	
}

/* Rss reader */

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:#494949;
font-size: 90%;
}

#example3{ /*Demo 3 main container*/
width: 300px;
border: 0px solid navy;
padding: 0px;
overflow:hidden;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 17px;
}