/*--------------------------
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, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section{display:block}

table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
q:before, q:after{content:''}
abbr, acronym{border:0}

/*--------------------------
GLOBAL
---------------------------*/
html { overflow-y:scroll;  }
body { background: url(../images/body_bg.png) repeat top fixed; font-family:Verdana, Geneva, sans-serif; padding:0 30px;}

.clearfix:after{ content:"";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0}
.clearfix{ display:inline-block }
html[xmlns] .clearfix{ display:block}
* html .clearfix{ height:1%}
.fl{ float:left; }
.fr{ float:right; }
.icon_left{ float:left; margin-right:10px;}

a img {border:0; }
a, a:link{ color:#fa9038; text-decoration:none; }
a:hover{ color:#fa9038; text-decoration:none; }
::selection {background: rgb(250,144,56); color:#fafafa;}
::-moz-selection {background: rgb(250,144,56); color:#fafafa;}
img::selection {background: transparent;}
img::-moz-selection	{background: transparent;}

.baslik{padding:10px 0px 5px 10px;border-bottom:2px solid #900;background:#f3f3f3;margin-bottom:10px;font-weight:bold;font-family:verdana;color:#080808}
h1, h2, h3, h4, h5, h6{ margin:0px 0 20px 0; color:#181818; font-family: 'Open Sans', sans-serif; font-weight:400;}
h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:12px; }
h6{ font-size:10px; }

ul, ol{ margin-bottom:20px; }
ul, ol,{ margin-left:20px; font-size:12px;}
p, span, small, li{ font-size:12px; line-height:22px;}
p{ color:#444; margin-bottom:20px !important; font-family:Verdana, Geneva, sans-serif;}

figure, img {max-width:100%; height:auto; margin-bottom:20px;}
img.left {margin:0 20px 0 0; float:left; }
img.right {margin:0 0 0 20px; float:right;}
img.center {  display: block; margin-left: auto; margin-right: auto; }
object, embed, video{max-width:100%; height:auto}


.video-container { position: relative; padding-bottom: 45%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:23px; }

.video-container iframe,  
.video-container object,  
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.aligncenter{ text-align:center; }
.alignleft{ text-align:left; }
.alignright{ text-align:right; }

/*--------------------------
COLUMN
---------------------------*/
.whole{ width:100%; float:left; margin-bottom:40px;}
.one-half{ width:48.2%; float:left; margin-left:3.5%; margin-bottom:40px;}
.one-third{  width:30.5%; float:left; margin-left:3.5%; margin-bottom:40px;}
.one-fourth{ width:23%; float:left; margin-left:2.5%; margin-bottom:40px;}
.three-fourth{ width:73.7%; float:left; margin-left:3.5%; margin-bottom:40px;}
.one-fifth{ width:17%; float:left; margin-left:3.5%; }

/*--------------------------
LAYOUT
---------------------------*/
#page_wrap{ margin: 0 auto;  max-width: 60em; /* 988px / 16px = 61.75em */ }
#page{ float:left; width:100%; background:#fff; box-shadow: 0 0 10px rgba(220, 220, 220, 1); -webkit-box-shadow: 0 0 10px rgba(220, 220, 220, 1); -moz-box-shadow: 0 0 10px rgba(220, 220, 220, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; margin-bottom:30px;  }
#container, #footer_wrap{ padding:0 30px;}
section#content{ width:70%; float:left; margin:0; padding:50px 0 0 0; }
aside#sidebar{ width:23.5%; float:right; margin:0; border-left:1px dotted #e6e6e6; padding:50px 0 0 30px;}
section.content-right{ width:70%; float:right !important;}
aside.sidebar-left{ width:23.5%; float:left !important; border-right:1px dotted #e6e6e6 !important; border-left: none !important; padding:50px 30px 0 0 !important;}
footer{ background: url(../images/footer_bg.jpg) repeat-x #222; float:left; width:100%; padding-top:50px; margin:0;}
/*-------------*/
/*   CONTENT   */
/*-------------*/

#top{ width:100%; float:left; background: url(../images/top-bg.jpg) repeat-x bottom #f8f8f8; padding:10px 0 0 0;}
#top div{ float:right;}
#top div span{ float:left; margin-top:5px; color:#aaaaaa; padding-right:10px;}
#top div span a{ border-right:1px solid #ececec;  padding-right:10px; color:#aaa;}
#top div span a:hover{ color:#fa9038;}
#top div ul{ float:left; margin-bottom:0; padding:0 30px 12px 0;}
#top div ul li{ float:left; list-style:none; padding:0; width:32px; height:32px; margin-left:5px;}
#top div ul li a{ float:left; width:32px; height:32px; padding:0;}

header{ float:left; width:100%; padding:5px 0 5px 0; background:url(../images/header-bg.jpg) repeat-x bottom;}

h1.logo{ width:267px; height:90px; float:left;  text-indent:-999999px; margin-left:10px; }
h1.logo a{ margin-top:20px;width:267px; height:90px; display:block; background:url(../images/logo.png) no-repeat;}

nav select { display: none; }
/*nav{ float:right; width:80%; margin-top:10px;}*/
.ddsmoothmenu ul { list-style-type: none; margin: 24px 0 0 0; padding: 0; z-index:100; margin-right:10px; float:right; }
.ddsmoothmenu ul li { border-right:1px dashed #dfdfdf;font-size:12px; float: left; list-style: none; margin: 0; padding: 0; position: relative; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:400; }


.ddsmoothmenu ul li:hover {border-top:2px solid #144985; background:#eeeeee;font-size:12px; float: left; list-style: none; margin: 0; padding: 0; position: relative; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:400; }
.ddsmoothmenu ul li.curr {border-top:2px solid #144985; background:#f3f3f3;font-size:12px; float: left; list-style: none; margin: 0; padding: 0; position: relative; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:400; }



.ddsmoothmenu ul li a { color: #d03220; display: block; padding:12px 20px 12px 15px; text-decoration: none; background:url(../images/nav_li_bg.png) right no-repeat;}
.ddsmoothmenu ul li a span{ font-size:10px; text-transform:none; color:#aaaaaa;}

.ddsmoothmenu ul li a:hover{ color:#fa9038;}
.ddsmoothmenu ul li a.current {color:#ba171c;}
.ddsmoothmenu ul li a.current span{ color:#aaaaaa;}
* html .ddsmoothmenu ul li a { display: inline-block; }
.ddsmoothmenu ul li ul { display: none; float:left; left: 0; position: absolute; visibility: hidden; padding:5px 0 5px 0; background: #f8f8f8; border:1px solid #ededed; border-top:1px solid #fa9038; z-index:500; }
	
.ddsmoothmenu ul li ul li { text-transform:none; display: list-item; float: none; margin-left:0px; padding:0px 0px; border-top:1px solid #ededed; }
.ddsmoothmenu ul li ul li.no-border{ border-top:0}
.ddsmoothmenu ul li ul li a { color:#d03220; font-size:12px; margin: 0 0 0 0; padding:9px 15px; width: 175px; background:0; border-left:0;   border-top:1px solid #fff; border-top-width: 0 }
.ddsmoothmenu ul li ul li a:hover { color:#777; background:#fff; width: 177px;}
* html .ddsmoothmenu { height: 1%;}

.downarrowclass {  position: absolute; right: 7px; top: 14px; display:none;  }
.rightarrowclass { position: absolute; right: 5px; top: 13px; display:none; }

.ddshadow { height: 0; margin-top: 100px; position: absolute; top: 0; width: 0; }
.toplevelshadow { opacity: 0.8; }

#featured{ float:left; width:100%; margin-bottom:50px; clear:both;}
.wrapper { position: relative; max-width: 960px; width: 100%; padding: 0; margin: 20px 0 0 0;}

.cizgi{margin-bottom:10px;width:100%; float:left; display:block; text-align:center; background:url(../images/intro-bg.gif) repeat-x top; height:5px;}

#intro{ width:100%; float:left; display:block; text-align:center; padding:50px 0 25px 0; background:url(../images/intro-bg.gif) repeat-x top;}
#intro h2{ padding:0 30px; font-weight:300;}
#intro strong a{ font-style:italic; }
.intro, .intro2{ width:100%; float:left; display:block; text-align:center; background:url(../images/intro-bg.gif) repeat-x top; height:5px; margin-bottom:50px;}
.intro2{ margin:0;}

.breadcrumbs{ width:100%; float:left; display:block; text-align:none; padding:0; background:url(../images/intro-bg.gif) repeat-x top;}
.breadcrumbs .bread-top{ margin:20px;}
.breadcrumbs .bread-top span a{ color:#fa9038;}
.breadcrumbs .bread-top h2{ margin-bottom:0;}

.f-serv{ width:100%; float:left; border-bottom:1px dotted #a6a6a6; margin-bottom:50px; padding-bottom:0;}
.serv img{ float:left; margin-right:10px; margin-bottom:0;}
.serv ul li{ list-style: none; font-style:italic; background:url(../images/check-list.png) no-repeat left; padding-left:20px; line-height:24px;}
.serv ul li a { color:#555;}
.serv ul li a:hover { color:#fa9038 !important;}

.e-serv h3{ font-size:16px;}
.e-serv img{ border:1px solid #f6f6f6; padding:4px; }

.full{ float:left; padding:0; border-bottom:1px dotted #a6a6a6; margin-bottom:50px;}

.entry{float:left; margin-bottom:10px;}
.entry span.meta{ display:block; padding:0; width:50px; float:left; text-align:center;}
.entry span.meta strong{ font-size:18px; background:#f6f6f6; color:#555; border:1px solid #ececec; display:block; float:left; width:100%; padding:5px 0;}
.entry span.meta small{ font-size:11px; background:#444; border:1px solid #333; display:block; float:left; width:100%; padding:0; color:#fff;}
.entry div{ float:right; width:73%;}
.entry div h4{ margin-bottom:10px; font-size:14px;}
.entry div h4 a{ color:#181818;}
.entry div h4 a:hover{ color:#fa9038;}

/**** Speech Bubble Icons *****/
p.bubble{ float:right; position:absolute; margin-left:45px;}
.spch-bub-inside { position: relative; top:-15px;}
a.spch-bub-inside { color: #00F; text-decoration: none;}
.spch-bub-inside em { font-style: normal;}
.spch-bub-inside em { background: #fa9038; color: #FFF; padding: 0.1em 0.4em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative;}
.spch-bub-inside .point { width: 0; height: 0; position: absolute; top: 1.2em; left: 0.4em; display: block; border-left: 0.45em solid #fa9038;  border-bottom: 0.45em solid #FFF; /* IE fix */ border-bottom: 0.45em solid rgba(0,0,0,0);  overflow: hidden; /* IE fix */}
a.spch-bub-inside:hover { color: #F00;}
a.spch-bub-inside:hover em { cursor: pointer; background: #444; color: #fff;}
a.spch-bub-inside:hover .point { border-left: 0.5em solid #444; }

.spch-bub-footer{ margin-left:8px;}
.spch-bub-footer .point{ top: 1.5em;}

article{ width:100%; float:left; border-bottom:1px dotted #a6a6a6; padding:0 0 50px 0; margin-bottom:50px; }
article.no-border{ border-bottom:0;}
article img{ border:1px solid #f6f6f6; padding:4px;}
article .entry-1{ padding:0 0 15px 50px; background:url(../images/blog-standard.jpg) no-repeat left top;}
article .post-image{ background:url(../images/blog-image.jpg) no-repeat left top;}
article .post-video{ background:url(../images/blog-video.jpg) no-repeat left top;}
article .entry-1 h3{ font-size:22px; margin:0 0 0 0; font-weight:400;}
article .entry-1 h3 a:hover{ color:#fa9038;}
article .entry-1 h3 a{ color:#181818;}
article .entry-1 ul{ float:left;}
article .entry-1 ul li{ float:left; list-style:none; color:#777; margin-right:15px; font-size:11px;}
article .entry-2{ width:15%; float:left; display:block;}
article .entry-2 span.meta{ display:block; text-align:right; border-right:1px dotted #a6a6a6; padding-right:15px;}
article .entry-2 span.meta strong{ font-weight:normal; font-size:30px; color:#181818;}
article .entry-2 span.meta small{ font-size:10px; text-transform:uppercase;}
article .entry-3{ width:80%; float:right;}
article .entry-2 ul.tag{ display:block; text-align:right; padding-right:15px;}
article .entry-2 ul.tag li{ float:none; list-style:none;}
article .entry-2 ul.tag li a{ float:none; list-style:none; color:#777; font-size:11px;}
article .entry-2 ul.tag li a:hover{ color:#fa9038;}
article .video-container{ width:100%; float:left;}

.related{ width:100%; float:left; margin-bottom:25px;}
.related ul{ float:left;}
.related ul li{ float:left; list-style:none; margin:0 7px 10px 0; font-size:14px; }
.related ul li img{ border:1px solid #; margin-bottom:5px;}
.related ul li a{ color:#181818;}
.related ul li a:hover{ color:#fa9038;}

.author{ width:100%; float:left; margin-bottom:40px;}
.author img{ float:left; margin-right:20px;}
.author h4 span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;}

.post-comment{ width:100%; float:left; padding:10px 0; margin-bottom:40px;}
.post-comment .feed{ float:left;padding:15px; background:#f6f6f6; border:1px solid #f2f2f2;}
.post-comment .feed p{ color:#888; font-style:italic;}
.post-comment .feed-response{ background:#fff; border:1px solid #f2f2f2;}
.post-comment .feed .feed-one{ width:85px; display:block; text-align:center; float:left; margin-right:25px;}
.post-comment .feed .feed-one h4{ font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:600;}
.post-comment .feed .feed-one h4 a{ color:#444;}
.post-comment .feed .feed-one h4 span{ color:#777; font-size:10px; font-weight:normal;}
.post-comment .feed .feed-one h4 small{ font-size:10px; font-weight:normal;}
.post-comment .feed .feed-one img{ border:1px solid #ececec; background:#fff; margin-bottom:5px; padding:4px;}
.post-comment .feed .feed-one a img:hover h4 a{ color:#f2ac04 !important;}

/**** Speech Bubble Icons post comment *****/
.spch-bub-outside { position: relative; }
a.spch-bub-outside { color: #f2ac04; text-decoration: none;}
.spch-bub-outside em { font-style: normal;}
.spch-bub-outside .point { width: 0; height: 0; position: absolute; top: 1.1em; left: 0.4em;
  display: block; border-left: 0.45em solid #fa9038;  border-bottom: 0.45em solid #f0f0f0; /* IE fix */ border-bottom: 0.45em solid rgba(0,0,0,0)  overflow: hidden; /* IE fix */}
.spch-bub-outside { padding-left: 2.0em;}
.spch-bub-outside .bubble { top: 0; left: 0; display: block; position: absolute; height: 1.1em; width: 1.8em; background: #fa9038;  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em;}
a.spch-bub-outside:hover { color: #f2ac04; text-decoration:underline;}
a.spch-bub-outside:hover .bubble  { cursor: pointer; background: #fa9038; color: #fa9038;}
a.spch-bub-outside:hover .point { border-left: 0.5em solid #fa9038;  }

.commentf{ float:left; width:100%; margin-bottom:50px;}
#commentform .input{ background:#fff; border:1px solid #f0f0f0; color:#9a9a9a; margin-bottom:20px; padding:10px; width:45%; margin-right:10px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #f6f6f6),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#f6f6f6 1px,
			#FFFFFF 25px
			);}
#commentform .textarea{ background:#fff; border:1px solid #f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9a9a9a; height:180px; padding:10px; width:95%; margin-bottom:20px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #f6f6f6),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#f6f6f6 1px,
			#FFFFFF 25px
			);}
#commentform label{ font-size:12px; color:#6a6a6a; }
#commentform #name:focus,#commentform #subject:focus, #commentform #email:focus, #commentform #website:focus,#commentform #message:focus { border:1px solid #dedede; background:#f7f7f7}
#commentform .button{ width:100px; background-color:#fa9038; padding:7px 15px; color:#fff;
	-webkit-border-radius:2px;  -moz-border-radius:2px; -o-border-radius:4px; border-radius:2px; border:0;}
#commentform .button:hover{ cursor:pointer; background:#fa9038;}


#vertical-ticker{ height:240px; overflow:hidden; margin:0; padding:0;}
#vertical-ticker li{ list-style:none; background: url(../images/tweet.png) no-repeat left top; float:left; margin-bottom:20px; width:100%; float:left; }
#vertical-ticker li div{ width:80%; float:right; padding:15px; background:#f6f6f6; }
#vertical-ticker li div p{ margin-bottom:0;}
#vertical-ticker li small{ font-size:11px; color:#999;}

ul.client{ float:left; margin-bottom:60px; width:105%;}
ul.client li{float:left; list-style:none; margin:0 12px 10px 0;}
ul.client li a{ float:left; width:140px; height:80px;}
ul.client li a img:hover{ opacity:.8;}

#accordion{ float:left; width:100%; margin:10px 0 40px 0;}
#accordion div.acc{ width:100%; float:left;}
#accordion div.acc h3{ font-size:14px; margin-bottom:5px;}
#accordion div.acc h4{ margin-bottom:0; padding:5px 20px; border-left:5px solid #fa9038; background:#f2f2f2; margin-bottom:1px; -webkit-border-radius:2px;  -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
#accordion div.acc h4:hover{ cursor:pointer;}
#accordion div.acc h4 a{ color:#181818; font-size:14px;}
#accordion div.acc div{ padding:20px 20px; margin-bottom:1px; border:1px solid #f2f2f2; -webkit-border-radius:2px;  -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; float:left;}
#accordion div.acc div span{ display:block; font-size:14px; color:#181818 !important;}
#accordion div.acc div img{ float:left; margin:4px 25px 0 0; padding:4px; border:1px solid #f5f5f5;}

#accordion div.acc ul.social{ float:left; margin:0; padding:0; }
#accordion div.acc ul.social li{ float:left; list-style:none; padding:0; width:32px; height:32px; margin-left:5px;}
#accordion div.acc ul.social li a{ float:left; width:32px; height:32px; padding:0;}
#accordion div.acc ul.social li a img{ border:none;}

blockquote.quoted{ float:left; background:#f6f6f6; padding:15px 10px; margin-bottom:25px; width:96%; }
blockquote.quoted p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; background:url(../images/quote.png) no-repeat left top; padding-left:30px;}
blockquote.quoted cite img{ margin-bottom:0; float:left; margin-right:15px; width:40px; -webkit-border-radius: 4px; -moz-border-radius: 47px; -o-border-radius: 4px; border-radius: 4px; border:1px solid #f0f0f0; padding:4px; background:#fff;}
blockquote.quoted cite{ font-size:12px; color:#777;}
blockquote.quoted cite a{ font-size:11px;}

.services{ width:100%; float:left; margin-bottom:20px;}
.services img{ float:left; margin-right:20px;}

#works-container{ width:100%; float:left; margin-bottom:50px;}
#filters{ padding:0; margin:0 0 20px -10px;}
.filter-option{ margin:50px 0 20px -10px !important; width:100%; float:left;}
#filters li{ list-style:none; display:inline; padding:0 10px 0 0; color:#777; font-family: 'Open Sans', sans-serif; font-weight:400;  font-size:14px; }
#filters li a{ padding:0 0 0 10px; text-decoration:none; color:#181818; }
#filters li a.selected{ color:#fa9038; text-decoration:none; font-weight:600;}
#works-container{ margin-left:-9px; width:106%; float:left; margin-bottom:30px; }
#works-container .element { margin:5px; float: left; overflow: hidden; position: relative; width:210px !important; height:165px !important; border:1px solid #f2f2f2; padding:4px;  box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -moz-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}

#works-container .element h3{  position:absolute; top:4px; background:#181818; opacity:.9; color:#fff; font-size:14px; padding:3px 10px;}
/*for sidebar only*/
#works-container .element-item{ margin:7px; float: left; overflow: hidden; position: relative; width:200px !important; height:160px !important;}
#works-container .element-item h3{  position:absolute; top:0; background:#181818; opacity:.9; color:#fff; font-size:14px; padding:3px 10px;}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width;
transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity;
-o-transition-property: top, left, opacity; transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#container #works-container .element{ width:180px; height:137px;}
#filterable{width:100%; float:left; margin-bottom:20px; margin-left:10px; }
#filterable ul li{ float:left; margin-bottom:5px;}
#filterable ul li a{ font-size:12px; padding:7px 10px; float:left; color:#fff; border:1px solid #149dd1; background:#20ace2; text-shadow:0 1px 1px #149dd1;  -webkit-border-radius: 4px; -moz-border-radius: 47px; -o-border-radius: 4px; border-radius: 4px;}

#portfolio{ width:107%; float:left; margin:50px 0 50px -18px;}
#portfolio .item{ width: 210px; height:165px;  float:left; margin:0 0 18px 18px;}
#portfolio .item img{ border:1px solid #f2f2f2; padding:4px;  box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -moz-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }

.portfolio{ margin-left:-25px !important; float:left;}
#portfolio .item2{ width: 280px; height:240px;  float:left; margin:0 0 25px 25px;}
#portfolio .item2 img{ border:1px solid #f2f2f2; padding:4px;  box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -moz-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}

.portfolio2{ margin-left:-33px !important; float:left;}
#portfolio .item3{ width: 425px; height:240px;  float:left; margin:0 0 33px 33px;}
#portfolio .item3 img{ border:1px solid #f2f2f2; padding:7px;  box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -moz-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}
.thumb-overlay2 { display: none; width: 100%; height: 100%; position: absolute; top: 8px !important; left: 8px !important; background:#fff;}
.thumb-info2 { margin: 0; padding:20px; display: none; position: absolute; width:90.5% !important; top: 7px !important; left: 7px !important;}

.thumb { position: relative; }
.thumb-overlay { display: none; width: 100%; height: 100%; position: absolute; top: 5px; left: 5px; background:#fff;}
.thumb-info { margin: 0; padding:20px; display: none; position: absolute; width:86%; top: 4px; left: 4px;}
.thumb-info h3 { font-size: 18px; margin-bottom: 10px; padding-bottom:10px; border-bottom:1px solid #fa9038;}
.thumb-info h3,
.thumb-info p {color: #181818 !important; text-shadow:0px 1px 1px #fff;}
.thumb-info p {color: #444;}
.thumb-info span.go{ text-indent:-999999px; float:right; width:10px; height:6px; background:url(../images/go.png) no-repeat; margin-top:10px;}
.thumb-info p.thumb-anchor{ width:100%; display:block;}
.thumb-info p a{ 
	background-color:#fa9038;
	padding:7px 15px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-decoration:none;
	border: 1px solid #fa9038;
	text-shadow:0px 0px 2px #e97f26;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(250,144,56) 0%, rgb(255,164,89) 100%);
	background-image: -o-linear-gradient(bottom, rgb(250,144,56) 0%, rgb(255,164,89) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(250,144,56) 0%, rgb(255,164,89) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(250,144,56) 0%, rgb(255,164,89) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(250,144,56) 0%, rgb(255,164,89) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(250,144,56)),
	color-stop(1, rgb(255,164,89))
	);
	-webkit-box-shadow: inset 0px 1px 0px #ffc391;
	-moz-box-shadow: inset 0px 1px 0px #ffc391;
	box-shadow: inset 0px 1px 0px #ffc391;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.thumb-info p a:hover{background:#ffa052;}
.thumb-info ul{float:left; margin-bottom:30px; width:100%;}
.thumb-info ul li{ float:left; list-style:none; color:#777; margin-right:5px;}

.portfolio-detail{ width:100%; float:left; margin-bottom:30px;}
.portfolio-detail img, .portfolio-res-col img{ float:left; margin-right:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.portfolio-detail h3{ margin-bottom:5px; font-weight:600;}
.portfolio-detail .detail{ width:100%; float:left;}
.portfolio-detail .detail img{ border:1px solid #f2f2f2; padding:6px;  box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -moz-box-shadow: 0 0 10px rgba(242, 242, 242, 1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}

.portfolio-response{ border-bottom:1px solid #f6f6f6; width:100%; float:left; padding-bottom:15px; margin-bottom:15px;}
.portfolio-res-col{ width:58px; float:left;}
.porfolio-res-col2{ width:87%; float:right;}
.porfolio-res-col2 h4{ font-size:14px; font-weight:600;}
.porfolio-res-col2 h4,p{ margin-bottom:7px;}
.porfolio-res-col2 span a{ color:#777; font-size:11px;}

.pagination{ float:left; width:100%; padding-bottom:0px; margin:0 0 50px 0;}
.pagination li{ float:left; padding:4px 0; list-style:none; margin-right:4px; color:#777; font-weight:bold; font-size:11px; margin-bottom:10px;}
.pagination li.page{ border:1px solid #f0f0f0; padding:2px 10px; margin-top:0px;}
.pagination li a{ border:1px solid #f0f0f0; padding:7px 10px; color:#777; text-decoration:none;}
.pagination li a:hover{ background:#fa9038; border:1px solid #f18932; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}
.pagination li a.active{ background:#fa9038; border:1px solid #f18932; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}

.space-top{ width:100%; float:left; padding:20px 0 30px 0;}

/*-------------*/
/*   FEATURES  */
/*-------------*/
.img-left img{ float:left; margin-right:20px;}
.img-right img{ float:right; margin-left:20px;}

.faq{ width:100%; float:left; margin-bottom:20px;}
.faq h3{ background:url(../images/faqs-q.png) no-repeat left center; padding:6px 0; padding-left:40px;}

.quote{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#444; line-height:24px; background: url(../images/quote.png) no-repeat top left; padding-left:35px; font-style:italic; margin-bottom:20px;}

.quote-left{ width:40%; float:left; margin-right:20px;}

.dropcap{ display: block; width: 30px; height: 30px; float:left; font-size:16px; line-height:30px; text-align: center; margin:0px 15px 0px 0;	background:#fa9038; color:#fff !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }

.dropcap2{ display:block; font-weight:bold; float:left; font-size:40px; color:#181818; margin:0 15px 0 0;line-height:42px;}

/*Button style*/
.ready-button{ margin:0; width:100%; float:left; margin-bottom:40px;}
.ready-button li{ list-style:none; float:left; margin-right:1.5%; margin-bottom:10px;}
.ready-button li a{ float:left; color:#fff; border:1px solid #149dd1;  background:#23ade2; text-shadow:0 1px 1px #149dd1; padding:10px 15px; float:left;  -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px}
.ready-button li a.one{ color:#fff; border:1px solid #be4537;  background:#ce5042; text-shadow:0 1px 1px #be4537;}
.ready-button li a.two{ color:#777; border:1px solid #eaefd1;  background:#fafee7; text-shadow:0 1px 1px #eaefd1;}
.ready-button li a.three{ color:#fff; border:1px solid #6986a7;  background:#718fb1; text-shadow:0 1px 1px #6986a7;}
.ready-button li a.four{ color:#fff; border:1px solid #04474b;  background:#044f54; text-shadow:0 1px 1px #04474b;}
.ready-button li a.five{ color:#fff; border:1px solid #f36343;  background:#fd6847; text-shadow:0 1px 1px #f36343;}
.ready-button li a.six{ color:#777; border:1px solid #e9e165;  background:#f5ed6e; text-shadow:0 1px 1px #e9e165;}
.ready-button li a.seven{ color:#fff; border:1px solid #f37201;  background:#fe7701; text-shadow:0 1px 1px #f37201;}
.ready-button li a.eight{ color:#fff; border:1px solid #81c276;  background:#8bce7f; text-shadow:0 1px 1px #81c276;}
.ready-button li a.nine{ color:#fff; border:1px solid #f253a5;  background:#ff59af; text-shadow:0 1px 1px #f253a5;}
.ready-button li a.ten{ color:#fff; border:1px solid #131a20;  background:#182128; text-shadow:0 1px 1px #131a20;}
.ready-button li a.eleven{ color:#fff; border:1px solid #dbb671;  background:#e6c079; text-shadow:0 1px 1px #dbb671;}
.ready-button li a.twelve{ color:#fff; border:1px solid #db9192;  background:#e59b9c; text-shadow:0 1px 1px #db9192;}
.ready-button li a.thirten{ color:#fff; border:1px solid #503341;  background:#5b3b4a; text-shadow:0 1px 1px #503341;}
.ready-button li a.fourten{ color:#fff; border:1px solid #734a45;  background:#80554f; text-shadow:0 1px 1px #734a45;}
.ready-button li a:hover{ opacity:.9;}

.alertness{ width:100%; margin-bottom:20px; float:left;}
.alert{ padding:20px; width:95.5%; float:left; margin-bottom:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.alert p{ padding:0; color:#444 !important; font-weight:bold; margin-bottom:0 !important; padding-left:25px;}
.red_alert{ background:#f0807f; border:1px solid #e96f6e;}
.red_alert p{ background: url(../images/process-stop.png) no-repeat left;}
.green_alert{ background:#c5dc93; border:1px solid #adc37c;}
.green_alert p{ background:url(../images/process-accept.png) no-repeat left;}
.blue_alert{ background:#a8c8e7; border:1px solid #93b6d7;}
.blue_alert p{ background:url(../images/process-info.png) no-repeat left;}
.yellow_alert{ background:#f5d575; border:1px solid #e7c868;}
.yellow_alert p{ background:url(../images/process-yellow.png) no-repeat left;}

.fourpage, .underpage{ width:100%; float:left; text-align:center; margin-bottom:10px;}
.fourpage h2{ font-size:100px; line-height:100px; font-weight:700;}
.fourpage h2 span{ color:#fa9038 !important; margin-right:20px; font-size:100px; }
.underpage h3{ font-size:30px;}
ul.site-menu{  width:100%; text-align:center; float:left; margin:0 0 40px 0;}
ul.site-menu li{ display:inline; font-size:12px; list-style:none; }
ul.site-menu li a{ color:#444; padding:0 10px;}

ul.list, ol.list{ margin-left:15px;}
.list li{ line-height:28px; color:#777; font-size:12px;}
.list li a { color:#777;}
.list li a:hover { color:#fa9038;}
ul.arrow, ul.star{ margin:0; float:left;}
.arrow li{ list-style:none; background:url(../images/process-accept.png) no-repeat left; padding-left:25px;}
.star li{ list-style:none; background:url(../images/star.png) no-repeat left; padding-left:25px;}

.white_table table { width: 100%;}	
.w_table_l_grey{ background-color:#f2f2f2;}
.w_table_d_grey{ background-color:#f6f6f6;}
.white_table table th { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; color: #181818; font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight:700; height: 115px; text-align:center;}
.white_table table th span { color: #fa9038 !important; font-size: 12px;}
.white_table table tr { height: 30px; text-align: center;}
.white_table table .grey { background-color:#f3f3f3;}
.white_table table tr td { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; font-size:12px;}
.white_table table .btn td { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.white_table .pricing_btn { border-bottom: 1px solid #f0f0f0; height: 80px !important; text-align:center;}
.pricing_btn .the_button{ float: none; margin-top: 0;}
.white_table .pricing_btn .pricing_btn_orbed { clear: both; display: block; float: left; height: 44px; margin: 0 0 0 52px; padding-left: 13px;}

.the_button {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: left;
	color: #050505;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	letter-spacing: -0.7px;
	line-height: 33px;
	margin: 0;
	text-align: center;
	width: auto;
	padding:0 15px;
	position:relative;
	z-index:1002;
	
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	background: #dddddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff, #dddddd);
	background: -moz-linear-gradient(#ffffff, #dddddd);
	background: -ms-linear-gradient(#ffffff, #dddddd);
	background: -o-linear-gradient(#ffffff, #dddddd);
	background: linear-gradient(#ffffff, #dddddd);
	-pie-background: linear-gradient(#ffffff, #dddddd);
}
	
.the_button:hover, .the_button.active {
	color: #ffffff;	
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	
	background: #2e2e2e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e2e2e), to(#2e2e2e));
	background: -webkit-linear-gradient(#2e2e2e, #2e2e2e);
	background: -moz-linear-gradient(#2e2e2e, #2e2e2e);
	background: -ms-linear-gradient(#2e2e2e, #2e2e2e);
	background: -o-linear-gradient(#2e2e2e, #2e2e2e);
	background: linear-gradient(#2e2e2e, #2e2e2e);
	-pie-background: linear-gradient(#2e2e2e, #2e2e2e);  
	}

/*	-----------Sitemap Styler-------- 	 */
#sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; }
#sitemap{ background:url(../images/line1.gif) repeat-y;}
#sitemap li{ line-height:24px; margin-top:1px; position:relative; width:100%; font-size:13px;}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{ float:left; display:inline; }
#sitemap li a{ padding-left:28px; color:#444;}
#sitemap li a:hover{ color:#f1976f;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background: url(../images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background: url(../images/expanded.gif) no-repeat 0 0;}
/* sub levels */
#sitemap li ul{	margin-left:28px; background:url(../images/line1.gif) repeat-y;}
#sitemap li li{	background:url(../images/line2.gif) no-repeat 0 0;}
#sitemap:after, #sitemap ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sitemap, #sitemap ul{display:block;}
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
#sitemap ul{display:none;}

/*CONTACT AREA CSS*/
#map_canvas{ width:100%; height:12em; margin:0 2% 40px 0; }

.contactForm{ width:100%; float:left;}
.contactForm input, .contactForm textarea{ -webkit-border-radius: 4px; -moz-border-radius:4px; o-border-radius:4px; border-radius: 4px;  border:none; color:#9a9a9a; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #f2f2f2;}
.contactForm textarea{ width:96.5%; }
.contactForm p{ margin-bottom:0px;}
.contactForm input, .contactForm textarea{ margin-bottom:10px !important; padding:10px;}
.contactForm input:focus, .contactForm textarea:focus, .contactForm input:hover, .contactForm textarea:hover{background:#f6f6f6;}
.contactForm .submit{ width:130px;  background-color:#fa9038; padding:7px 0px; color:#fff;
	-webkit-border-radius:2px;  -moz-border-radius:2px; -o-border-radius:4px; border-radius:2px; border:0; }
.contactForm input{ width:162px; margin-bottom:20px;}
.contactForm .submit:hover, .contactForm .submit:focus{ cursor:pointer; background:#fa9038 !important;}
ul.error{ background:#f0807f; border:1px solid #e96f6e; padding:20px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
ul.error li{ line-height:22px; font-size:12px; padding:0 20px; color:#333 !important; font-weight:bold;}
#note ul{ margin:0; margin-bottom:1.5em; }
#note ul li{ list-style:none; color:#b41616; background:url(../images/process-stop.png) no-repeat left center; padding-left:25px; margin-left:25px;}
div.notification_ok{ background:url(../images/process-accept.png) no-repeat left center #c5dc93; padding:20px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}	

/*-------------*/
/*   SIDEBAR   */
/*-------------*/
aside#sidebar h3{ font-size:16px; }
aside#sidebar .side{ width:100%; float:left; margin-bottom:30px;}

.popular-post{ width:100%; float:left; margin-bottom:15px;}
.popular-post img{ float:left; margin-right:10px;}
.popular-post h4{ font-size:12px; margin-bottom:5px;}
.popular-post h4 a{ color:#181818;}
.popular-post h4 a:hover{ color:#fa9038;}
.popular-post span small{ font-size:10px; margin-right:5px;}
.popular-post img{ border:1px solid #f6f6f6; padding:4px;}

ul.r-work{ float:left;}
ul.r-work li{ list-style:none; float:left; margin:0 0 7px 5px; }
ul.r-work li a img{ padding-bottom:0; margin:0; float:left; padding:2px; border:1px solid #f5f5f5;}
ul.r-work li a img:hover{ opacity:.9;}

ul.categ{ width:100%; float:left;}
ul.categ li{ list-style:none; margin-bottom:5px;}
ul.categ li a{ background:url(../images/check-list.png) no-repeat left; color:#777;  padding:2px 0 0 20px;}
ul.categ li a:hover{ color:#fa9038;}

#tab{ width:100%; float:left; margin:0 0 20px 0;}
#tab ul.nav{ width:100%; float:left; margin:0; margin-bottom:1px;}
#tab .nav li{ list-style:none; float:left; font-size:11px; margin-right:2px;}
#tab .nav li.last{ margin-right:0;}
#tab .nav li a{ display:block; border:1px solid #dedede; padding:2px 10px; text-decoration:none; color:#181818; background:#fff;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
background: 
		-webkit-gradient(
			linear,
			left bottom,
			left 20,
			from(#FFFFFF),
			color-stop(4%, #f6f6f6),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			bottom,
			#FFFFFF,
			#f6f6f6 1px,
			#FFFFFF 20px
			);}
#tab .nav li a.current{ border:1px solid #121212; color:#fff;
background: #181818;}

#tab .list-wrap{ width:85%; float:left; border:1px solid #eee; padding:20px 15px;}

#tab #archive{ margin:0; }
#tab #archive li{ list-style:none; font-size:12px; line-height:30px;}
#tab #archive li a{ background: url(../images/check-list.png) no-repeat left center; display:block; padding-left:25px; color:#777; text-decoration:none;}
#tab #archive li a:hover{ color:#fa9038; }

#tab #tag{ width:100%; float:left; margin:0;}
#tab #tag li{ float:left; list-style:none; margin-right:4px; font-size:12px; margin-bottom:4px; float:left;}
#tab #tag li a{ border:1px solid #eee; text-decoration:none; padding:4px; color:#777; float:left; }
#tab #tag li a:hover{ color:#fa9038;}

blockquote.quotes{ float:left; background:#f6f6f6; padding:15px 10px; margin-bottom:25px; }
blockquote.quotes p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; background:url(../images/quote.png) no-repeat left top; padding-left:30px;}
blockquote.quotes cite img{ margin-bottom:0; float:left; margin-right:15px; width:30px; -webkit-border-radius: 4px; -moz-border-radius: 47px; -o-border-radius: 4px; border-radius: 4px;}
blockquote.quotes cite{ font-size:12px; color:#777;}


/*-------------*/
/*   FOOTER    */
/*-------------*/
footer h3{ color:#e2e2e2; font-size:16px; padding-bottom:25px; margin-bottom:20px; background:url(../images/footer-border.jpg) right bottom no-repeat;}
footer p, span{ margin-bottom:10px; color:#777 !important;}

ul.link{ float:left;}
ul.link li{ list-style:none; font-style:italic; margin-bottom:5px;}
ul.link li a{ background:url(../images/check-list.png) no-repeat left; color:#aaaaaa;  padding:2px 0 0 20px;}
ul.link li a:hover{ color:#fa9038;}

.footer_entry{ float:left; width:100%; margin-bottom:10px;}
.footer_entry img{ float:left; margin-right:15px;}
.footer_entry h4{ font-size:12px; font-style:italic; margin-bottom:10px;}
.footer_entry h4 a{ color:#aaa; }
.footer_entry h4 a:hover{ color:#fa9038;}
.footer_entry span{ font-size:10px; color:#686868;}
.footer_entry span small{ font-size:10px; color:#686868;}
.footer_entry span small a{ color:#686868;}

.subs{ float:left; width:100%; margin-bottom:10px;}
.subs input.emailadd{ width:50%; padding:5px 10px; border:0; background:#1d1d1d; color:#777; font-size:11px; border:1px solid #333333;}
.subs input.submit{ padding:5px; background:#fa9038; color:#fff; cursor:pointer; border:0; font-size:10px; text-transform:uppercase;}
footer ul.social{ float:left; margin:0; padding:0; }
footer ul.social li{ float:left; list-style:none; padding:0; width:32px; height:32px; margin-left:5px;}
footer ul.social li a{ float:left; width:32px; height:32px; padding:0;}

ul.flickr{ float:left;}
ul.flickr li{ list-style:none; float:left; margin:0 7px 7px 0; }
ul.flickr li a img{ padding-bottom:0; margin:0; float:left;}
ul.flickr li a img:hover{ opacity:.9;}

#copy{ width:100%; float:left; background:#333333; padding:15px 0;}
#copy p{ margin:0 30px; font-size:11px;}
#copy p a{ color:#fa9038;}

.first{ margin-left:0 !important;}

@media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 768px)  {
nav ul{ display:none;}
nav select {  display: block; float:right; width:40%; margin:25px 30px 30px 30px; padding:7px 10px; border:1px solid #e6e6e6; }

section#content{ width: 100%; float:left; margin:0; padding:50px 0 0 0; border-bottom:1px dotted #a6a6a6;}
aside#sidebar{ width: 100%; float:right; margin:0; border-left:0; padding:50px 0 0 0;}
	
.one-half{ width:100%; float:left; margin-left:0;}
.one-third{  width:100%; float:left; margin-left:0;}
.one-fourth{ width:100%; float:left; margin-left:0;}
.three-fourth{ width:100%; float:left; margin-left:0%;}
.one-fifth{ width:100%; float:left; margin-left:0;}
div.first{ margin-left:0;}
}

@media handheld and (max-width: 479px), screen and (max-device-width: 479px), screen and (max-width: 479px)  {
#portfolio .item3{ width: 280px; height:200px !important;  float:left; margin:0 0 0 30px;}	
.thumb-info2{ width:85% !important;}
.thumb-info2 p{ display:none;}
.thumb-info2 ul{ margin-bottom:15px;}
	
.one-half{ width:100%; float:left; margin-left:0;}
.one-third{  width:100%; float:left; margin-left:0;}
.one-fourth{ width:100%; float:left; margin-left:0;}
.three-fourth{ width:100%; float:left; margin-left:0%;}
.one-fifth{ width:100%; float:left; margin-left:0;}
div.first{ margin-left:0;}

}

/*---MOBILE STYLE---COMPATIBILITY----*/
@media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px){
}
@media handheld and (max-width: 515px), screen and (max-device-width: 515px), screen and (max-width: 515px){
}
@media handheld and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 320px){
}
@media handheld and (max-width: 295px), screen and (max-device-width: 295px), screen and (max-width: 295px){
}
@media handheld and (max-width: 240px), screen and (max-device-width: 240px), screen and (max-width: 240px){
}