/*

Nanson Brothers

MWISMedia New Media Design & Development

Author: David Goadby

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 11px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: normal 11px "arial", Arial;
	color:#666666;
	background-color:#FFFFFF;
    text-align:center;
}

/* ---------------------------------------------------------------*/

/* Div Containers*/

#main_container {
	width: 800px;
	margin: auto;
	padding: auto;
	background: repeat-y url(../images/bg.jpg);
	position:relative;
	text-align:left;
}



#header {
height: 135px;
width: 759px;
background: no-repeat url(../images/header.jpg);
margin: 0 0 0 22px;
}


#nav {
	width: 560px;
	padding: 45px 0 0 195px;
	float:left;
}


#row_image { 
margin: 0 0 0 22px;

}

#two_col {
margin: 0 0 0 30px;

}

#col_one {
width: 340px;
float:left;
background: repeat-y url(../images/col_one_bg.jpg);
}
#col_two {
width: 410px;
float:left;
}

#footer {
width: 759px;
height: 43px;
background: no-repeat url(../images/footer.jpg);
margin: 0 0 0 22px;
text-align:center;
}

/* ---------------------------------------------------------------*/

/* Text Styles */

.header_bg {
height:44px;
background: repeat-x url(../images/header_bg.jpg);
width: 330px;
}

.header_bg h1 {
padding: 14px 10px 10px 10px;
text-align:left;
font: bold 14px Arial, Helvetica, sans-serif;
}

.header_bg h1 em {
font: bold;
color:#000099;
font-style: normal;
}

#col_two .header_bg {
height:44px;
background: repeat-x url(../images/header_bg.jpg);
width: 400px;
}

#col_two .header_bg h1 {
padding: 14px 10px 10px 10px;
text-align:left;
font: bold 14px Arial, Helvetica, sans-serif;
}

#col_two .header_bg h1 em {
font: bold;
color:#000099;
font-style: normal;
}





/* Client Listing */

.client_bg {
height:33px;
background: no-repeat url(../images/client_bg.jpg);
width: 330px;
}

.client_bg p {
padding: 10px 10px 10px 55px;
text-align:left;
font: normal 11px Arial, Helvetica, sans-serif;
}

.client_bg a {
color:#666666;
text-decoration:none;
}

.client_bg a:hover {
color:#000099;
border-bottom:  1px dotted #CCCCCC;
text-decoration:none;
}


#col_two .client_bg {
height:33px;
background: no-repeat url(../images/client_bg.jpg);
width: 400px;
}

#col_two .client_bg p {
padding: 10px 10px 10px 55px;
text-align:left;
font: normal 11px Arial, Helvetica, sans-serif;
}

#col_two .client_bg a {
color:#666666;
text-decoration:none;
}

#col_two .client_bg a:hover {
color:#000099;
border-bottom:  1px dotted #CCCCCC;
text-decoration:none;
}



.clients {
width: 265px;
text-align:left;
padding: 5px 10px 5px 20px;
}

.clients a {
color:#666666;
}

.clients a:hover {
color:#000099;
border-bottom:  1px dotted #CCCCCC;
text-decoration:none;
}

#footer {
padding: 35px 0 0 0;
color:#CCCCCC;
}

#footer a {
	color: #999999;
	font-size: 9px;
	text-decoration: none;
}

#footer a:hover {

	font-size: 9px;
color:#000099;
border-bottom:  1px dotted #CCCCCC;
text-decoration:none;}


/**/
.intro {
	text-align: left;
	line-height: 18px;
	padding: 10px 10px 10px 10px;
}
#col_two p {
	text-align: left;
	line-height: 18px;
	padding:5px 15px 5px 15px;
}
 a {
	color: #999999;
	text-decoration: underline;
}

 a:hover {
color:#000099;
border-bottom:  1px dotted #CCCCCC;
text-decoration:none;
}

#col_two h1 {
	text-align: left;
	font-weight: bold;
	color: #666666;
		padding:5px 15px 5px 15px;

}

#second_nav {
float:left;
text-align:left;
padding:5px 15px 5px 15px;
}
#main_container #two_col #col_two #second_nav a {
	text-align: left;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

.project {
width: 120px;
float:left;
margin: 5px 0 5px 0;
height: 220px;
}
#main_container  #two_col #col_two .project .SmallBold {
	font-weight: bold;
}
#main_container  #two_col #col_two .project p {
	font-size: 9px;
}
#main_container  #two_col #col_two li {
	font-size: 9px;
	text-align: left;
	margin-left: 25px;
}


.ProjectImageBorder {
padding: 2px;
border: 1px dotted #CCCCCC;
}

h2 {
color:#000099;
font-size: 14px;
font-weight:bold;
}
#privacy  {
	width: 450px;
	text-align: left;
	margin: 10px;
	padding: 10px;
	line-height: 18px;
}