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

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;	border:0;outline:0;	font-weight:inherit; font-style:inherit;	font-size:100%;	font-family:inherit;}
:focus {outline: 0;}
ol, ul, li {list-style: none; }
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;vertical-align:top;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* End of reset */

/************************************************	     General 	************************************************/

body{ padding:0px; margin:0px; background:#ece9e4; font-family: "Trebuchet MS", Arial, Helvetica, SansSerif;}
.flt{float:left;}
.frt{float:right}
.clear{clear:both;}
h1{ font:normal 40px "Maiandra GD", "Microsoft Sans Serif";}
h2{ font:normal 20px "Trebuchet MS", Arial, Helvetica, SansSerif; margin:0px; padding:0px; color:#000;}
h3{ font:bold 15px "Trebuchet MS", Arial, Helvetica, SansSerif; margin:0px; padding:0px; color:#000;}
p{ padding:10px 0px 0px;}

a { color:#333; cursor:pointer;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; cursor:pointer; }
a:active { text-decoration: none; }

/************************************************	     Header	      ************************************************/

.header{width:100%; background:url(../images/header_brick.jpg) top left repeat-x;  height:181px;}
.header .container{width:1000px; margin:0 auto; padding:0px; position:relative;}
.navigation{background:url(../images/navigation.png) no-repeat center bottom; top:0px; left:0px; position:relative;}
.logo{ width:349px;}
.top_pic1{ margin:50px 20px 0px 0px;}
.top_pic2{ margin:20px 35px 0px 0px;}
/************************************************	   Global Navigation   ************************************************/

.global_navigation{ position:relative;}
.global_navigation ul{}
.global_navigation ul li{font:normal 13px "Trebuchet MS", Arial, Helvetica, SansSerif; color:#000;  margin:0px; padding:0px; float:left; margin-top:4px;}
.global_navigation ul li a{ font:normal 13px "Trebuchet MS", Arial, Helvetica, SansSerif; color:#000;  margin:0px; padding:0px; text-decoration:none;}
.global_navigation ul li a:hover{ color:#000; text-decoration:underline;}
.global_navigation ul li a.current{  color:#000; text-decoration:none;}
.global_navigation ul li.bar{ margin:4px 13px 0px;}

/************************************************	   Buttons   ************************************************/
.button{ border:1px solid #4093ae; height:29px;}
.button a{ color:#fff; text-decoration:none; padding:3px 9px; background:url(../images/small_btn_bkg.png) left top repeat-x;}
.button a:hover{background-position:left -16px; text-decoration:none; }
.txtinput {background:#fff; color:#333; font-size:13px; margin:0; padding:5px; border:none; border:1px solid #666;}
.txtinput1 {background:#fff; color:#333; font-size:13px; margin:0; padding:2px; border:none; border:1px solid #666; width:150px;}
/************************************************	   home middle area   ************************************************/
.middle_area{width:100%; background:url(../images/middle_bkg.jpg) repeat-x top left; margin-top:-23px;}
.middle_area .container{width:1000px; margin:0 auto; padding:0px; position:relative;}
.tagline{margin:50px 0px 0px 15px;}
.aboutme{ margin:30px 0 0 15px; width:340px; padding:0px 15px; font-size:13px; color:#666;}
.head_aboutme{ position:absolute; top:275px; left:35px;}
.baby{ position:absolute; top:40px; right:0px;}
.middle_area_bot{width:100%; height:120px;}
.cloud{ background:url(../images/cloud.png) repeat-x top left; width:100%; height:106px;}
.cloud .container{width:940px; margin:0 auto; padding:0px; font-size:13px; color:#333; padding:0px 0px 0px 60px;}

.gallery_area{width:100%; background:url(../images/footer_bkg.png) repeat-x top left;}
.gallery_area .container{width:950px; margin:0 auto; padding:0px 0px 0px 50px;}
.gallery{}
.gallery ul{}
.gallery li{ float:left; margin-right:25px;}
.gallery_img{ padding-bottom:0px;}
.gallery li.sm1{ background:url(../images/sm_pic1.png) no-repeat; font-size:15px; color:#985c78; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center;}
.gallery li.sm2{ background:url(../images/sm_pic2.png) no-repeat; font-size:15px; color:#336890; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center; margin-top:15px;}
.gallery li.sm3{ background:url(../images/sm_pic3.png) no-repeat; font-size:15px; color:#7b5e3b; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center; margin-top:5px;}
.gallery li.sm4{ background:url(../images/sm_pic4.png) no-repeat; font-size:15px; color:#614b74; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center; margin-top:-15px;}
.gallery li.sm5{ background:url(../images/sm_pic5.png) no-repeat; font-size:15px; color:#3d6941; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center; margin-top:30px;}
.gallery li.sm6{ background:url(../images/sm_pic6.png) no-repeat; font-size:15px; color:#894342; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center; margin-top:10px;}
.gallery li.sm7{ background:url(../images/sm_pic7.png) no-repeat; font-size:15px; color:#86503d; font-weight:bold; width:97px; height:131px; padding:43px 7px 0px 2px; text-align:center;}

.inner{ margin:0px 0 0 15px; font-size:13px; color:#333; padding:50px 0px 0px}
.inner_aboutme{border-left:4px solid #b0aca7; padding:0px 25px 0px 15px; width:580px;}
.inner_gallery{border-left:4px solid #b0aca7; padding:0px 25px 0px 0px; width:580px;}
.gallery_list{padding:15px 25px 0px 15px; width:620px;background-color:#C2BEBA;}

.familytree{margin-left:25px; width:630px;}
.marrite{margin-right:50px;}
.martop{margin-top:20px;}
.wid{ width:330px;}
.wid1{ width:630px;}
.martop1{margin-top:-50px;}


.myfamily{ width:510px; font-size:13px; color:#666;}
.myfamily_img{margin-right:20px; text-align:left; width:130px;}
.myvideo{ margin-right:20px;}
.footer{ background:url(../images/footer_bkg1.png) no-repeat left top; font-size:12px; color:#666;}
.footer a{ text-decoration:none; font-size:12px; color:#666;}
.footer a:hover{ text-decoration:underline; font-size:12px; color:#666;}
.footer .head{ font-size:15px; color:#333;}
.footer_nav{padding:100px 0px 10px 100px;}
.footer .credits{ margin-left:195px; padding:65px 0px 0px;}
.alignl{vertical-align:text-top}



/************************************************	     Portfolio    **********************************************/
.portfolio{padding:5px 5px; min-height:450px;}
.portfolio ul{font:normal 12px "Maiandra GD", "Microsoft Sans Serif"; color:#fff; margin-top:15px; padding-left:30px;}
.portfolio li{ width:189px; padding:0px; margin:0px 25px 20px 0px; float:left;}
.portfolio li a{ color:#fff; text-decoration:none;}
.portfolio li a:hover{ color:#fff; text-decoration:none;}
.portfolio li.mar_rite{margin-right:45px;}
.portfolio li img{ padding:5px 5px 20px; background:#DDCCEC; margin-left:10px;}
.portfolio li a:hover img {background:#FEBBDA;}
.ux_design{ background:#b0545c; padding:4px 0px 4px 14px; margin:0px;}
.web_design{ background:#5493b0; padding:4px 0px 4px 14px; margin:0px;}
.branding{ background:#ae54b0; padding:4px 0px 4px 14px; margin:0px;}
.flash_design{ background:#65b054; padding:4px 0px 4px 14px; margin:0px;}
.portfolio li .bkg{ background:url(/images/portfolio_bkg.gif) repeat-y top right;}
.portfolio li .bkg:hover{ background:url(/images/portfolio_hover.gif) repeat-y top right; cursor:pointer;}

.uxcorner{background:url(/images/ux_corner.png) left top no-repeat; width:10px; height:14px; width:289px;}
.webcorner{background:url(/images/web_corner.png) left top no-repeat; width:10px; height:14px; width:289px;}
.branding_corner{background:url(/images/branding_corner.png) left top no-repeat; width:10px; height:14px; width:289px;}
.flash_corner{background:url(/images/flash_corner.png) left top no-repeat; width:10px; height:14px; width:289px;}

#gallery{}