/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
	height:100%;
	width:100%;
	overflow:hidden;
}

#cont {

}

#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
	background-color: #000000;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0px;left:0px;
    z-index:70;
    overflow:auto;
}

.box {
	width: 1000px;
	padding-bottom:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2.8;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 16px;
	padding-right: 50px;
}

#focus-stealer      { position: absolute; left: -9999px; }


#logo{
	margin-bottom: 100px;
	margin-left: 17px;
}

#logo-contact{
	margin-bottom: 80px;
	margin-left: 17px;
}

#logo-clients{
	margin-bottom: 40px;
	margin-left: 17px;
}

#logo-services{
	margin-bottom: 80px;
	margin-left: 17px;
}



#navigation{
	background-color: #000000;
	height: 24px;
	width: 616px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 4px;
	margin-bottom: 70px;
}

#navigation-clients{
	background-color: #000000;
	height: 24px;
	width: 616px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 4px;
	margin-bottom: 20px;
}

#navigation-contact{
	background-color: #000000;
	height: 24px;
	width: 616px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 4px;
	margin-bottom: 28px;
}

#contentarea{
}

#col1{
	float: left;
	width: 420px;
}

#col1-services{
	float: left;
	width: 720px;
}

#col1-clients{
	float: left;
	width: 400px;
}


#morework{
	float: left;
	width: 91px;
	height: 26px;
	background-color: #000000;
	margin-top: 100px;
}

#col2{
	float: left;
	width: 361px;
	background-image: url(../images/col2-bg.png);
	background-repeat: no-repeat;
	height: 310px;
	padding-left: 12px;
	padding-top: 73px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 60px;
	line-height: 14px;
}

#col-index{
	float: left;
	width: 568px;
	height: 381px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
}

#colclients{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 10px;
	line-height: 25px;
	background-color: #000000;
	padding-bottom: 25px;
	width: 350px;
	margin-left: 5px;
}

#pad-container{
	background-color: #000000;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#detail-clients{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 10px;
	line-height: 25px;
	background-color: #000000;
	padding-bottom: 25px;
	width: 390px;
	margin-left: 5px;
	height: 500px;
	overflow: auto;
}

.titletext{
	background-color: #000000;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 371px;
	margin-bottom: 20px;
}

.clients-titletext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 365px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 24px;
}


.contact-titletext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 450px;
	padding: 6px;
	margin-bottom: 30px;
	margin-left: 30px;
}


.services-titletext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 30px;
	width: 610px;
	padding: 6px;
	margin-left: 25px;
}



.welcometext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 80px;
	line-height: 16px;
	padding: 6px;
}

.contacttext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 305px;
	line-height: 16px;
	padding: 6px;
	width: 380px;
}


.clientlisttext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 50px;
	line-height: 16px;
	padding: 6px;
	margin-top: 26px;
	margin-right: 10px;
	width: 670px;
}

.portfoliolisttext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 50px;
	line-height: 16px;
	padding: 6px;
	margin-top: 26px;
	margin-right: 10px;
}

.servicelisttext{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 45px;
	line-height: 16px;
	padding: 6px;
	margin-top: 40px;
	margin-right: 20px;
}

.quote{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 26px;
	text-transform: capitalize;
        font-weight: bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 26px;
	text-transform: capitalize;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 26px;
	text-transform: capitalize;
}

p.clients{
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 18px;
}

p.clientlist{
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 22px;
}
p.setheight{
    height:90px;
}

p.serviceslist{
	padding-left: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}



.quoteby{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 15px;
}

.padportfolioimage{
	display: block;
	margin-bottom: 10px;
}

.pad15bottom{
	padding-bottom: 15px;
}


#breakerdiv{
	clear: both;
	height: 1px;
	width: 100%;
}


a.nav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	color: #E4E4E4;
	padding-left: 20px;
	text-decoration: none;
}
a.nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	color: #E4E4E4;
	padding-left: 20px;
	text-decoration: none;

}
a.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	color: #E4E4E4;
	padding-left: 20px;
	text-decoration: underline;

}
a.nav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	color: #E4E4E4;
	padding-left: 20px;
	text-decoration: none;


}




a.main:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	text-decoration: none;
}

a.main:visited {
	color: #FFFF00;
}
a.main:hover {
	text-decoration: underline;
	color: #FF0066;

}
a.main:active {
	color: #FFFF00;
}