/* CHRIS CAPPELLA - Designer/Developer */
/* http://www.chriscappellat.com */
/* altered from Eric Benoit's original file - http://www.ebenoit.com */




/* --- DEFAULT STYLES --- */

 * {margin:0;padding:0;} 

html, body {
	height:100%;
	background:#fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #333;
	text-align: center;
}

/* DEFAULT IMAGE STYLE */
img {
	border:0;
}

/* DEFAULT LINK STYLE */

img.twt {
	border:0;
	margin:0 0 0 -63px;
}

img.fb {
	border: 0;
	margin:0 0 0 -35px;
}

a:link {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #000;
}

a:visited {
	color: #666;
}

a:active {
	color: #ccc;
}

/* DEFAULT PARAGRAPH STYLE */
p {
	padding: 0 0 15px 0px;
	margin: 0;
}

/* DEFAULT H1, H2... STYLES */
H1 { 
	color: #222;
	font-size: 23px;
	line-height: 28px;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding-bottom: 5px;
}

H2 { 
	color: #222;
	font-size: 20px;
	line-height: 23px;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
}

H3 {
	color: #222;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* DEFAULT UNORDERED LISTS STYLES */
ul {
	padding: 0 0 0 2px;
	margin: 0;
}

ul li {
	margin-bottom: 6px;
	list-style: none;
}

ol {
	padding: 0 0 15px 0;
	margin: 0 0 0 19px; 
}

ol li {
	list-style: decimal;
	margin-bottom: 12px;
}
/* END */


/* CONTACT FORM STYLES */
input:hover, textarea:hover {
	background-color: #ddd;
}

.contactFields {
	border: 1px solid #666;
	width: 400px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.btn {
	width: auto;
	color: #333;
	padding: 5px 15px;
	margin-left: 45px;
	border: 1px solid #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.btn:hover {
	background-color: #000;
	color: #fff;
	cursor: pointer;
}
/* END */


/* DEFAULT TABLE STYLES */
table {
	text-align: center;
}

td {
	text-align: center;
}

td ul {
	padding: 8px 0 15px 2px;
	margin: 0;
}

td ul li {
	padding: 0 8px 0 18px;
	display: inline;
	list-style: none;
}
/* END */	


/* Standard DIV Styles Used */

.clear	{
	clear: both;
}

div.inner-wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
}
/* END */


/* HEADER and NAVIGATION STYLES */
#header {
	width: 100%;
	background-color:#000;
	clear:both;
}


#header .inner-wrap {
	height: 160px;
	width:800px;
}

img.logo {
	margin-top: 45px;
	margin-left:45px;
	float:left;
}

#header .rightNav {
	border-right:0;
}


.navWrap { 
	color: #666;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:2px;
	float: left;
	margin: 120px auto 10px 200px;
}
.navWrap a {
	padding:0 15px;
	color: #666;
	text-decoration: none;
	border-right: 1px solid #666;
}

.navWrap a:hover {
	color: #fff;
}

#navigation {
	color: #666;
	height: 60px;
	font-size: 12px;
	margin: 0 100px 0 0;
}

#navigation .inner-wrap {
	text-align:left;
	width: 378px;
	padding: 0;
}

#navigation .inner-wrap a {
	padding:0 15px;
	color: #666;
	text-decoration: none;
	border-right: 1px solid #666;
}

#navigation a:hover {
	color: #fff;
}

/* END */


/* MAIN CONTENT */
#content {
	width: 100%;
	margin: 40px auto;
	min-height:100%;
}

#leftContent {
	float: left;
	width: 410px;
	padding: 0 70px 0 45px;
}

#rightContent {
	float: left;
	width: 270px;
	color: #808285;
	line-height: 20px;
}

#rightContent img {
	margin: 10px 15px 0 0;
}
.dashedLine {
	width: 100%;
	height: 1px;
	background-image: url(../images/dashed_line.jpg);
	background-repeat: repeat-x;
	padding-bottom: 10px;
}
/* END */


/* WORKS PAGE STYLES */
#workClientsWrapper {
	padding: 50px 20px 0 20px	;
	width: 800px;
}

.clients {
	float: left;
	width: 200px;
	padding-right: 50px;
	color: #808285;
}

#worksWrapper {
	width: 100%;
	margin: 60px 0 20px;
	color: #808285;
}

#worksWrapper .inner-wrap {
	width: 860px;
	padding-left: 45px;
}

#worksWrapper img {
	margin-bottom: 20px;
}

#worksTitleLeft {
	float: left;
	width: 500px;
	color: #c4d931;
	margin-bottom: 5px;
}

#worksTitleLeft H1 {
	display: inline;
	padding-right: 15px;
}

#worksTitleLeft a {
	padding-left: 5px;
}

#worksTitleRight {
	float: right;
	width: 135px;
	padding-top: 4px;
}

#worksTitleRight ul {
	padding: 0;
}

#worksLeft {
	float: left;
	width: 350px;
	margin-right: 40px;
}

#worksRight {
	float: right;
	width: 318px;
	height: 227px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

#worksContent {
	width: 860px;
	margin: 40px auto 40px auto;
	text-align:left;
}

div.worksWrap {
	width: 860px;
	margin: 0 auto;
	text-align: left;
}
/* END */

/* ROLLOVERS */

a#cpblack{background:url(../images/cpblackjack.png);}
a#cpblack:hover{background-position: -160px 0;}

a#lt{background:url(../images/lost-tricks.png);}
a#lt:hover{background-position: -160px 0;}

a#sf{background:url(../images/sf.png);}
a#sf:hover{background-position: -160px 0;}

a#amc{background:url(../images/amc.png);}
a#amc:hover{background-position: -160px 0;}

a#alogo{background:url(../images/aegenslogo.png);}
a#alogo:hover{background-position: -160px 0;}

a#acard{background:url(../images/aegenscard.png);}
a#acard:hover{background-position: -160px 0;}

a#cl{background:url(../images/cl.png);}
a#cl:hover{background-position: -160px 0;}

a#clbook{background:url(../images/clbook.png);}
a#clbook:hover{background-position: -160px 0;}

a#clcard{background:url(../images/clcard.jpg);}
a#clcard:hover{background-position: -160px 0;}

a#eb{background:url(../images/eb.jpg);}
a#eb:hover{background-position: -160px 0;}

a#cbk{background:url(../images/cbk.jpg);}
a#cbk:hover{background-position: -160px 0;}

a#cbklogo{background:url(../images/cbklogo.jpg);}
a#cbklogo:hover{background-position: -160px 0;}

a#pilogo{background:url(../images/pilogo.jpg);}
a#pilogo:hover{background-position: -160px 0;}

a#pionsie{background:url(../images/pionsie.jpg);}
a#pionsie:hover{background-position: -160px 0;}

a#pishirt{background:url(../images/pishirt.jpg);}
a#pishirt:hover{background-position: -160px 0;}

a#dp{background:url(../images/dp.jpg);}
a#dp:hover{background-position: -160px 0;}

a#scflogo{background:url(../images/scflogo.jpg);}
a#scflogo:hover{background-position: -160px 0;}

a#scf{background:url(../images/scf.jpg);}
a#scf:hover{background-position: -160px 0;}

a#sp{background:url(../images/sp.jpg);}
a#sp:hover{background-position: -160px 0;}

a#hbdm{background:url(../images/hbdm.jpg);}
a#hbdm:hover{background-position: -160px 0;}

a#foh{background:url(../images/foh.jpg);}
a#foh:hover{background-position: -160px 0;}

a#hv{background:url(../images/hv.jpg);}
a#hv:hover{background-position: -160px 0;}

a#shlogo{background:url(../images/shlogo.jpg);}
a#shlogo:hover{background-position: -160px 0;}

a#sh{background:url(../images/sh.jpg);}
a#sh:hover{background-position: -160px 0;}

a#fs{background:url(../images/fs.jpg);}
a#fs:hover{background-position: -160px 0;}

a#cp{background:url(../images/cp.jpg);}
a#cp:hover{background-position: -160px 0;}


a.rollover1 {
	float:left;
	display: block;
	margin: 5px 10px 5px 0;
	width: 75px;
	height: 75px;
	text-decoration: none;
	}
	
a.rollover {
	margin:20px;
	float:left;
	display: block;
	width: 160px;
	height: 72px;
	text-decoration: none;
	}

/* END */


/* STICKY FOOTER STYLES */

#wrap {min-height: 100%;}

#main {overflow:auto; padding-bottom:160px;}

#footer {
	width: 100%;
	clear: both;
	height: 160px;
	position: relative;
	margin-top: -160px; /* negative value of footer height */
	background-color:#000;	
}


#footer .inner-wrap {
	font-size: 10px;
	line-height: 15px;
	letter-spacing:1px;
	color: #666;
	padding: 50px 0 15px 0;
	text-align: center;

}

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

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

#footer .mainLinks {
	font-size: 10px;
	padding: 0 9px;
}

/* END */

