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

/*THIS IS THE NORMALIZING CODE FOR ALL BROWSERS-------------------------------------------------*/

/*Normalizes margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h1, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0;}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6
{ font-size: 100%;}

h2 { float: right; padding-right: 1px; margin-top: 20px; padding-bottom: 10px; }
h2#newsH2 { float: left; padding-left: 3px; margin-top: 20px; padding-bottom: 10px; width: 100%; }
h2.welcomeH2 { width: 400px; }
h2.welcomeH2 img { float: left; padding-right: 2px; }
h3 { padding-left: 15px; font-size: 15px; color: #333333; }
#main h3 { padding-left: 5px; }

/*Removes list-style from lists*/
ol,ul
{ list-style: none;}

/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal;}

/*Collapses all tables*/
table
{ border-collapse: collapse; border-spacing: 0;}

/*Removes borders from fieldset and img*/
fieldset, img
{ border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{ text-align: left;}

/*Removes quotations from q*/
q:before, q:after
{ content: '';}

/*Aligns entire html page and starts layout.css-------------------------------------------------*/
html
{ text-align: center; background: #000000; }

/*ALPHA FIXES FOR PNGS IE 6*/
* html img,
* html img a:hover,
* html .png,{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

/*clearfix*/
.clearfix {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	}

.clearfix { display: inline-block; }
.left { float: left; width: 115px; }
.leftP { float: left; width: 340px; }

/* =PORTFOLIO */
#info { width: 90px; float: left; border: 1px dashed #333333; margin-left: 10px; }
#sites { float: right; margin-right: 10px; width: 480px; margin: 10px; }
#sites ul li { margin: 10px 0; float: left; border: 2px solid #000000; padding: 5px; color: #FFFFFF; background: #333333; }
#sites ul li.odd { margin: 10px 0; float: left; border: 2px solid #000000; padding: 5px; color: #FFFFFF; background: #666666; }
#sites a { float: left; border: 2px solid #FFFFFF; }
#sites a:hover { border: 2px solid #FF9933; opacity: 0.8; }
#sites h3 { padding-left: 10px; margin: 0; color: #FFFFFF; font-weight: bold; }

/*Aligns body to center and sets width, aligns text left*/
body {
 	width: 100%;
	font: small/1.2 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
	margin-top: 28px;
	}

p { padding: 5px 5px 5px 5px; margin: 5px 5px; }
p.date { font-size: smaller; color: #cccccc; padding: 0 10px 0 5px; }
a { 	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	color: #FF9933;
	text-decoration: none;
	}
	
/* =header */
#header { width: 847px; float: left; margin-bottom: 10px; }	
	
/* =wrapper */
#wrapper {
	width: 847px;
	margin: 0 auto;
	}

/* =branding */
#col1 {
	width: 643px;
	float: left;
	}

/* =content_main */
#col2 {
	width: 186px;
	float: right;	
	}

/* =works */
#works {
	width: 186px;
	background: url(../images/smallBoxMiddle.jpg) repeat-y top center;
	margin-bottom: 5px;
	}
ul#worksPics li {
	margin-left: 35px;
	margin-bottom: 10px;
	}
ul#worksPics li a img { opacity: 0.7; border: 2px solid #FFFFFF; }
ul#worksPics li a img:hover { border: 2px solid #FF9933; opacity: 1.0; }

/* =branding */
#branding {
	width: 643px;
	background: url(../images/largeBoxMiddle.jpg) repeat-y top center;
	margin-bottom: 5px;
	}
#branding img#holder {
	padding: 0 3px;
	}

/* =content_main */
#content_main {
	width: 643px;
	background: url(../images/largeBoxMiddle.jpg) repeat-y top center;
	margin-bottom: 30px;
	}

/* =links */
#links {
	width: 186px;
	background: url(../images/smallBoxMiddle.jpg) repeat-y top center;
	}

/* =works_bottom */
#works_bottom {
	width: 186px;
	margin-bottom: 20px;
	}

/* =navigation */
#navigation {
	width: 643px;
	height: 35px;
	margin-bottom: 20px;
	}
#nav1 li { display: inline; height: 35px; margin: 0; padding: 0; float: left; margin-right: 3px; }
#nav1 li#contact { margin: 0; }
#nav1 li a { padding: 0; }
#nav1 li img { padding: 0; margin: 0; }

/* =news */
#news {
	width: 225px;
	float: left;
	}
#news p { margin-left: 10px; }
	
/* =main */
#main { 
	width: 400px;
	float: right;
	}
main_port {
	float: left;
	width: 625px;
	}
#main p { padding-right: 10px; }
#main ul { margin-left: 10px; margin-bottom: 20px; padding-right: 20px; }
#main ul li { border-left: 5px solid #FF9933; padding-left: 5px; margin: 3px 0; color: #FFFFFF; }

/* =classes */
.clearAll {
	clear: both;
	position: relative;
	}
.divMargin { margin: 10px 0; }
p.red { color: #FF0000; }
.leftImg { padding: 2px; margin: 5px 5px 5px 0; border: 1px solid #333333; float: left; }

/* =usefulLinks */
ul#usefulLinks {
	width: 186px;
	}
ul#usefulLinks li {
	margin-left: 30px;
	}
ul#usefulLinks li a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	}
ul#usefulLinks li a:hover {
	color: #FF9933;
	text-decoration: none;
	}
ul#usefulLinks li#last { margin-bottom: 10px; }

/* FIELDSET */
label { width: 70px; float: left; margin-right: 10px; text-align: right; }
fieldset { border: 1px solid #333333; margin-right: 30px; margin-top: 20px; padding: 10px; margin-bottom: 10px; }
fieldset p { margin: 1px 0; }
legend { color: #000; }
#submit { margin-left: 80px; }