/*
Code by TYPOCOM.
Author: Kiers 2008
*/


/* GLOBAL */

* { margin: 0; padding: 0; }

body {
	margin: 0;
	background-color: #ffffff;
	color: #888888;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 69%;
	/* text-align: center; IE */
	width: 840px;
}

a {
	text-decoration: none;
	color: inherit;
	outline: none; /* firefox */
	
}

img {
	border:1px solid #e9e9e9;
}

h1 a {
	width: 125px;
	height: 65px;
	text-indent: -9999px;
	background: url(../images/other/typocom_allpink.jpg) no-repeat;
	display: block;
}



a:visited {
	color: inherit;
}

a:hover {
	text-decoration: underline;
	color: #888888;
}



h1, h2, h3, h4 h5 {
	color: #000;
	font-size: 100%;
	font-weight: normal;

}

p, h3 {
	line-height: 100%;
}

p { 

line-height: 17px;
}

ul { list-style-type: none; }

.clear {
clear: both;
}


/* IDS */

#wrapper {
margin: 0;
	margin-left:35px;
	margin-top:25px;
	width: 830px;
	
}


#content_wrapper {
	margin-top:25px;
	float: left;
}


/* Header */

#header {
	float:left;
	margin-top: 0px;
}



#header_left_wrapper {
	float:left;
	width: 175px;
}

#header_right_wrapper {
	float:left;
	width: 600px;
	width: 600px !important; width: 600px; /* -- ie fix -- */
	text-align: right;
}

#date {
margin-top: 105px;
color: #888888;
}

#contact {
margin-top: 35px;
color: #888888;
}

#contact a {
color: #888888;

}

/* sidebar */

#sidebar {
	float: left;
	width: 150px;
	border-top:1px dotted #cccccc;
}

#sidebar ul {
	margin-top: 16px;
	
	line-height: 17px;
	color:#ff0072;
}

#sidebar ul li a {
	text-decoration: none;
	color: #888888;	
}

#sidebar ul li.list_spacer {
	height:10px;
}



#sidebar ul li a:hover {
	text-decoration: underline;
	color:#fe1592;	
}

#sidebar ul li a:active {
	
	color:#fe1592;	
}


/* main_column */

#main_column {
float: left;
margin-left: 25px;
width: 490px;
border-top:1px dotted #cccccc;
min-height: 540px; /* this is important - controls where footer is */
}

.big_img_container {

margin-top: 15px;

}



h3 {
color:#ff0072;
font-size: 14px;
margin-top: 16px;
}

h5{
color:#7a7a7a;
font-size: 12px;
font-weight: normal
}


#main_column p {
margin-top: 4px;
}

.article_wrap {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom:1px dotted #ccc; /* you could try dashed? */
}

#other_news_wrap {
}

#other_news_wrap a {
color:#ff0072;
}




#other_news_wrap h3 {
margin-top: 15px;
}

#client_wrap {
margin-top: 15px;
}

#client_wrap h3 {
margin-top: 0px;
margin-bottom: 20px;

}

.client_col {
float:left;
width:163px;


}

.client_col li {
margin-bottom:5px;
}




/* third_column */

#third_column {
/* border-top:1px dotted #ccc; */
float: left;
width:112px;
margin-left: 15px;
border-top:1px dotted #cccccc;
}

#third_column_false_top {

border-top:1px dotted #ccc;

width:95px; /* was 95px */


}

#smaller_images {
margin-top: 15px;
}

#smaller_images a img {
border:1px solid #e9e9e9;
margin-bottom: 5px;
margin-bottom: 3px !important; margin-bottom: 2px; /* -- ie fix -- */

}

#contact_wrap {
float: left;
margin-top: 205px;
width:112px;
}


#contact_wrap a {
color: #888888;
}

/* Footer */

#footer {
margin-top: 60px;
border-top:1px dotted #cccccc;
margin-bottom: 30px;
clear: both;

}

#footer p {
margin-top: 5px;
color: #999999;
font-size:10px;
}



/*    MAIN CSS ENDS HERE    */
/* ^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^below is for menu^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^ */


/* page selected hovers */

#about #sidebar ul li#nav_about a {
	color: #FE1592;
}

#news #sidebar ul li#nav_news a {
	color: #FE1592;
}

#clients #sidebar ul li#nav_clients a {
	color: #FE1592;
}

#contact_page #sidebar ul li#nav_contact a {
	color: #FE1592;
}


#sample_01 #sidebar ul li#nav_sample_01 a {
	color: #FE1592;
}

#sample_02 #sidebar ul li#nav_sample_02 a {
	color: #FE1592;
}

#sample_03 #sidebar ul li#nav_sample_03 a {
	color: #FE1592;
}

#sample_04 #sidebar ul li#nav_sample_04 a {
	color: #FE1592;
}

#sample_05 #sidebar ul li#nav_sample_05 a {
	color: #FE1592;
}

#sample_06 #sidebar ul li#nav_sample_06 a {
	color: #FE1592;
}

#sample_07 #sidebar ul li#nav_sample_07 a {
	color: #FE1592;
}

#sample_08 #sidebar ul li#nav_sample_08 a {
	color: #FE1592;
}

#sample_09 #sidebar ul li#nav_sample_09 a {
	color: #FE1592;
}

#sample_10 #sidebar ul li#nav_sample_10 a {
	color: #FE1592;
}

#sample_11 #sidebar ul li#nav_sample_11 a {
	color: #FE1592;
}

#sample_12 #sidebar ul li#nav_sample_12 a {
	color: #FE1592;
}

#sample_13 #sidebar ul li#nav_sample_13 a {
	color: #FE1592;
}

#sample_14 #sidebar ul li#nav_sample_14 a {
	color: #FE1592;
}

#sample_15 #sidebar ul li#nav_sample_15 a {
	color: #FE1592;
}

#sample_16 #sidebar ul li#nav_sample_16 a {
	color: #FE1592;
}

#sample_17 #sidebar ul li#nav_sample_17 a {
	color: #FE1592;
}

#sample_18 #sidebar ul li#nav_sample_18 a {
	color: #FE1592;
}

#sample_19 #sidebar ul li#nav_sample_19 a {
	color: #FE1592;
}

#sample_20 #sidebar ul li#nav_sample_20 a {
color:#FE1592;
}

#sample_21 #sidebar ul li#nav_sample_21 a {
color:#FE1592;
}

#sample_22 #sidebar ul li#nav_sample_22 a {
color:#FE1592;
}

#sample_23 #sidebar ul li#nav_sample_23 a {
color:#FE1592;
}