/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

*
{
    padding: 0;
    margin: 0;
}
a{
     text-decoration:none;
     color:#d8ae15;

}
IMG {border: none;}
a:hover{
     text-decoration:none;
     color:#fff;
}
.topimage{
margin-left: 30px; top: 100px; position:absolute;
}
body
{
    font-family: Arial, Helvetica, sans-serif;
    
    background: #444444 repeat-x fixed;
    font-family: Arial;
    font-size: 12px;
    color: #444444;

}
#wrapper
{
    margin: 0 auto;
    width: 830px;
}
#faux
{
    background: url(faux-3-2-col.gif);
    margin-bottom: 0px;
    overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
    width: 100%;
    margin-top:-50px;
}
#header
{
    width: 902px;
    padding:  35px  10px 0px   40px;
    height: 100px;
    margin: 10px 0px 0px 0px;
}
.seperator{
text-align:right; 
position:relative; 
margin-top:-108px; 
padding-right:10px;
}
#leftcolumn
{
    display: inline;
    margin: 10px;
    padding: 0px;
    width: 195px;
    float: left;
}
.links{
    color:#000;
    font-weight:normal;
}

.testimonials a:hover{
    color:#d8ae15;
}
.list li{
margin-left:20px;
}
.header{

font-weight:bold; 
color:#000; 
font-size:14px;
}
#fullcolumngallery
{
    display: inline;
   background: url(../images/slideshow.png) no-repeat;
    margin-left: 10px;
    padding: 0px;
    width: 810px;
    float: left;
    height: 537px;
    min-height: 537px;
}
#fullcolumnsplash
{
    display: inline;
   
    margin: 0px;
    padding: 0px;
    width: 810px;
    float: left;
    height: 437px;
    min-height: 437px;
}
#fullcolumnprofile
{
    display: inline;
    background: url(../images/bodybg.png) repeat-y;
    margin-left: 30px;
    margin-top:-7px;
    padding: 0px;
    width: 747px;
    float: left;
    border: solid 0px #FF0000;
    padding-bottom:30px;
   
}
.hiddenPic {display:none;}
#fullcolumnservices
{
    display: inline;
    background: url(../images/services_main2.png) no-repeat;
    margin-left: 10px;
    padding: 0px;
    width: 810px;
    float: left;
    height: 537px;
    min-height: 537px;
}
.testimonials{
padding-left: 10px; 
padding-right: 30px;
padding-top:15px;
}
#fullcolumnservices2
{
    display: inline;
    background: url(../images/services_main.png) no-repeat;
    margin-left: 10px;
    padding: 0px;
    width: 810px;
    float: left;
    height: 537px;
    min-height: 537px;
}
#rightcolumn
{
    float: right;
    margin: 10px;
    padding: 0px;
    width: 683px;
    display: inline;
    position: relative;
}
#footer
{
    width: 747px;
    clear: both;
    font-size: 10px;
    text-align: right;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    color:#fff;
}

#footer a
{
    color: #d8ae15;
    text-decoration: none;
}

#footer a:hover
{
    color: #fff;
    text-decoration: none;
}
.clear
{
    clear: both;
    background: none;
}

#logo_text
{
    position: relative;
    padding: 10px;
    top: -55px;
    left: 150px;
}
#menu{
    position:relative; 
    top:-20px; 
    left:335px;
    color: #c29c14;
    font-size:11px;
    
}
.boldyellow{
color: #d8ae15;
     font-weight:bold;
      font-size:13px;
}
#menu a{
text-decoration: none;
    color: #d8ae15;
     font-weight:bold;
}
.hiddenPic {display:none;}
#menu a:hover{
text-decoration: none;
color:#fff;    
font-weight:bold;
}

#menu a.active{
color:#fff;   
}


.spacer{

padding-left:7px; 
padding-right:4px;
color:#fff;
}

#splashmenu{
    position:relative; 
    top:10px; 
    left:190px;
    color: #c2481e;
    
}

#splashmenu a{
text-decoration: none;
    color: #d8ae15;
}

#splashmenu a:hover{
text-decoration: none;
color:#fff;    
}

#splashmenu a.active{
color:#eac9c1;   
}
#splashfooter
{
    width: 785px;
    clear: both;
    font-size: 10px;
    text-align:center;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    color:#fff;
}

#splashfooter a
{
    color: #e29880;
    text-decoration: none;
}

#splashfooter a:hover
{
    color: #eac9c1;
    text-decoration: none;
}


/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:448px;
	height:167px;
	float:left;
	
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	/*width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px; */
}
#info4{
	
	color:#d8ae15 !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:240px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:448px;
	height:167px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}