/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:arial;}
body{
	background:#ffffff;
	font-size:100%;
	line-height:1em;
	color:#363636;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#wrapper{font-size:0.75em; line-height:1.25em;}
#footer{font-size:0.75em; line-height:1.25em;}
/********** end font size***************/

input, textarea, select{ 
	font-family:arial;
	line-height:0.875em;
	color:#6B6B6B; 
	border:1px solid #6B6B6B;
	vertical-align:top;
}
#form input{ width:195px; height:18px; padding:0 0 4px 0;}
#form textarea{ width:199px; height:161px; overflow:auto; font-size:1em; padding:0 0 4px 0;}
.inp_h{ height:29px; margin:0 0 7px 0;}

/****************** GLOBAL ***********************************************/
.float{ float:left; margin:0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}
.w100{
	width:100%;
}
.w1{
	width:50%;
}


.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4, 
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {list-style:none;}
li a { 
	background:url(images/arr.gif) 0 3px no-repeat; 
	padding:0 0 0 19px;
	line-height:1.7;
	color:#363636;
	text-decoration:none;
}
.list li a{background:url(images/arr_1.gif) 0 3px no-repeat;}
li a:hover {text-decoration:underline;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#660066;}
a:hover{ text-decoration:none;}
.link{ background:url(images/arr.gif) 0 3px no-repeat; padding:0 0 0 19px;}
.link_1{ background:url(images/arr_1.gif) 0 3px no-repeat; padding:0 0 0 19px;}
.link_3{ color:#363636; text-decoration:none;}
.link_3:hover{text-decoration:underline;}
.link_4{text-decoration:none;}
.link_4:hover{text-decoration:underline;}
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {text-indent:-10000px; background:url(images/home/giraffe_logo.gif) no-repeat left top; height:144px;}
.txt{ color:#6B6B6B;}
.txt_1{ color:#363636; font-weight:bold;}
/***************end txt***************/

.main {margin:0 auto;}

#header { background: url(images/fill_header.gif) left top repeat-x; }
#header .header_left{ background:url(images/header_left.jpg) left top no-repeat; width:100%; }
#header .header_right{ background:url(images/header_right.jpg) right top no-repeat; width:100%; }
#header .indent {padding:0px 0 0 30px;}
#header .logo { height:156px;}




/*******************box #1*********************************/
.box .left_top{ background:url(images/left_top.gif) left top no-repeat;}
.box .right_top{ background:url(images/right_top.gif) right top no-repeat;}
.box .left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_left{ background:url(images/side_left.gif) left top repeat-y #FAFAFA;}
.box .side_right{ background:url(images/side_right.gif) right top repeat-y;}
.box .side_top{ background:url(images/side_top.gif) left top repeat-x;}
.box .side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***************************end box #1**************************/

/*******************box #2*********************************/
.box_1 .left_top{ background:url(images/left_top_1.gif) left top no-repeat;}
.box_1 .right_top{ background:url(images/right_top_1.gif) right top no-repeat;}
.box_1 .left_bot{ background:url(images/left_bot_1.gif) left bottom no-repeat;}
.box_1 .right_bot{ background:url(images/right_bot_1.gif) right bottom no-repeat; width:100%;}

.box_1 .side_left{ background:url(images/side_1.gif) left top repeat-y #F5F5F5;}
.box_1 .side_right{ background:url(images/side_1.gif) right top repeat-y;}
.box_1 .side_top{ background:url(images/side_top_1.gif) left top repeat-x;}
.box_1 .side_bot{ background:url(images/side_bot_1.gif) left bottom repeat-x;}
/***************************end box #2**************************/

/***************************portfolio**************************/
#portfolio #wrapper .indent{padding:17px 30px 0 29px;}
#portfolio #wrapper .row .column .title{padding:27px 0 0 20px;}
#portfolio #wrapper .row .column .example{padding:10px 0 0 20px;}





/***************************end page**************************/

/***************************page**************************/
#page #wrapper .indent{padding:17px 30px 0 29px;}
#page #wrapper .row { padding:0 0 28px 0;}
#page #wrapper .row .column .bg_top{ background:url(images/home/bg_1.jpg) right top no-repeat;}
#page #wrapper .row .column .title{padding:27px 0 0 20px;}
#page #wrapper .row .column .example{padding:10px 0 0 20px;}
#page #wrapper .row .column .indent{padding:24px 20px 20px 20px;}
#page #wrapper .row .column .indent1{padding:5px 20px 20px 20px;}



#page #wrapper .row .column_1 .indent{padding:0 15px 0 15px;}
#page #wrapper .row .column_1 .bg_top{ background:url(images/home/bg_2.jpg) right top no-repeat;}
#page #wrapper .row .column_1 .title{padding:27px 0 0 21px;}
#page #wrapper .row .column_1 .box .indent{padding:24px 20px 20px 20px;}

#page #wrapper .row .column_2 .bg_top{ background:url(images/home/bg_3.jpg) right top no-repeat;}
#page #wrapper .row .column_2 .title{padding:27px 0 0 20px;}
#page #wrapper .row .column_2 .indent{padding:24px 20px 20px 20px;}

#page #wrapper .row_1 .column { background:url(images/sep.gif) right top repeat-y;}
#page #wrapper .row_1 .column .title{ padding:0 0 0 19px;}
#page #wrapper .row_1 .column .indent{ padding:13px 30px 0 19px;}
#page #wrapper .row_1 .column .block .title{ padding:0px 0 12px 0;}
#page #wrapper .row_1 .column .block .col{ width:50%;}

#page #wrapper .row_1 .column_1 .title{ padding:0 0 9px 0;}
#page #wrapper .row_1 .column_1 .block{ padding:7px 0 8px 20px;}
#page #wrapper .row_1 .column_1 .block .float{ margin:0 14px 0 0;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 #wrapper .indent{padding:17px 30px 0 29px;}
#page_1 #wrapper .column .row .title{ padding:12px 0 0 21px;}
#page_1 #wrapper .column .row .indent{ padding:13px 30px 20px 20px;}
#page_1 #wrapper .column .row .float{ margin:0 15px 27px 0;}
#page_1 #wrapper .column .row_1 .title{ padding:6px 0 0 19px;}
#page_1 #wrapper .column .row_1 .indent{ padding:18px 35px 20px 20px;}

#page_1 #wrapper .column_1 .title{ padding:16px 0 30px 19px;}
#page_1 #wrapper .column_1 .indent{ padding:0 25px 30px 20px;}
#page_1 #wrapper .column_1 ul{ margin:20px 0 20px 0;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 #wrapper .indent{padding:17px 30px 0 29px;}
#page_2 #wrapper .column .title{ padding:15px 0 24px 20px;}
#page_2 #wrapper .column .indent{ padding:0 20px 21px 21px;}
#page_2 #wrapper .column ul{ margin:15px 0 20px 0;}

#page_2 #wrapper .column_1 .row{ padding:0 0 0 15px;}
#page_2 #wrapper .column_1 .row .title{ padding:15px 0 32px 17px;}
#page_2 #wrapper .column_1 .row .indent{ padding:0 25px 26px 20px;}

#page_2 #wrapper .column_1 .row_1 .title{ padding:37px 0 0 35px;}
#page_2 #wrapper .column_1 .row_1 .indent{ padding:0 25px 30px 35px;}
#page_2 #wrapper .column_1 .row_1 .block{ padding:25px 0 0 0;}
#page_2 #wrapper .column_1 .row_1 .float{ margin:0 14px 0 0;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 #wrapper .indent{padding:17px 30px 0 29px;}
#page_3 #wrapper .column .row .title{ padding:12px 0 0 21px;}
#page_3 #wrapper .column .row .indent{ padding:11px 30px 10px 21px;}
#page_3 #wrapper .column .row .float{ margin:0 15px 27px 0;}
#page_3 #wrapper .column .row_1{ padding:0 33px 20px 20px;}
#page_3 #wrapper .column .row_1 .block{ width:77%; background:url(images/dot.gif) right top repeat-y;}
#page_3 #wrapper .column .row_1 .block .indent{ padding:5px 0 8px 11px;}
#page_3 #wrapper .column .row_1 .block_1{ width:23%;}
#page_3 #wrapper .column .row_1 .block_1 .indent{ padding:5px 0 0 39px;}
#page_3 #wrapper .column .row_1 .sep{ background:url(images/dot.gif) 0 0 repeat-x; height:1px;}

#page_3 #wrapper .column .row_1 .block_2{ width:77%; background:url(images/dot.gif) right top repeat-y;}
#page_3 #wrapper .column .row_1 .block_2 .indent{ padding:4px 0 3px 11px;}
#page_3 #wrapper .column .row_1 .block_3{ width:23%;}
#page_3 #wrapper .column .row_1 .block_3 .indent{ padding:4px 0 0 31px;}

#page_3 #wrapper .column_1 .title{ padding:16px 0 34px 19px;}
#page_3 #wrapper .column_1 .indent{ padding:0 25px 21px 21px;}
#page_3 #wrapper .column_1 .float{ margin:0 15px 27px 0;}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 #wrapper .indent{padding:17px 30px 0 29px;}
#page_4 #wrapper .column .title{ padding:15px 0 24px 20px;}
#page_4 #wrapper .column .indent{ padding:0 25px 28px 21px;}
#page_4 #wrapper .column ul{ margin:15px 0 20px 0;}

#page_4 #wrapper .column_1 .row{ padding:0 0 0 15px;}
#page_4 #wrapper .column_1 .row .title{ padding:15px 0 37px 17px;}
#page_4 #wrapper .column_1 .row .indent{ padding:0 25px 19px 20px;}
#page_4 #wrapper .column_1 .row .float{ margin:0 14px 20px 0;}

#page_4 #wrapper .column_1 .row_1 .title{ padding:37px 0 0 35px;}
#page_4 #wrapper .column_1 .row_1 .indent{ padding:25px 25px 30px 36px;}
#page_4 #wrapper .column_1 .row_1 .block{width:206px;}
#page_4 #wrapper .column_1 .row_1 .block_1{ width:202px;}
#page_4 #wrapper .column_1 .row_1 .right{margin:30px 0 0 0;}




#page_4 #wrapper .row .column_2 .example{padding:10px 0 0 20px;}

#page_4 #wrapper .row .column_2 .indent{padding:0px 20px 20px 20px;}
#page_4 #wrapper .row .column_2 .indent1{padding:5px 20px 20px 20px;}

#page_4 #wrapper .row .column_3 .example{padding:10px 0 0 20px;}
#page_4 #wrapper .row .column_3 .indent{padding:0px 20px 20px 20px;}
#page_4 #wrapper .row .column_3 .indent1{padding:5px 20px 20px 20px;}
/***************************end page_4**************************/

/***************************page_5**************************/
#page_5 #wrapper .indent{padding:17px 30px 26px 29px;}
#page_5 #wrapper .title{ padding:15px 0 0 20px;}
#page_5 #wrapper .block .indent{ padding:18px 25px 20px 21px;}
/***************************end page_1**************************/



#footer { padding:0 30px 0 30px;}
#footer .bg_footer{ background: url(images/sep.gif) 0 0 repeat-x; }

#footer .block{ width:30%;}
#footer .block .indent {padding:26px 0 0 18px;}

#footer .block_1{ width:70%; text-align:right;}
#footer .block_1 .indent {padding:19px 30px 0 0;}
#footer .block_1 img {vertical-align:middle;}

#footer a{ color:#363636; text-decoration:none}
#footer a:hover{text-decoration:underline}