@charset "UTF-8";
/* CSS Document */



/*-----------------
   T H E  B A S I C S
------------------------*/

body {
	background-color: #333333;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
	color: #4E4E4E;
	font-weight: normal;
}

p a:link, p a:visited, p a:active  {
	color: #42a288;
	text-decoration: none;
	border: 0;
	}

p a:hover {
	color: #213d35;
	background-color: #f3edd5;
	text-decoration: none;
	border: 0;
	}

	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}

.clear {
	clear: both;
	}



/*-----------------
   W R A P P E R  &  M A S T
-----------------------------------*/


#wrapper {
	width: 867px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border-right: 2px solid #e7cf5c;
	border-left: 2px solid #e7cf5c;
	border-bottom: 2px solid #e7cf5c;
	}
/* following allows container to wrap around floats */
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	
#masthead {
	width: 867px;
	height: 179px;
	margin: 0 0 0px 00px;
	padding: 14px 0 0 0px;
	}



.cac-logo {
	margin: 19px 0 0px 0px;
	}


/*-----------------
   R I G H T  C O L U M N
-----------------------------*/

#right-col {
	width: 212px;
	float: right;
	background: url(../images/global/dashes-vert.gif) 0 10px repeat-y;
	margin: 0;
	padding: 0;
	}
#right-col p {
	padding: 0px 0 0px 34px;
	}
.blue-caps {
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 3px 0 3px 0px;
	color: #46A9B1;
	font-size: 14px;
	}

#right-col ul {
	width: 120px;
	list-style: none;
	color: #4E4E4E;
	line-height: 1.6;
	padding: 0px 0 0px 27px;
	margin: 3px 0 0 0;
	}

	
li {
	padding: 0px 0 7px 0px;
	width: 120px;
	}
li.contact {
	padding: 0 0 7px 6px;
	}

li a, li a:link, li a:visited {
	width: 120px;
	background: #fff;
	text-transform: uppercase;
	letter-spacing: .08em;
	text-decoration: none;
	padding: 3px 0 3px 6px;
	color: #4E4E4E;
	font-size: 14px;
	}
li a:hover {
	background: #F5EFD5;
	text-decoration: none;
	padding: 3px 6px 3px 6px
	}

li.header, li.portfolio {
	color: #bc5128;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 0px 0 6px 6px;
	margin: 0;
	}
li.portfolio {
	color: #bc5128;
	}
li.about {
	margin: 17px 0;
	}

li.about a, li.about a:link, li.about a:visited {
	color: #bc5128;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 0px 0 6px 6px;
	text-decoration: none;
	}
li.about a:hover {
	background: #F5EFD5;
	text-decoration:none;
	padding: 3px 6px 3px 6px;
	}


/*-----------------
   L E F T  C O L U M N
-----------------------------*/

#left-col {
	width: 606px;
	float: left;
	margin: 0 0 20px 45px;
	padding: 0 0 0 0;
	}
	#left-col p {
		margin: 0 60px 0 0;
		padding: 3px 0 5px 0;
		}
	
h1.portfolio {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 17px;
	color: #4E4E4E;
	font-weight: normal;
	margin: -5px 0 12px 0;
	}
p.next {
	float: right;
	margin: -20px -5px 15px 0;
	padding: 0;
	}	

/*--------------
   H O M E
------------------------*/

h1.home {
	font-size: 20px;
	font-style: italic;
	color: #46A9B1;
	margin: 0px 0 5px 0;
	padding: 0;
	font-weight: normal;
	}

.home-intro {
	font-size: 18px;
	line-height: 1.5;
	}


/*-----------------
   G A L L E R Y
-----------------------------*/

#gallery {
	margin: -6px 0 0 5px;
	padding: 0;
	}
#gallery h1 {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 17px;
	color: #4E4E4E;
	font-weight: normal;
	line-height: 1.7;
	}
.project {
	font-size: 17px;
	text-transform:none;
	letter-spacing: 0;
	color: #4E4E4E;
	
	}
#gallery img {
	display: inline;
	}
#gallery p {
	margin: 0;
	padding: 8px 0 20px 0;
	}
.gallery-left {
	margin: 0 15px 0 0;
	border: 1px solid #fff;
	}
.gallery-pad {
	margin: 0 15px;
	border: 1px solid #fff;
	}
.gallery-line {
	clear: both;
	margin: 20px 0 0px 0;
	}
#gallery a {
	background: none;
	}
#gallery a img{
	border: 2px solid #fff;
	}
	
#gallery a:hover img {
	border: 2px solid #d3cc39;
	}

.gallery-next {
	float: right;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 3px 0 3px 0px;
	margin: 0 -30px 5px 0;
	color: #46A9B1;
	font-size: 13px;
	}
.gallery-previous {
	float: left;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 3px 0 3px 0px;
	margin: 0 0 5px 0;
	color: #46A9B1;
	font-size: 13px;
	}

/*-----------------
   P O R T FO L I O
-----------------------------*/
#portfolio {
	}
.indent {	
	margin-left: 62px;
	}

/*-------------------------- portfolio --------------------------------*/


#previous-next {
	float: right;
	width: 600px;
	margin: 0px 20px 3px 0;
	padding: 0;
	text-align: right;

	}
#previous-next a:hover {
	background: #fff;
	color: #ee8ec4;
	}

#project-details {
	float: right;
	width: 680px;
	text-align: left;
	margin: 0 10px 5px 0;
	padding: 7px 0 0 0;
	border-top: 1px solid #dcd0a6;
	}	




/*-----------------
   A B O U T
-----------------------------*/

#about {
	margin: -6px 0 0 5px;
	padding: 0;
	}
#about p {
	font-size: 13px;
	margin: 4px 0px 5px 0;
	padding: 3px 0 3px 0;
	line-height: 1.6;
	}
#about h1 {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 17px;
	color: #d4a125;
	font-weight: normal;
	margin: 0;
	}
#about ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	}
#about ul li {
	font-size: 13px;
	width: 500px;
	margin: 3px 0 6px 0;
	padding: 0;
	}
.experience-header {
	color: #d4a125;
	font-size: 20px;
	padding: 0 0px 3px 0;
	line-height: 2.2;
	}
.lines-separator {
	color: #afb650;
	font-size: 14px;
	margin: 0;
	padding: 16px 0 12px 0;
	}


#about-skills {
	width: 150px;
	margin: 15px 0px 5px 26px;
	padding: 0px 0px 10px 0px;
	}
#about-skills ul {
	width: 140px;
	margin: 0 0 5px 6px;
	padding: 0;
	list-style: none;
	line-height: 1.6;
	}
#about-skills ul li {
	width: 140px;
	float: left;
	margin: 3px 0 3px 0;
	padding: 0;
	}
#about-skills ul li.title {
	width: 140px;
	float: left;
	color: #d4a125;
	font-size: 20px;
	margin: 15px 0 6px 0;
	padding: 0;
	
	}
#about-skills ul li.spacer {
	width: 140px;
	float: left;
	margin: 5px 0 15px 0;
	padding: 0;
	}

.body-big {
	font-size: 14px;
	}



/*-------------------  CONTACT  --------------------*/	

#contact {
	width: 800px;
	padding: 0;
	margin: 150px 0 10px 0;
	}

#contact .hello {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.8;
	color: #ee9898;
	}
#contact .info {
	font-size: 17px;
	font-weight: normal;
	line-height: 1.8;
	color: #4db1b9;
	}



/*------------footer -------------*/	

#footer {
	clear: both;
	width: 870px;
	margin: 15px 0 0 39px;
	padding: 0px;
	}

	#footer p {
		margin: 0 0 0px 0;
		padding: 0 0 0px 0px;
		font-size: 11px;
		color: #3b3b3b;
		
	}

/*------------global text styles -------------*/	

.orange {
	color: #BC5128;
	font-size: 14px;
	}
	
.orange-big {
	color: #BC5128;
	font-size: 18px;
	}