* {
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 100%;
	overflow: hidden;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}


object {
	vertical-align: top;
}
a {
	color: #fff;
}
a:hover {
	text-decoration: none;
}
body {
	background: #1b1c1d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #4b4b4b;
}


h1 { padding: 0 0 45px 0;	line-height: 1em;	font-size: 1.8em;	font-weight: normal;	color: #ffffff;}

/*------------- WHITE HEADERS --------------*/
h3 { padding: 0 0 15px 0;	line-height: 1.1em;	font-size: 1.3em;	font-weight: bold;	color:#ffffff;	padding-bottom:5px;}
h3.extra {	padding: 0 0 7px 0;}
h3 a {	text-decoration: none;	color: #fff;}
h3 a:hover {	text-decoration: underline;}

/*------------- BLUE HEADERS --------------*/
h4 { padding: 0 0 15px 0;	line-height: 1.1em;	font-size: 1.3em;	font-weight: bold;	color:#0083bb;	padding-bottom:5px;}
h4.extra {	padding: 0 0 7px 0;}
h4 a {	text-decoration: none;	color: #fff;}
h4 a:hover {	text-decoration: underline;}
/*------------- GREEN HEADERS --------------*/
h5 { padding: 0 0 15px 0;	line-height: 1.1em;	font-size: 1.3em;	font-weight: bold;	color:#55890d;	padding-bottom:5px;}
h5.extra {	padding: 0 0 7px 0;}
h5 a {	text-decoration: none;	color: #fff;}
h5 a:hover {	text-decoration: underline;}
/*------------- ORANGE HEADERS --------------*/
h6 { padding: 0 0 15px 0;	line-height: 1.1em;	font-size: 1.3em;	font-weight: bold;	color:#feb500;	padding-bottom:5px;}
h6.extra {	padding: 0 0 7px 0;}
h6 a {	text-decoration: none;	color: #fff;}
h6 a:hover {	text-decoration: underline;}




.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}
.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}
#main {
	width: 918px;
	margin: 0 auto;
	font-size: 0.75em;
}
#page1 #header {
	position: relative;
	height: 581px;
}
#header {
	position: relative;
	height: 341px;
}
#header div {
	position: absolute;
	top: 0;
	left: -31px;
}
#content {
	padding: 20px 0 0 0;
}
#content p {
	padding: 0px 0 15px 0;
	line-height: 1.154em;
	font-size: 1.083em;
	color: #9f9f9f;
}
#content p i {
	font-style: normal;
	color: #9f9f9f;
}
#content p i a {
	color: #9f9f9f;
}
#content p em {
	float: right;
	padding: 0 5% 0 0;
	font-style: normal;
}
#content p.extra {
	padding: 0 0 29px 0;
	color: #9f9f9f;
}
#content p.extra1 {
	padding: 0 0 40px 0;
}
#content p.extra2 {
	padding: 0 0 13px 0;
}
#content p.extra3 {
	padding: 0 0 27px 0;
}


.row-1 p {
	padding: 0 0 15px 0 !important;
	line-height: 1.25em !important;
	font-size: 1em !important;
	color: #c7c7c7 !important;
}
.row-1 p.extra {
	padding: 0 0 28px 0 !important;
}
.row-1 p.extra1 {
	padding: 0 0 22px 0 !important;
}
.row-1 p.extra2 {
	padding: 0 0 10px 0 !important;
}
.row-1 p.extra-style {
	line-height: 1.154em !important;
	font-size: 1.083em !important;
}
.row-2 {
	padding: 34px 0 40px 14px;
}
.line-ver-1 {
	background: url(../breeze-images/line-ver.gif) repeat-y;
}
.line-ver-2 {
	background: url(../breeze-images/line-ver.gif) repeat-y;
}
.line-ver-3 {
	background: url(../breeze-images/line-ver.gif) repeat-y;
}
.indent-1 {
	padding: 30px 14px 35px 26px; text-align:justify; 
}
.indent-1 .white {
	color:#FFF;
}
.indent-2 {
	padding: 100px 14px 35px 16px;
}
.indent-2a {
	padding: 50px 14px 35px 16px;
}
.indent-3 {
	padding: 30px 14px 35px 15px;
}
.indent-4 {
	padding: 30px 14px 35px 16px;
}




.indent-bot {
	margin: 0 0 27px 0;
}
.list-indent {
	padding: 0 0 23px 0 !important;
}
#footer {
	height: 96px;
	border-top: 1px solid #2c2c2c; margin-top:15px;
}
#footer p {
	padding: 20px 0 0 14px;
	font-size: 1.083em;
	color: #4b4b4b;
}
#footer p a {
	text-decoration: none;
	color: #9f9f9f;
}
#footer p a:hover {
	text-decoration: underline;
}







/*------------- PORTFOLIO --------------*/

.pf { float: right; width: 550px; padding: 0 10px 0 10px; margin: 25px 165px 25px 30px; }
.pf_left { float: left; width: 299px; }
.pf_left_img { float: left; width: 239px; padding: 26px 30px 26px 30px; background: #333333; }
.pf_right { float: left; width: 215px; margin: 10px 0 0 0; padding: 2px 0px 0 35px; }
.pf_right p { color: #9c9c9d; font-size: 11px; padding: 5px 0 4px 0; line-height: 16px; }
.portfolioHeaders { font-size:18px; color:#baa98f; 
                     padding: 0px 0 4px 0;}
.validators {
	padding: 0px 0 30px 0;
}






/* Content
----------------------------------------------------------------------------------- */
#content_wrapper {	width: 902px;	}
h2 {	padding: 0 0 15px 0;	line-height: 1em;	font-size: 1.3em;	font-weight: normal;	color: #ffffff;}	
.project {	width: 829px;	height: 360px;	left:30px;	background: url(../breeze-images/portfolio/project-back.jpg) no-repeat;	position: relative;		}	
.screen {	position: absolute;	top: 20px;	left: 20px;	width: 533px;	height: 323px;	}
.description {	position: absolute;	top: 20px;	right: 14px;	width: 230px;	}
.website {	position: absolute;	left: -1px;	top: -1px;	}	
.spacer {	height: 50px;	}
.tools {	width: 148px;	height: 25px;	background: url(../breeze-images/portfolio/faded-icons.png) no-repeat;	position: relative;	margin: 20px 0px 30px 0px;	}
.photoshop {	position: absolute;	left: 0px;	top: 0px;	width: 25px;	height: 25px;	}	
.dreamweaver {	position: absolute;	left: 31px;	top: 0px;	width: 25px;	height: 25px;	}	
.illustrator {	position: absolute;	left: 62px;	top: 0px;	width: 25px;	height: 25px;	}	
.indesign {	position: absolute;	left: 92px;	top: 0px;	width: 25px;	height: 25px;	}	
.flash { position: absolute;	left: 92px;	top: 0px;	width: 25px;	height: 25px;	}	
	
	
	
	
	

