@charset "UTF-8";
/* CSS Document Alex Sloane Master Style Sheet */
/*Global sytles*/
* {
	margin:0;
	padding:0;
}

.clear
{
	clear: both;
	height:0;
}

a img
{
	border:0;	
}

body 
{
	text-align:left;
	background-color:#4b4a4c;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:21px;
}

a:link
{
	color:#333;
	text-decoration:none;
	font-size:16px;
}

a:visited
{
	color:#3d3d3d;
	text-decoration: none;
	font-size:16px;
}

a:hover
{
	color:#069;
	text-decoration: none;
	font-size:16px;
}

a:active
{
	color:#39c;
	text-decoration: none;
	font-size:16px;
}

a:focus
{
	color:#39c;
	text-decoration: none;
	font-size:16px;	
}

#container
{
	width:900px;
	margin:0 auto;
	background-color:#f7f7f7;
	padding: 25px;
	overflow:hidden;
}

#header
{
	text-align:right;
	float:right;
	border-bottom:3px solid #666;
}

#nav
{
       margin:auto;
       width:900px;
}

#nav ul
{
       margin:0 auto;
       padding:0 auto;
       text-align:center;
}

#nav li
{
      display:inline;
      font-family:Arial, Helvetica, san-serfi;
      list-style:none outside none;
      text-align:center;
}

#nav li a
{
      padding:10px 80px 0px 50px;
}

#sub_nav
{       
       margin:auto;       
       width:900px;
}

#sub_nav ul
{
       margin:0 auto;
       padding:0 auto;
       text-align:right;
       
}

#sub_nav li
{
      display:inline;
      font-family:Arial, Helvetica, san-serfi;     	
      list-style:none outside none;
      text-align:right;
}

#sub_nav li a
{
      padding:10px 10px 15px 15px;
      font-size:14px;
}


#logo
{
	float:left;
	width:900px;
	height:90px;
}

#middle
{
	width:900px;
	background-color:#f7f7f7;
        background-image: url(images/main-background.png);
        background-repeat:repeat-y;
}

#column_one
{
	float:left;
	widht:180px;
	padding:5px;
}

#column_one img
{
	padding:15px;
	float:left;
	width:150px;
}

#column_one p
{
	padding: 0px 15px;
	float:left;
	width:150px;
	font-size:smaller;
	color:#666;
}

#column_two
{
	float:left;
	width:480px;
	margin-left:10px;
	padding: 10px 10px 0px 10px;
}

#column_two p
{
	width:480px;
	padding:10px;
}

#column_three
{
	float:right;
	width:180px;
	padding:5px;
}

#column_three ul
{
	padding:15px;
	text-decoration:none;
	list-style-type:none;
}

#column_three ul li
{
	margin-bottom:20px;
}

#footer
{
	height:90px;
	background-color:#f7f7f7;
	border-top:3px solid #333;
	text-align:center;
	margin-top:20px;
	padding-top:20px;
}

/*Document Gallery Index Styles*/

#gallery {
	position:relative;
	height:450px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}


/* For Portfolio Styles*/

#column_left
{
        float:left;
        width:650px;
        padding:20px;
}

.list-gallery-item
{
	float:right;
	text-align:left;
	overflow:hidden;
	clear:both;
	padding:10px 0px 12px 0px;
	padding-right:10px;
	width:650px;
}

.list-gallery-item img
{
	float:left;
	margin:10px 25px 0px 0px;
	padding-left:10px;
	width:200px;
}