/* CSS Document */




body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
	margin:0;
	padding:0;
	line-height:normal;
	background:url("../../pt-graphics/bg_fade.gif") top left repeat-x;
	background-color:#333;
	
	}


/*****************************************
typography
*****************************************/
h1 {font-size:280%;font-weight:bold;color:#333;margin:0;padding:0;}
h2 {font-size:150%;font-weight:bold;color:#4e80b1;margin:0;padding-top:10px;}/*COLOR SWITCH*/
h3 {font-size:110%;font-weight:bold;color:#4e80b1;padding:0 0 8px 0; border-bottom:1px solid #ccc;} /*pageheader taglines*/
h4 {font-size:110%;font-weight:bold;color:#333;margin:0;padding:0 0 0 2px;}
h5 {font-size:100%;font-weight:bold;color:#4e80b1;margin:0;padding:0;} /*COLOR SWITCH*/
p {padding: 0px 2px; font-size:100%;}


/*****************************************
misc
*****************************************/
#rightcolumn img {border-bottom:1px solid #fff;} /*white bottom border for right column boxes*/
#page-services .innertube img {border:6px solid #ccc;}
a img {border:none; padding:0;margin:0;}


/*****************************************
forms & elements
*****************************************/
form {padding:10px;}
fieldset {border: solid 0 transparent;margin: 1em 0;padding: 1em;}
legend {font-size:140%;font-weight:bold;color:#4e80b1;margin:0;padding:0;} /*COLOR SWITCH*/
label {display:block; font-size:14px;font-weight:bold; margin-bottom:4px;}
input {width: auto; height:18px; border:1px solid #999; margin-bottom:8px;font-size:110%; color:#333; background:#e0e0e0;}
textarea {width: 300px;border:1px solid #999;margin-bottom:8px;background:#e0e0e0;}
input.btn-submit {padding:8px; background:#4e80b1;color:#fff; height:auto;} /*COLOR SWITCH*/

/*****************************************
portfolio list
*****************************************/
.project {display:block; height:240px; width:auto; border-bottom:1px dashed #ccc; padding:18px; }
.pphoto {float:left; display:inline;width:200px;}
.ptext {float:left; display:inline;padding-left:18px; margin:0 0 0 12px;}
.project img {border:1px solid #ccc;}


/*****************************************
structure
*****************************************/

#maincontainer{
width: 771px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 18px solid #ccc;
background-color:#FFFFFF;
}

#topsection{
width: 806px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height: 71px; /*Height of top section*/
margin-top:40px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-color:#FFFFFF;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
background-color:#fff;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
z-index:1;
}

#flash {
float:left;
display:inline;
margin:0;
padding:0;
z-index:20;
}


.innertube{
margin: 24px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 30px;
}

#control {
height:35px;
width:100%;
background-color:#181818;
border-bottom:1px solid #333;
}

/*****************************************
navigation right
*****************************************/


#nav-right {
	margin:0;
	padding:0;
	list-style-type:none;
	width:200px;
}

#nav-right a {
	display: block;
	width:200px;
	height:32px;
	line-height:30px;
	color:#333;
	text-decoration:none;
	background:url("../../pt-graphics/btn_bg_gray.gif") top left repeat-x;
	text-indent:20px;
	border-bottom:1px solid #fff;
}

#nav-right a:hover {
	background:url("../../pt-graphics/btn_bg_blue.gif") top left repeat-x;
	color:#fff;
}


li {display:inline;}



#photo {
width:570px;
height:119px;
border-bottom:1px solid #fff;
border-top:1px solid #ccc;
background-image: url("../../pt-graphics/photo1.jpg");
background-position:top left;
background-repeat:no-repeat;
}

#nav-top {
width:570px;
height:40px;
margin:0;
padding:0;
list-style:none;
}

#nav-top li {
float:left;
display:inline;
}

#nav-top a {
display:block;
color:#ccc;
text-decoration:none;
}


#clear {clear:both;} /*clears the floats*/

#footer {
	margin: 0 auto;
	width:771px;
	padding-bottom:20px;
	text-align:right;
	line-height:1.6em;
	color:#CCCCCC;
}



/*****************************************
anchors
*****************************************/

/*preview buttons*/
a:link, a:visited, a:active {color:#4e80b1;text-decoration:none;} /*COLOR SWITCH*/
a:hover {color:#333;text-decoration:underline;}

#footer a:link, #footer a:visited  {padding:4px 6px; background-color: #4e80b1; color:#fff; line-height:4em; text-decoration:none;} /*COLOR SWITCH*/
#footer a:hover {background:#ccc; color:#333;}


.btn-preview a:link, .btn-preview a:visited, .btn-preview a:active {padding:8px; background-color: #4e80b1; color:#fff; text-decoration:none; font-size:90%;}/*COLOR SWITCH*/
.btn-preview a:hover {background-color: #333;color:#fff;}

#home {float:left; display:inline;padding:10px 0 10px 0;border-right:1px solid  #333;}
#home a {padding:10px 14px 10px 14px;color:#fff;text-decoration:none;}
#home a:hover {background-color:#2e567f;color:#FFFFFF;}

#important {position:relative;margin:0;padding:0;list-style:none;}
#important li {float:right;margin:0;padding:0;border-left:1px solid  #333;}
#important a {display:block;margin:0;padding:10px 14px 10px 14px;color:#ccc;text-decoration:none;cursor:default;}
#important a:hover {background-color:#2e567f;color:#FFFFFF;}



/*****************************************
float box portfolio
*****************************************/
.box{width: auto;clear: left;padding-left:0px;}
.box .floatbox{float: left;width: 125px;}
* html .box p{ height: 1%;} /* IE 3px jog hack*/
.box p{margin-top: 0;}